*,*: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: #a78bfa;--accent-a: #a78bfa;--accent-b: #34d399;--accent-a-dim: rgba(167, 139, 250, .15);--accent-b-dim: rgba(52, 211, 153, .15);--gold: #f59e0b;--danger: #f87171;--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: 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)}.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}}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;line-height:1.15}body{min-height:100vh;overscroll-behavior:none}html{overscroll-behavior:none}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,[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}}@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}@media (max-width: 640px){input,textarea,select{font-size:16px!important}}.bottom-nav{display:none}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 900px){.compare-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.compare-grid,.compare-grid-3{grid-template-columns: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}.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-body{display:flex!important;flex-direction:column!important}.profile-tab-content{order:1}.profile-taste-section{order:2;margin-top:28px}.profile-root{overflow-x:hidden}.app-header{position:static!important;top:auto!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}}
