*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08080a;--surface: #141418;--surface2: #1f1f25;--surface3: #2a2a32;--border: #2a2a32;--border-faint: rgba(255, 255, 255, .06);--text: #fafafa;--text-muted: #a1a1aa;--text-dim: #71717a;--accent: #d97a3b;--accent-a: #d97a3b;--accent-b: #6a90b5;--accent-a-dim: rgba(217, 122, 59, .15);--accent-b-dim: rgba(106, 144, 181, .15);--gold: #f59e0b;--danger: #f87171;--font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 38px;--text-5xl: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 6px;--radius-md: 8px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .2);--shadow-2: 0 6px 24px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);--shadow-3: 0 16px 48px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .4);--shadow-hero: 0 24px 80px rgba(0, 0, 0, .55);--motion-fast: 80ms;--motion-base: .16s;--motion-slow: .28s;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(0, 0, .2, 1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);color:var(--text);background:var(--bg);color-scheme:dark;accent-color:var(--accent-a)}::selection{background:#d97a3b59}*{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#3a3a44;background-clip:padding-box}::placeholder{color:var(--text-dim);opacity:1}.glass{background:#08080ab8;backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6)}@supports not (backdrop-filter: blur(1px)){.glass{background:#08080af5}}.overlay-blur{backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2)}@media (hover: hover){.app-header nav a:hover{color:var(--text)!important}footer a:hover{color:var(--text)!important}button:not(:disabled):hover{filter:brightness(1.1)}}.lb-row{padding-right:108px}@media (max-width: 640px){.lb-row{padding-right:98px}}.card-zoom img{transition:transform .45s var(--ease)}@media (hover: hover){.card-zoom:hover img{transform:scale(1.045)}}@media (prefers-reduced-motion: reduce){.card-zoom img{transition:none}.card-zoom:hover img{transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-pop{animation:toast-in .24s var(--ease-out) both}@media (prefers-reduced-motion: reduce){.toast-pop{animation:none}}.deck-ambient{display:none}@media (min-width: 641px){.deck-ambient{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.deck-ambient img{position:absolute;left:50%;top:50%;width:25%;height:25%;object-fit:cover;transform:translate(-50%,-50%) scale(5.5);filter:blur(24px) saturate(1.4);opacity:0;animation:deck-ambient-in .9s var(--ease-out) forwards}.deck-ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#08080a1a,#08080a9e 70%,#08080aeb)}}@keyframes deck-ambient-in{to{opacity:.34}}@media (prefers-reduced-motion: reduce){.deck-ambient img{animation:none;opacity:.34}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;line-height:1.1}.display,.font-display{font-family:var(--font-display)}.tnum,.font-tnum{font-variant-numeric:tabular-nums}body{min-height:100vh;overscroll-behavior:none}html{overscroll-behavior:none;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}a{color:var(--accent-a);text-decoration:none}button{cursor:pointer;font:inherit}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-a);outline-offset:2px;border-radius:2px}button:active,a:active,[role=button]:active{opacity:.65;transition:none}button,[role=button]{-webkit-user-select:none;user-select:none}button:not(:disabled):active,a:active,[role=button]:active{transform:scale(.98);opacity:.88;transition:transform 60ms ease-out,opacity 60ms ease-out}button,a,[role=button]{transition:transform .14s ease,opacity .14s ease;transform-origin:center}.page-content>*{animation:page-in .18s ease both}@keyframes page-in{0%{opacity:0}to{opacity:1}}img[loading=lazy]{background-color:var(--surface2)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface2) 40%,var(--surface) 80%);background-size:200% 100%;animation:skeleton-shimmer 1.4s linear infinite;border-radius:6px}@keyframes loading-pulse-anim{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.loading-pulse{animation:loading-pulse-anim 1.3s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.loading-pulse{animation:none;opacity:.55}}@keyframes contour-notif-pulse{0%{box-shadow:0 0 #d97a3b8c}70%{box-shadow:0 0 0 10px #d97a3b00}to{box-shadow:0 0 #d97a3b00}}@media (prefers-reduced-motion: reduce){[style*=contour-notif-pulse]{animation:none!important}}@keyframes era-glow-in{0%{opacity:0;transform:scale(.72)}55%{opacity:1;transform:scale(1.04)}to{opacity:.9;transform:scale(1)}}.era-hero-glow{opacity:.9;transform-origin:center;animation:era-glow-in 1.5s var(--ease-out) both}@media (prefers-reduced-motion: reduce){.era-hero-glow{animation:none;opacity:.85;transform:none}}@keyframes era-num-pop{0%{transform:scale(1)}40%{transform:scale(1.055)}to{transform:scale(1)}}.era-num-pop{transform-origin:left center;animation:era-num-pop .36s var(--ease-out)}@media (prefers-reduced-motion: reduce){.era-num-pop{animation:none}}@media (max-width: 640px){input,textarea,select{font-size:16px!important}}.profile-tab-content{order:1}.profile-taste-section{order:2;margin-top:28px}.bottom-nav{display:none}.compare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.compare-grid-3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px}@media (max-width: 900px){.compare-grid-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 640px){.compare-grid,.compare-grid-3{grid-template-columns:minmax(0,1fr)}.page-content{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.bottom-nav{display:block}}@media (max-width: 640px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.page-pad{padding:20px 16px!important}.hero-row{flex-direction:column!important;align-items:center!important;text-align:center!important}.hero-row img,.hero-row .hero-img{width:220px!important;height:220px!important}.hero-actions{justify-content:center!important}.entity-hero>div{align-items:center}.entity-hero>div[style*="flex-direction: column"]{align-items:center!important}.era-hero-stat{align-items:center!important;text-align:center!important}.hero-era-pill{align-self:center!important}.hero-listen-row{justify-content:center!important}.hero-listen-row>span:first-child{width:100%!important;text-align:center!important;margin-right:0!important}.stat-row{gap:16px!important}.stat-tabs{flex-wrap:wrap!important}.stat-tabs .stat-tab-button{flex:1 1 33%!important;min-width:0!important;padding:10px 6px!important;border-right:1px solid var(--border)}.stat-tabs .stat-tab-button:last-child,.stat-tabs .stat-tab-button:nth-child(3n){border-right:none}.profile-root{overflow-x:hidden}.app-header{position:static!important;top:auto!important}body.foryou-swipe-mode .app-header{display:none!important}body.foryou-swipe-mode .page-content{padding-bottom:0!important}html.foryou-swipe-html,body.foryou-swipe-mode{overflow:hidden!important;height:100%!important;overscroll-behavior:none!important}.app-header.hide-on-home-mobile{display:none!important}.foryou-tabs-strip{top:0!important}.chart-container{padding:12px!important}.touch-row{padding-top:14px!important;padding-bottom:14px!important;min-height:52px}.hero-page{padding:20px 16px!important}.entity-hero{padding:20px 16px 18px!important}.entity-body{padding:18px 16px!important;gap:18px!important}}@media (min-width: 641px){.show-mobile{display:none!important}}.scroll-shelf{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 -20px;padding:4px 20px 12px}.scroll-shelf::-webkit-scrollbar{display:none}.scroll-shelf>*{scroll-snap-align:start;flex:0 0 auto}.hero-page{max-width:960px!important}@media (min-width: 641px){.hero-row .hero-img{width:240px!important;height:240px!important}}@media (min-width: 1024px){.hero-row .hero-img{width:260px!important;height:260px!important}}