:root{--bg-app:#05070b;--bg-studio:#06090e;--bg-radio:#080a13;--bg-panel:#10161f;--bg-raised:#161f2b;--bg-overlay:#03050ae6;--bg-navy:linear-gradient(180deg, #050b17c3 0px, #050b17b0 170px, #050b17f0 280px, #050b17 360px);--text-primary:#fff;--text-secondary:#eaebec;--text-muted:#adbac9;--text-on-cyan:#06080c;--accent-cyan:#52d6ff;--accent-cyan-hover:#7fe3ff;--accent-violet:#9c78ff;--purple-dark:#7200c9;--text-cyan-violet:linear-gradient(90deg, var(--accent-cyan), var(--accent-violet));--accent-pink:#f46ac5;--accent-shopee:#c83e20;--focus-ring:#8ddbff;--error:#ff8794;--success:#75dbac;--seek-track:#18324b;--seek-thumb:#dff9ff;--radio-atmosphere:#18377138;--lyric-idle:#6f8598;--lyric-near:#8ca1b3;--lyric-sung:#b9d3e1;--radio-control-expand:linear-gradient(145deg, #176bac, #3a42ae 68%, #6232ad);--radio-control-close:linear-gradient(145deg, #733caf, #a4389d 68%, #bc3c85);--radio-control-play:linear-gradient(135deg, #247fff, #6259ff);--radio-control-play-hover:linear-gradient(135deg, #368bff, #756bff);--visualizer-wash:#0d57a021;--visualizer-bar:linear-gradient(to top, #07c9ef 4%, #336dff 55%, #c52af0 100%);--visualizer-bass:linear-gradient(to top, #08b9e7 5%, #245fd8 72%, #3947b7 100%);--visualizer-drums:linear-gradient(to top, #12d6ef 4%, #3477ff 58%, #8d43e7 100%);--visualizer-other:linear-gradient(to top, #0dc7eb 4%, #4768f2 55%, #a03ce6 100%);--visualizer-voice:linear-gradient(to top, #2dddf2 4%, #69cfff 58%, #b7a4ff 100%);--border-default:#ffffff24;--border-strong:#ffffff38;--border-active:#52d6ffad;--font-heading:var(--font-outfit), Arial, sans-serif;--font-body:var(--font-dm-sans), Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-photo:12px;--radius-field:12px;--radius-card:16px;--radius-dialog:18px;--radius-action:999px;--header-height:72px;--mobile-header-height:60px;--mobile-player-height:96px;--radio-panel-width:clamp(360px, 30vw, 600px);--page-gutter:32px;--motion-fast:.14s;--motion-ui:.22s;--motion-panel:.26s;--ease-ui:cubic-bezier(.2, .8, .2, 1);--layer-base:0;--layer-header:10;--layer-player:20;--layer-menu:30;--layer-dialog:40}@media (max-width:1023px){:root{--page-gutter:20px}}
*,:before,:after{box-sizing:border-box}html{background:var(--bg-app);color:var(--text-primary);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent-violet) 70%, var(--bg-panel)) transparent}::-webkit-scrollbar{width:.45rem;height:.45rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-action);background:color-mix(in srgb, var(--accent-violet) 70%, var(--bg-panel));background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--accent-violet);background-clip:padding-box}body{background:var(--bg-app);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:500;line-height:1.55}h1,h2,h3{color:var(--text-primary);font-family:var(--font-heading);margin:0}button,input,textarea,select{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html:has([data-studio-page])::view-transition-group(*){animation-duration:.68s;animation-timing-function:cubic-bezier(.22,1,.36,1)}html:has([data-studio-page])::view-transition-old(*){animation-duration:.68s;animation-timing-function:cubic-bezier(.22,1,.36,1)}html:has([data-studio-page])::view-transition-new(*){animation-duration:.68s;animation-timing-function:cubic-bezier(.22,1,.36,1)}html:has([data-studio-page])::view-transition-old(root){animation-duration:0s}html:has([data-studio-page])::view-transition-new(root){animation-duration:0s}