:root,[data-theme=dark]{--bg-primary:#1e1c22;--bg-sidebar:#847E87;--bg-sidebar-hover:#918b94;--bg-card:rgba(255,255,255,0.04);--bg-card-hover:rgba(255,255,255,0.07);--bg-deep:#14131a;--bg-input:rgba(255,255,255,0.05);--bg-overlay:rgba(10,10,14,0.92);--text-primary:#f0ecf0;--text-secondary:#c8c4cc;--text-dim:#8a8590;--text-label:#8a8590;--text-muted:#8a8590;--accent:#c9a96e;--accent-dim:rgba(201,169,110,0.15);--border:rgba(255,255,255,0.08);--border-light:rgba(255,255,255,0.14);--flat-bg:#2a2830;--code-bg:rgba(0,0,0,0.3);--green:#6ec996;--blue:#6ea9c9;--purple:#b482c8;--red:#c96e6e;--sb-text:#2a2630;--sb-text-active:#0e0c12;--sb-text-label:#3d3842;--sb-border:rgba(0,0,0,0.15);--sb-active-bg:rgba(0,0,0,0.12);--sb-hover-bg:rgba(0,0,0,0.08);--sb-btn-bg:rgba(0,0,0,0.15);--sb-btn-color:#0e0c12;--sb-btn-hover-bg:rgba(0,0,0,0.25)}[data-theme=light]{--bg-primary:#f4f2f0;--bg-sidebar:#847E87;--bg-sidebar-hover:#918b94;--bg-card:rgba(0,0,0,0.03);--bg-card-hover:rgba(0,0,0,0.06);--bg-deep:#e8e6e3;--bg-input:rgba(0,0,0,0.04);--bg-overlay:rgba(0,0,0,0.85);--text-primary:#1e1c22;--text-secondary:#3d3a42;--text-dim:#7a7580;--text-label:#7a7580;--text-muted:#7a7580;--accent:#a88a50;--accent-dim:rgba(168,138,80,0.12);--border:rgba(0,0,0,0.08);--border-light:rgba(0,0,0,0.13);--flat-bg:#e0dde2;--code-bg:rgba(0,0,0,0.05);--green:#4a9a6a;--blue:#4a8aaa;--purple:#8a62a8;--red:#c05050;--sb-text:#2a2630;--sb-text-active:#0e0c12;--sb-text-label:#3d3842;--sb-border:rgba(0,0,0,0.15);--sb-active-bg:rgba(0,0,0,0.12);--sb-hover-bg:rgba(0,0,0,0.08);--sb-btn-bg:rgba(0,0,0,0.15);--sb-btn-color:#0e0c12;--sb-btn-hover-bg:rgba(0,0,0,0.25)}[data-theme=mist]{--bg-primary:#847E87;--bg-sidebar:#1a1a1f;--bg-sidebar-hover:#2a2a30;--bg-card:rgba(0,0,0,0.14);--bg-card-hover:rgba(0,0,0,0.22);--bg-deep:#5a565e;--bg-input:rgba(0,0,0,0.15);--bg-overlay:rgba(10,10,14,0.92);--text-primary:#faf8f5;--text-secondary:#e8e4ea;--text-dim:#e0dce4;--text-label:#d4d0d8;--text-muted:#c0bac4;--accent:#c9a96e;--accent-dim:rgba(201,169,110,0.18);--border:rgba(0,0,0,0.12);--border-light:rgba(0,0,0,0.18);--flat-bg:#a09aa4;--code-bg:rgba(0,0,0,0.2);--green:#6ec996;--blue:#6ea9c9;--purple:#b482c8;--red:#c96e6e;--sb-text:#8a8590;--sb-text-active:#e8e4ea;--sb-text-label:#6b6570;--sb-border:rgba(255,255,255,0.06);--sb-active-bg:rgba(201,169,110,0.12);--sb-hover-bg:rgba(255,255,255,0.04);--sb-btn-bg:rgba(255,255,255,0.08);--sb-btn-color:#c8c4cc;--sb-btn-hover-bg:rgba(255,255,255,0.14)}[data-theme=mist] .nav-item.active{color:var(--accent);background:var(--sb-active-bg)}[data-theme=mist] .nav-item.active:before{background:var(--accent)}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden}body{font-family:Zen Kaku Gothic New,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100dvb;width:100%;display:flex;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}select,select option{background:var(--bg-deep);color:var(--text-primary)}.sidebar{width:240px;min-height:100dvb;background:var(--bg-sidebar);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;border-right:1px solid var(--sb-border);transition:background .2s}.sidebar-top{padding:24px 18px 18px;border-bottom:1px solid var(--sb-border)}.sidebar-top-link{font-family:Cormorant Garamond,serif;font-size:1.15rem;font-weight:600;color:var(--sb-text-active);line-height:1.2;text-decoration:none;letter-spacing:.02em;transition:color .2s;display:block}.sidebar-top-link:hover{color:var(--accent)}.sidebar-nav{flex:1 1;padding:16px 0;display:flex;flex-direction:column}.nav-section-label{font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:500;color:var(--sb-text-label);letter-spacing:.15em;text-transform:uppercase;padding:16px 24px 8px}.nav-item{display:flex;align-items:center;gap:14px;padding:11px 24px;color:var(--sb-text);font-size:.95rem;font-weight:500;transition:all .2s ease;position:relative;cursor:pointer}.nav-item:hover{color:var(--sb-text-active);background:var(--sb-hover-bg)}.nav-item.active{color:var(--accent);background:var(--accent-dim)}.nav-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--accent)}.sidebar .nav-item,.sidebar a{cursor:pointer}.sidebar-footer{padding:12px 16px 16px;border-top:1px solid var(--sb-border);display:flex;gap:6px}.sidebar-tool-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sb-border);border-radius:6px;background:var(--sb-btn-bg);color:var(--sb-btn-color);cursor:pointer;font-size:1.05rem;font-weight:600;transition:all .15s}.sidebar-tool-btn:hover{background:var(--sb-btn-hover-bg)}.main{margin-left:240px;flex:1 1;min-width:0;min-height:100dvb;overflow-x:hidden}.content{max-width:1100px;margin:0 auto;padding:40px 48px 80px}.heatmap-section{margin-bottom:48px}.heatmap-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.heatmap-title{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--text-primary);letter-spacing:.04em}.heatmap-title strong{color:var(--accent);font-weight:400}.heatmap-year{font-family:IBM Plex Mono,monospace;font-size:.65rem;color:var(--text-dim)}.heatmap-wrap{background:var(--bg-card);border:1px solid var(--border);padding:16px 20px 12px;overflow-x:auto}.heatmap-col,.heatmap-grid{display:flex;gap:2px}.heatmap-col{flex-direction:column}.heatmap-cell{width:13px;height:13px;background:var(--bg-deep)}.heatmap-cell.l1{background:rgba(201,169,110,.2)}.heatmap-cell.l2{background:rgba(201,169,110,.4)}.heatmap-cell.l3{background:rgba(201,169,110,.6)}.heatmap-cell.l4{background:rgba(201,169,110,.85)}.action-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.button-row{display:flex;gap:0}.btn-flat{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 28px;font-family:Zen Kaku Gothic New,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.04em;border:none;cursor:pointer;border-radius:0;box-shadow:none;transition:opacity .2s}.btn-flat:hover{opacity:.85}.btn-flat-dark{background:var(--bg-deep);color:var(--text-primary)}.btn-flat-grey{background:var(--flat-bg);color:var(--text-primary)}.btn-flat-accent{background:var(--accent);color:#1a1a1f}.stats-row{display:flex;gap:32px}.stat{display:flex;align-items:baseline;gap:6px}.stat-number{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:600;color:var(--text-primary);line-height:1}.stat-label{font-family:IBM Plex Mono,monospace;font-size:.55rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.section-title{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:400;color:var(--text-primary)}.section-link{font-family:IBM Plex Mono,monospace;font-size:.65rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;transition:color .2s}.section-link:hover{color:var(--accent)}.books-section{margin-bottom:48px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:3px;gap:3px}.book-card{cursor:pointer}.book-card,.book-cover{position:relative;overflow:hidden}.book-cover{width:100%;aspect-ratio:1/1;background:var(--bg-card);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.book-card:hover .book-cover{filter:brightness(1.15)}.book-cover img{width:100%;height:100%;object-fit:cover}.book-cover-placeholder{font-family:Cormorant Garamond,serif;font-size:.75rem;color:var(--text-dim);text-align:center;padding:8px;line-height:1.3}.book-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.85));padding:24px 8px 8px;opacity:0;transition:opacity .25s;display:flex;flex-direction:column;gap:2px}.book-card:hover .book-overlay{opacity:1}.book-overlay-title{font-size:.65rem;font-weight:500;color:#fff}.book-overlay-author{font-size:.55rem;color:rgba(255,255,255,.6)}.book-overlay-rating{font-family:IBM Plex Mono,monospace;font-size:.5rem;color:var(--accent);margin-top:2px}.quotes-section{margin-bottom:48px}.quote-card{background:var(--bg-card);border:1px solid var(--border);padding:32px 36px;position:relative;transition:all .25s;cursor:pointer}.quote-card:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.quote-card:before{content:"\201C";font-size:4rem;color:var(--accent);opacity:.3;position:absolute;top:8px;left:20px;line-height:1}.quote-card:before,.quote-text{font-family:Cormorant Garamond,serif}.quote-text{font-size:1.25rem;font-style:italic;color:var(--text-primary);line-height:1.7;margin-bottom:16px;padding-left:24px}.quote-source{font-family:IBM Plex Mono,monospace;font-size:.65rem;color:var(--text-dim);letter-spacing:.1em;padding-left:24px}.notes-list{display:flex;flex-direction:column;gap:1px;background:var(--border)}.note-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);cursor:pointer;transition:all .2s}.note-item:hover{background:var(--bg-card-hover)}.note-left{display:flex;align-items:center;gap:14px}.note-category{font-family:IBM Plex Mono,monospace;font-size:.55rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;background:var(--accent-dim);padding:3px 8px;min-width:50px;text-align:center}.note-title{font-size:.85rem;color:var(--text-primary)}.note-date{font-family:IBM Plex Mono,monospace;font-size:.6rem;color:var(--text-dim)}.mobile-topbar{display:none}.mobile-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px;width:32px;height:32px}.mobile-hamburger span{display:block;width:18px;height:2px;background:var(--text-secondary);transition:all .2s}.mobile-topbar-page{font-family:M PLUS\ 1,sans-serif;font-size:.75rem;color:var(--text-dim);margin-left:auto}@media (max-width:48rem){.mobile-topbar{display:flex!important;align-items:center;gap:12px;position:fixed!important;top:0;left:0;right:0;z-index:90;height:56px;padding:0 14px;background:var(--bg-primary);border-bottom:1px solid var(--border)}.sidebar{display:none!important}.sidebar.mobile-open{display:flex!important;z-index:200}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main{margin-left:0!important;margin-top:56px!important;overflow-x:hidden!important;max-width:100%!important;width:100%!important}body{overflow-x:hidden}.content{padding:16px 12px 60px}.hp{flex-direction:column!important}.hp-left{max-width:none!important}.heatmap-wrap{padding:12px 8px}.action-bar{flex-direction:column;gap:12px;align-items:stretch}.stats-row{gap:16px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.content[style]{max-width:100%!important;padding:16px 12px 60px!important}}