*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #0E0E12;--surface: #16161D;--surface-2: #1E1E26;--text: #EDEAE5;--text-muted: #7A7A8E;--text-dim: #4A4A58;--border: #28282F;--border-soft: #1F1F26;--brand: #E8743C;--brand-soft: rgba(232, 116, 60, .14);--header-bg: #08080C;--hero-bg: #0A0A10}[data-theme=light]{--bg: #F6F2E8;--surface: #FFFFFF;--surface-2: #EDE7DA;--text: #1A1A20;--text-muted: #6A6055;--text-dim: #B0A89B;--border: #DDD5C5;--border-soft: #E8E1D0;--brand: #C95A22;--brand-soft: rgba(201, 90, 34, .1);--header-bg: #FFFCF4;--hero-bg: #F0EBDD}[data-tint=books]{--tint: 215;--tint-sat: 18%}[data-tint=vinyl]{--tint: 350;--tint-sat: 24%}[data-tint=hobbies]{--tint: 150;--tint-sat: 12%}[data-tint=neutral]{--tint: 240;--tint-sat: 4%}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;transition:background .25s ease,color .25s ease}h1,h2,h3,h4{font-family:Playfair Display,Georgia,serif;line-height:1.1}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%}header{background:var(--header-bg);border-bottom:1px solid var(--border);padding:0 2.5rem;height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;transition:background .25s ease,border-color .25s ease}.brand{display:flex;align-items:baseline;gap:1rem}.wordmark{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;color:var(--brand);letter-spacing:-.01em;white-space:nowrap;transition:opacity .15s}.wordmark:hover{text-decoration:none;opacity:.75}.tagline{font-family:Lora,serif;font-style:italic;font-size:.8rem;color:var(--text-muted);white-space:nowrap}nav{display:flex;gap:2.5rem;align-items:center}nav a{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);transition:color .15s;position:relative;padding-bottom:2px}nav a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--brand);transform:scaleX(0);transition:transform .2s}nav a:hover{color:var(--text);text-decoration:none}nav a:hover:after{transform:scaleX(1)}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--text-muted);width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;margin-left:.5rem;transition:all .2s ease}.theme-toggle:hover{color:var(--brand);border-color:var(--brand)}.theme-icon{display:none}[data-theme=dark] .light-icon,[data-theme=light] .dark-icon{display:inline}main{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:3rem 2rem}main.full-width{max-width:100%;padding:0}footer{background:var(--header-bg);border-top:1px solid var(--border);padding:1.25rem 2.5rem;display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.75rem;letter-spacing:.04em}.footer-mark{color:var(--brand);font-family:Playfair Display,serif}.footer-sep{opacity:.4}.page-hero{position:relative;padding:5.5rem 0 4rem;background:var(--hero-bg);border-bottom:1px solid var(--border);overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,hsla(var(--tint),var(--tint-sat),50%,.18) 0%,transparent 60%);pointer-events:none}.page-hero-inner{max-width:1280px;margin:0 auto;padding:0 2.5rem;position:relative;z-index:1}.page-hero .eyebrow{font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.page-hero .eyebrow:before{content:"";width:28px;height:1px;background:var(--brand)}.page-hero h1{font-family:Playfair Display,serif;font-size:clamp(4rem,9vw,7.5rem);font-weight:700;font-style:italic;color:var(--text);letter-spacing:-.03em;line-height:.95;margin-bottom:1.5rem}.stats-row{display:flex;align-items:center;gap:1.75rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:.3rem}.stat-num{font-family:Playfair Display,serif;font-size:2.1rem;font-weight:700;color:var(--text);letter-spacing:-.03em;line-height:1}.stat-label{font-family:Inter,sans-serif;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.stat-div{width:1px;height:2.4rem;background:var(--border)}@media(max-width:640px){header{flex-direction:column;align-items:center;justify-content:center;height:auto;padding:.45rem 1rem .5rem;gap:.3rem}.tagline{display:none}nav{gap:1.25rem;flex-wrap:wrap;justify-content:center}.theme-toggle{width:26px;height:26px;margin-left:.25rem}.sticky-shelf,.genre-nav{top:82px!important}.hero-inner{padding:3.5rem 1rem 2.5rem!important}.cards-inner{grid-template-columns:1fr!important;padding:2rem 1rem 2.5rem!important;gap:1rem!important}.card{padding:1.75rem 1.5rem 1.5rem!important}.gs-banner-inner{padding:0 1rem!important}.gs-shelf-inner{padding:1rem 1rem 2.5rem!important}.book-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important;gap:.9rem!important}.record-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:1rem!important}.btitle{font-size:.8rem!important}.bauthor{font-size:.7rem!important}.rtitle{font-size:.85rem!important}.rartist{font-size:.75rem!important}}