:root{--hero-paper: #faf7f0;--paper-card: #fffdf8;--mist-blue: #d9e8eb;--sage-strong: #61785e;--peach: #e9a78d;--tag-bg: #edf1e6;--note-bg: #f0f2e6;--torn-paper: #fffdf5;--tape: #d6cca5;--hill-wash: #dce7d4;--paper-shadow: 0 8px 20px rgb(69 79 58 / 7%)}html[data-theme=dark]{--hero-paper: #1c2c2b;--paper-card: #223634;--mist-blue: #29434b;--sage-strong: #a9c29a;--peach: #dda18c;--tag-bg: #314941;--note-bg: #263833;--torn-paper: #2d403a;--tape: #6b694d;--hill-wash: #31483c;--paper-shadow: 0 10px 25px rgb(0 0 0 / 20%)}*{box-sizing:border-box}html{background:var(--paper)}body{min-width:320px;margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}main{max-width:1180px;margin:0 auto;padding:42px 34px 96px}.site-footer{max-width:none;padding:28px clamp(24px,5vw,78px);color:var(--muted);font-size:.78rem}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;min-height:78px;padding:0 clamp(24px,5vw,78px);gap:clamp(30px,7vw,124px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(11px)}.wordmark{color:var(--sage-strong);font:400 1.22rem var(--serif);letter-spacing:.06em;white-space:nowrap}.wordmark span{font-family:var(--sans);font-size:.9rem}.desktop-nav{display:flex;align-self:stretch;gap:clamp(26px,4vw,64px)}.desktop-nav a{position:relative;display:flex;align-items:center;font-size:.94rem}.desktop-nav a[aria-current=page]:after{position:absolute;right:4px;bottom:16px;left:4px;height:1.5px;background:var(--sage-strong);content:""}.header-tools{display:flex;align-items:center;gap:13px;margin-left:auto}.icon-button,.theme-switch{display:grid;width:38px;height:38px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.icon-button:hover{background:var(--surface)}.theme-switch{position:relative;display:flex;width:46px;height:26px;justify-content:space-around;border:1px solid var(--line);border-radius:999px;color:var(--sage-strong)}.theme-switch svg{z-index:1}.theme-switch__knob{position:absolute;left:2px;width:20px;height:20px;border-radius:50%;background:var(--sage);transition:transform .2s ease}.theme-switch[aria-pressed=true] .theme-switch__knob{background:var(--ink);transform:translate(20px)}.mobile-menu-button,.mobile-bottom-nav{display:none}.header-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent}.header-dialog::backdrop{background:#17262259}.dialog-backdrop{position:fixed;inset:0}.dialog-backdrop button{width:100%;height:100%;border:0;background:transparent}.search-panel,.settings-panel,.mobile-nav-panel{position:fixed;z-index:1;top:88px;left:50%;width:min(460px,calc(100% - 40px));padding:28px;background:var(--paper-card);box-shadow:0 18px 60px #12201c2e;transform:translate(-50%)}.dialog-close{position:absolute;top:12px;right:12px;display:grid;width:32px;height:32px;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}.search-panel label,.settings-panel h2{display:block;margin:0 0 15px;font:400 1.35rem var(--serif)}.search-panel input{width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);outline:none;background:transparent;color:var(--ink)}.search-panel button[type=submit]{margin-top:17px;padding:9px 14px;border:0;background:var(--sage);cursor:pointer}.settings-panel p{margin:-8px 0 18px;color:var(--muted);font-size:.82rem}.theme-options{display:flex;gap:8px}.theme-options button{flex:1;padding:8px;border:1px solid var(--line);background:transparent;cursor:pointer}.mobile-nav-panel{display:none}.page-heading{padding:34px 0}.page-heading h1,.review-header h1,.album-header h1{margin:0;font:400 clamp(2.8rem,6vw,5rem) / 1.15 var(--serif)}.page-heading p,.review-header p,.album-header p{margin:7px 0 0;color:var(--muted)}.tags,.home-tags{display:flex;flex-wrap:wrap;gap:7px}.tags span,.home-tags span{padding:2px 9px;border-radius:999px;background:var(--tag-bg);color:var(--sage-strong);font-size:.7rem}@media(max-width:700px){main{padding:26px 20px 92px}.site-header{min-height:64px;padding:0 20px;gap:12px}.wordmark{font-size:1.05rem}.desktop-nav,.header-tools>.icon-button[data-settings-open]{display:none}.header-tools{gap:4px}.mobile-menu-button{display:grid}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:9;display:grid;grid-template-columns:repeat(4,1fr);min-height:68px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--paper-card) 95%,transparent);backdrop-filter:blur(12px)}.mobile-bottom-nav a{display:grid;place-items:center;align-content:center;gap:2px;color:var(--muted);font-size:.68rem}.mobile-bottom-nav a[aria-current=page]{color:var(--sage-strong)}.mobile-bottom-nav span{line-height:1.1}.site-footer{padding-inline:20px}.mobile-nav-panel{display:block;top:0;right:0;left:auto;width:min(320px,88vw);height:100%;padding:82px 30px;transform:none}.mobile-nav-panel>span{color:var(--sage-strong);font:400 1.25rem var(--serif)}.mobile-nav-panel nav{display:grid;margin-top:36px}.mobile-nav-panel a{padding:14px 0;border-bottom:1px solid var(--line);font:400 1.25rem var(--serif)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}:root{--paper:#faf8f2;--ink:#2e3e37;--muted:#758077;--line:#dfe3d7;--sage:#dce6d3;--sky:#d9e8eb;--coral:#d9957c;--surface:#f0f3eb;--serif:Georgia,"Noto Serif SC","Songti SC",serif;--sans:ui-sans-serif,system-ui,"Microsoft YaHei",sans-serif}body{background:var(--paper);color:var(--ink)}html[data-theme=dark]{--paper:#172925;--ink:#f2f0e6;--muted:#b8c3b7;--line:#38524a;--sage:#315044;--sky:#29464d;--coral:#dda18c;--surface:#223732}html[data-theme=system]{color-scheme:light dark}@media(prefers-color-scheme:dark){html[data-theme=system]{--paper:#172925;--ink:#f2f0e6;--muted:#b8c3b7;--line:#38524a;--sage:#315044;--sky:#29464d;--coral:#dda18c;--surface:#223732}}