[data-theme=light]{--bg: #f7f6f3;--surface: #ffffff;--panel: #efede8;--text-primary: #1c1b1f;--text-secondary: #4a4750;--text-muted: #6a6670;--accent: #6d4cff;--accent-strong: #5a3df0;--border: #e3dde9;--shadow: rgba(20, 16, 30, .08);--nav-bg: rgba(247, 246, 243, .9);--nav-border: rgba(28, 27, 31, .08);--nav-dropdown-bg: #ffffff;--nav-dropdown-border: #e3dde9;--nav-dropdown-hover: #efede8;--primary-color: #6d4cff;--primary-gradient: linear-gradient(45deg, #6d4cff, #8f7bff)}[data-theme=dark]{--bg: #0f1014;--surface: #171a24;--panel: #1e2230;--text-primary: #f3f1ff;--text-secondary: #c6c0d6;--text-muted: #9b96b0;--accent: #9b7bff;--accent-strong: #b39bff;--border: #2b2f43;--shadow: rgba(0, 0, 0, .4);--nav-bg: rgba(15, 16, 20, .88);--nav-border: rgba(255, 255, 255, .08);--nav-dropdown-bg: #171a24;--nav-dropdown-border: #2b2f43;--nav-dropdown-hover: #1e2230;--primary-color: #9b7bff;--primary-gradient: linear-gradient(45deg, #9b7bff, #c2b1ff)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;transition:background .2s ease,color .2s ease;background:var(--bg);color:var(--text-primary)}a{color:inherit;text-decoration:none}.has-navbar{padding-top:52px}.page{max-width:1200px;margin:0 auto;padding:48px 24px 96px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px}.library-rail{position:sticky;top:72px;align-self:start;display:flex;flex-direction:column;gap:24px}.rail-card{padding:0 0 16px;border-bottom:1px solid var(--border)}.rail-title{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-bottom:8px;-webkit-user-select:none;user-select:none}.rail-search,.rail-select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text-primary)}.rail-hint{font-size:12px;color:var(--text-muted);margin-top:8px}.rail-list{display:flex;flex-direction:column;gap:8px}.rail-item{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:14px;-webkit-user-select:none;user-select:none;cursor:pointer;padding:6px 8px;border-radius:6px;transition:background .15s ease,color .15s ease}.rail-item:hover{background:var(--panel);color:var(--text-primary)}.rail-item.active{color:var(--text-primary);font-weight:600}.year-list,.year-group{display:flex;flex-direction:column;gap:8px}.year-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;border:none;background:none;padding:6px 0;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:color .15s ease}.year-toggle:hover{color:var(--text-primary)}.year-group.is-open .year-toggle{color:var(--text-primary);font-weight:600}.year-items{display:none;flex-direction:column;gap:8px;border-left:1px solid var(--border);padding-left:12px;margin-left:4px}.year-group.is-open .year-items{display:flex}.year-item{border:none;background:none;text-align:left;font-size:14px;color:var(--text-muted);cursor:pointer;padding:4px 0;transition:color .15s ease}.year-item:hover,.year-item.active{color:var(--text-primary)}.year-empty{font-size:12px;color:var(--text-muted);padding:2px 0}.library-main{display:flex;flex-direction:column;gap:32px}.library-default.is-hidden{display:none}.library-detail{display:none;flex-direction:column;gap:16px;padding:0 0 16px;border-bottom:1px solid var(--border)}.library-detail.is-active{display:flex;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.detail-back{border:none;background:none;color:var(--accent);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px;display:flex;align-items:center;transition:color .15s ease}.detail-back:hover{color:var(--accent-strong)}.detail-title{font-family:Scheherazade New,serif;font-size:clamp(28px,4vw,38px);font-weight:700;line-height:1.2}.detail-summary{font-size:16px;color:var(--text-secondary);line-height:1.6}.detail-meta{font-size:12px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.detail-content{display:flex;flex-direction:column;gap:16px;color:var(--text-secondary);line-height:1.7;font-size:16px}.detail-content p{margin:0}.library-hero{padding:0 0 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:16px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.24em;color:var(--text-muted);-webkit-user-select:none;user-select:none}.hero-title{font-family:Scheherazade New,serif;font-size:clamp(30px,4vw,40px);font-weight:700;line-height:1.1;-webkit-user-select:none;user-select:none}.hero-summary{font-size:16px;color:var(--text-secondary);line-height:1.6}.hero-meta{font-size:12px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.hero-link{color:var(--accent);font-weight:600;font-size:14px;-webkit-user-select:none;user-select:none}.shelf{display:flex;flex-direction:column;gap:12px}.shelf-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.shelf-title{font-size:24px;font-family:Scheherazade New,serif;-webkit-user-select:none;user-select:none}.shelf-subtitle{color:var(--text-secondary);font-size:14px}.shelf-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}.shelf-item{padding:16px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;cursor:pointer;border-radius:8px;transition:background .15s ease}.shelf-item:hover{background:var(--panel)}.shelf-item:active{transform:scale(.995)}.shelf-item-title{font-weight:600;font-size:16px}.shelf-item-summary{font-size:14px;color:var(--text-secondary);line-height:1.6}.shelf-item-meta{font-size:12px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.library-empty{display:none;padding:16px 0;color:var(--text-muted);font-size:14px}@media(max-width:980px){.page{grid-template-columns:1fr}.library-rail{position:static}}