:root{--hue-primary: 150;--color-surface-1: hsl(240 15% 4%);--color-surface-2: hsl(240 12% 8%);--color-surface-3: hsl(240 10% 12%);--color-surface-4: hsl(240 8% 18%);--color-text-1: hsl(0 0% 94%);--color-text-2: hsl(240 5% 70%);--color-text-3: hsl(240 5% 50%);--color-text-4: hsl(240 5% 35%);--color-primary: hsl(var(--hue-primary) 100% 60%);--color-primary-dim: hsl(var(--hue-primary) 80% 45%);--color-primary-bright: hsl(var(--hue-primary) 100% 75%);--color-secondary: hsl(185 100% 50%);--color-secondary-dim: hsl(185 80% 35%);--color-secondary-bright: hsl(185 100% 70%);--color-danger: hsl(0 85% 55%);--color-warning: hsl(40 100% 55%);--color-success: hsl(160 100% 40%);--color-info: hsl(210 100% 60%);--space-3xs: clamp(.25rem, .23rem + .09vw, .31rem);--space-2xs: clamp(.5rem, .48rem + .09vw, .56rem);--space-xs: clamp(.75rem, .71rem + .18vw, .88rem);--space-s: clamp(1rem, .95rem + .27vw, 1.19rem);--space-m: clamp(1.5rem, 1.43rem + .36vw, 1.75rem);--space-l: clamp(2rem, 1.91rem + .45vw, 2.31rem);--space-xl: clamp(3rem, 2.86rem + .71vw, 3.5rem);--space-2xl: clamp(4rem, 3.81rem + .89vw, 4.63rem);--space-3xl: clamp(6rem, 5.71rem + 1.43vw, 7rem);--font-size-xs: clamp(.7rem, .66rem + .18vw, .82rem);--font-size-s: clamp(.8rem, .77rem + .15vw, .9rem);--font-size-base: clamp(.9rem, .86rem + .2vw, 1.05rem);--font-size-m: clamp(1.1rem, 1.04rem + .3vw, 1.3rem);--font-size-l: clamp(1.4rem, 1.3rem + .5vw, 1.75rem);--font-size-xl: clamp(2rem, 1.8rem + 1vw, 2.8rem);--font-size-2xl: clamp(2.8rem, 2.4rem + 2vw, 4.2rem);--font-size-3xl: clamp(3.5rem, 3rem + 2.5vw, 5.5rem);--font-display: "Space Grotesk", system-ui, sans-serif;--font-base: "IBM Plex Mono", "SF Mono", monospace;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1;--leading-heading: 1.15;--leading-base: 1.6;--leading-relaxed: 1.8;--measure-compact: 30ch;--measure-base: 60ch;--measure-wide: 75ch;--border-thin: 1px;--radius-xs: 2px;--radius-s: 4px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .1s ease-out;--transition-base: .2s ease-out;--transition-slow: .35s ease-out;--transition-slower: .5s ease-out;--layer-base: 10;--layer-overlay: 100;--layer-dropdown: 200;--layer-modal: 300;--layer-notification: 400;--layer-important: 9999;--glow-primary: 0 0 30px hsl(var(--hue-primary) 100% 60% / .5), 0 0 60px hsl(var(--hue-primary) 100% 60% / .2);--glow-primary-intense: 0 0 20px hsl(var(--hue-primary) 100% 60% / .8), 0 0 40px hsl(var(--hue-primary) 100% 60% / .4), 0 0 80px hsl(var(--hue-primary) 100% 60% / .2);--glow-success: 0 0 20px hsl(160 100% 40% / .4);--glow-danger: 0 0 20px hsl(0 85% 55% / .4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark only;hanging-punctuation:first last}html:focus-within{scroll-behavior:smooth}body{min-block-size:100vh;min-block-size:100dvh;line-height:var(--leading-base);text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,svg,video,canvas{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:transparent;border:0;padding:0;line-height:inherit}textarea{resize:vertical}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3{line-height:var(--leading-heading)}a{color:inherit;text-decoration-skip-ink:auto}a:not([class]){text-decoration-thickness:max(.08em,1px);text-underline-offset:.15em}ul[role=list],ol[role=list]{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background-color:var(--color-primary);color:var(--color-surface-1)}@supports (scrollbar-width: thin){*{scrollbar-width:thin;scrollbar-color:var(--color-surface-3) var(--color-surface-1)}}::-webkit-scrollbar{inline-size:12px;block-size:12px}::-webkit-scrollbar-track{background:var(--color-surface-1)}::-webkit-scrollbar-thumb{background-color:var(--color-surface-3);border-radius:var(--radius-full);border:3px solid var(--color-surface-1)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-surface-4)}:root{font-family:var(--font-base);font-size:100%;font-weight:var(--font-regular);color:var(--color-text-1);background-color:var(--color-surface-1)}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.flow{--flow-space: 1em}.flow>*+*{margin-block-start:var(--flow-space)}.cluster{--cluster-gap: var(--space-s);--cluster-justify: flex-start;--cluster-align: center;display:flex;flex-wrap:wrap;gap:var(--cluster-gap);justify-content:var(--cluster-justify);align-items:var(--cluster-align)}.stack{--stack-gap: var(--space-m);display:flex;flex-direction:column;gap:var(--stack-gap)}.stack[data-recursive] *{margin-block:0}.stack[data-split]>:only-child{block-size:100%}.stack[data-split]>*+*{margin-block-start:auto}.box{--box-padding: var(--space-m);--box-border-width: 0;--box-border-color: currentColor;--box-radius: 0;--box-bg: transparent;--box-color: inherit;padding:var(--box-padding);border:var(--box-border-width) solid var(--box-border-color);border-radius:var(--box-radius);background-color:var(--box-bg);color:var(--box-color)}.box[data-invert]{filter:invert(100%)}.center{--center-measure: var(--measure-base);--center-padding: var(--space-m);box-sizing:content-box;max-inline-size:var(--center-measure);margin-inline:auto;padding-inline:var(--center-padding)}.center[data-intrinsic]{display:flex;flex-direction:column;align-items:center}.sidebar{--sidebar-gap: var(--space-m);--sidebar-width: 20rem;--sidebar-content-min: 50%;display:flex;flex-wrap:wrap;gap:var(--sidebar-gap)}.sidebar[data-side=left]{flex-direction:row-reverse}.sidebar>:first-child{flex-basis:var(--sidebar-width);flex-grow:1}.sidebar>:last-child{flex-basis:0;flex-grow:999;min-inline-size:var(--sidebar-content-min)}.switcher{--switcher-gap: var(--space-m);--switcher-threshold: 30rem;--threshold: var(--switcher-threshold);display:flex;flex-wrap:wrap;gap:var(--switcher-gap)}.switcher>*{flex-grow:1;flex-basis:calc((var(--threshold) - 100%) * 999)}.cover{--cover-min-height: 100vh;--cover-padding: 0;--cover-spacing: var(--space-xs);display:flex;flex-direction:column;min-block-size:var(--cover-min-height);padding:var(--cover-padding)}.cover>*{margin-block:var(--cover-spacing)}.cover>:first-child:not(.centered){margin-block-start:0}.cover>:last-child:not(.centered){margin-block-end:0}.cover>.centered{margin-block:auto}.grid{--grid-gap: var(--space-m);--grid-placement: auto-fill;--grid-min-item-size: 16rem;display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-placement),minmax(var(--grid-min-item-size),1fr))}.grid[data-layout="50-50"]{--grid-placement: auto-fit;--grid-min-item-size: clamp(16rem, 50vw, 26rem)}.frame{--frame-ratio: 16 / 9;--frame-object-fit: cover;aspect-ratio:var(--frame-ratio);overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.frame>*{position:absolute;inset:0}.frame>img,.frame>video{inline-size:100%;block-size:100%;object-fit:var(--frame-object-fit)}.reel{--reel-gap: var(--space-m);--reel-padding: var(--space-m);--reel-item-width: auto;display:flex;gap:var(--reel-gap);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x mandatory;scroll-padding:var(--reel-padding)}.reel>*{flex:0 0 var(--reel-item-width);scroll-snap-align:start}.imposter{--imposter-position: absolute;--imposter-top: 50%;--imposter-left: 50%;--imposter-margin: 0;position:var(--imposter-position);inset-block-start:var(--imposter-top);inset-inline-start:var(--imposter-left);translate:-50% -50%}.imposter[data-fixed]{position:fixed}.imposter[data-contain]{--imposter-position: relative;max-inline-size:calc(100% - (var(--imposter-margin) * 2));max-block-size:calc(100% - (var(--imposter-margin) * 2));overflow:auto}.icon{--icon-size: 1em;--icon-stroke: 2;--icon-fill: none;--icon-color: currentColor;inline-size:var(--icon-size);block-size:var(--icon-size);display:inline-block;vertical-align:middle;stroke-width:var(--icon-stroke);fill:var(--icon-fill);stroke:var(--icon-color)}.region{--region-padding: var(--space-xl);padding-block:var(--region-padding)}.wrapper{--wrapper-max-width: 90rem;--wrapper-padding: var(--space-m);max-inline-size:var(--wrapper-max-width);margin-inline:auto;padding-inline:var(--wrapper-padding);position:relative}.text-xs{font-size:var(--font-size-xs)}.font-medium{font-weight:var(--font-medium)}.text-center{text-align:center}.color-3{color:var(--color-text-3)}.color-4{color:var(--color-text-4)}.color-primary{color:var(--color-primary)}.flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.gap-xs{gap:var(--space-xs)}.gap-s{gap:var(--space-s)}.gap-m{gap:var(--space-m)}.gap-xl{gap:var(--space-xl)}.w-full{inline-size:100%}.section-label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.2em;padding-block-end:var(--space-xs);border-block-end:1px solid var(--color-surface-3)}.animated-logo{display:block;filter:drop-shadow(0 0 8px hsl(var(--hue-primary) 100% 60% / .3));transition:filter var(--transition-base)}.animated-logo[data-playing=true]{filter:drop-shadow(0 0 12px hsl(var(--hue-primary) 100% 60% / .6))}.animated-logo-bar{transform-origin:center bottom;transition:transform var(--transition-fast)}.animated-logo:not([data-playing=true]) .animated-logo-bar{opacity:.5}.animated-logo[data-playing=true] .animated-logo-bar{animation:eq-bounce .6s ease-in-out infinite alternate}.animated-logo[data-playing=true] .animated-logo-bar:nth-child(2){animation-delay:.1s;animation-duration:.5s}.animated-logo[data-playing=true] .animated-logo-bar:nth-child(3){animation-delay:.15s;animation-duration:.7s}.animated-logo[data-playing=true] .animated-logo-bar:nth-child(4){animation-delay:.05s;animation-duration:.55s}.animated-logo[data-playing=true] .animated-logo-bar:nth-child(5){animation-delay:.2s;animation-duration:.45s}.animated-logo[data-playing=true] .animated-logo-bar:nth-child(6){animation-delay:.08s;animation-duration:.65s}@keyframes eq-bounce{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.page-header{--stack-gap: var(--space-2xs);text-align:center;position:relative}.page-header-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text-1);letter-spacing:-.03em;margin:0;line-height:var(--leading-tight);text-transform:uppercase}.page-header-subtitle{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-light);color:var(--color-primary);text-transform:uppercase;letter-spacing:.3em;margin-block-start:var(--space-xs)}.broadcast-indicator{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-s);border:1px solid var(--color-surface-3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.15em;background:var(--color-surface-2)}.broadcast-indicator-dot{inline-size:8px;block-size:8px;border-radius:var(--radius-full);background:var(--color-text-4);transition:all var(--transition-base)}.broadcast-indicator[data-live=true]{border-color:var(--color-primary-dim);background:linear-gradient(135deg,hsl(var(--hue-primary) 100% 60% / .1),transparent)}.broadcast-indicator[data-live=true] .broadcast-indicator-dot{background:var(--color-primary);box-shadow:var(--glow-primary);animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.webgpu-visualizer{position:relative;block-size:clamp(120px,25vw,200px);border-radius:var(--radius-l);border:1px solid var(--color-surface-3);overflow:hidden;background:var(--color-surface-1)}.webgpu-visualizer__canvas{display:block;inline-size:100%;block-size:100%}.webgpu-visualizer__controls{--cluster-gap: var(--space-s);--cluster-justify: center;position:absolute;inset-inline:0;inset-block-end:0;padding:var(--space-xs);background:linear-gradient(to top,hsl(0 0% 0% / .6) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.webgpu-visualizer:hover .webgpu-visualizer__controls,.webgpu-visualizer:focus-within .webgpu-visualizer__controls{opacity:1}.webgpu-visualizer__arrow{inline-size:32px;block-size:32px;padding:0;border:none;border-radius:var(--radius-s);background:#ffffff1a;color:var(--color-text-primary);font-size:var(--font-size-m);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.webgpu-visualizer__arrow:hover{background:#fff3}.webgpu-visualizer__arrow:active{transform:scale(.95)}.webgpu-visualizer__effect-name{min-inline-size:80px;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-xs);background:#0006;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);text-align:center;text-transform:uppercase;letter-spacing:.05em}.webgpu-visualizer__dots{--cluster-gap: var(--space-2xs)}.webgpu-visualizer__dot{inline-size:6px;block-size:6px;padding:0;border:none;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:background var(--transition-fast)}.webgpu-visualizer__dot[data-active=true]{background:var(--color-primary)}.webgpu-visualizer__dot:hover{background:#ffffff80}.webgpu-visualizer__dot[data-active=true]:hover{background:var(--color-primary-bright)}.webgpu-visualizer__fallback{--cluster-justify: center;block-size:100%;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-s)}.webgpu-visualizer__idle-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0000004d,#00000080);animation:fade-in .8s ease-out}.webgpu-visualizer__cta{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-l);border:1px solid hsl(var(--hue-primary) 100% 60% / .4);border-radius:var(--radius-full);background:hsl(var(--hue-primary) 100% 60% / .15);color:var(--color-text-1);font-family:var(--font-mono);font-size:var(--font-size-s);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.webgpu-visualizer__cta:hover{background:hsl(var(--hue-primary) 100% 60% / .25);border-color:var(--color-primary);box-shadow:var(--glow-primary);transform:scale(1.02)}.webgpu-visualizer__cta:active{transform:scale(.98)}.webgpu-visualizer__cta-icon{font-size:var(--font-size-xs);color:var(--color-primary)}.webgpu-visualizer__cta-text{font-weight:var(--font-medium)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.play-button{--_size: 80px;inline-size:var(--_size);block-size:var(--_size);border-radius:var(--radius-full);background:var(--color-surface-2);border:2px solid var(--color-surface-4);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative;overflow:hidden;font-family:var(--font-mono);font-size:var(--font-size-s);font-weight:var(--font-semibold);letter-spacing:.1em;color:var(--color-text-2)}.play-button:before{content:"";position:absolute;inset:-4px;border-radius:var(--radius-full);border:1px solid var(--color-surface-3);transition:all var(--transition-base)}.play-button:after{content:"";position:absolute;inset:4px;border-radius:var(--radius-full);background:radial-gradient(circle at center,transparent 40%,var(--color-surface-1) 100%);opacity:0;transition:opacity var(--transition-base)}.play-button:hover{border-color:var(--color-primary-dim);color:var(--color-text-1);transform:scale(1.02)}.play-button:hover:before{border-color:var(--color-primary-dim)}.play-button:active{transform:scale(.98)}.play-button[data-playing=true]{background:linear-gradient(135deg,var(--color-primary-dim),var(--color-primary));border-color:var(--color-primary);color:var(--color-surface-1);box-shadow:var(--glow-primary-intense)}.play-button[data-playing=true]:before{border-color:var(--color-primary-bright);animation:spin-slow 20s linear infinite}.play-button[data-playing=true]:after{opacity:.3}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.now-playing{background:var(--color-surface-2);border:1px solid var(--color-surface-3);border-radius:var(--radius-m);padding:var(--space-m);position:relative;overflow:hidden}.now-playing:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:3px;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dim))}.now-playing-label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-primary);text-transform:uppercase;letter-spacing:.2em;margin-block-end:var(--space-2xs)}.now-playing-station{font-family:var(--font-display);font-size:var(--font-size-l);font-weight:700;color:var(--color-text-1);margin:0;line-height:var(--leading-heading)}.now-playing-quality{display:inline-flex;align-items:center;gap:var(--space-2xs);margin-inline-start:var(--space-xs);vertical-align:middle}.now-playing-meta{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3);margin-block-start:var(--space-xs)}.now-playing[data-connecting=true]{border-color:var(--color-secondary-dim)}.now-playing[data-connecting=true]:before{background:linear-gradient(180deg,var(--color-secondary),var(--color-secondary-dim))}.now-playing[data-connecting=true]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsl(185 100% 50% / .08),transparent);animation:shimmer 2s linear infinite}.now-playing[data-connecting=true] .now-playing-label{color:var(--color-secondary)}.status-dot{inline-size:8px;block-size:8px;border-radius:var(--radius-full);transition:all var(--transition-base)}.status-dot[data-quality=good]{background:var(--color-success);box-shadow:var(--glow-success);animation:pulse-quality 2s ease-in-out infinite}.status-dot[data-quality=buffering]{background:var(--color-warning);animation:pulse-fast .8s ease-in-out infinite}.status-dot[data-quality=error]{background:var(--color-danger);box-shadow:var(--glow-danger)}.stream-track{background:linear-gradient(135deg,hsl(var(--hue-primary) 100% 60% / .05),transparent);border:1px solid hsl(var(--hue-primary) 100% 60% / .2);border-radius:var(--radius-m);padding:var(--space-s) var(--space-m);margin-block-start:var(--space-s)}.stream-track-title{font-family:var(--font-display);font-size:var(--font-size-m);font-weight:600;color:var(--color-text-1);margin:0}.stream-track-artist{font-family:var(--font-mono);font-size:var(--font-size-s);color:var(--color-primary);margin:var(--space-3xs) 0 0 0}.stream-track[data-status=loading]{background:linear-gradient(135deg,hsl(185 100% 50% / .05),transparent);border-color:#00eaff33}.stream-track[data-status=loading] .stream-track-title{color:var(--color-secondary)}.stream-track[data-status=unavailable]{background:var(--color-surface-2);border-color:var(--color-surface-3)}.stream-track[data-status=unavailable] .stream-track-title,.stream-track[data-status=unavailable] .stream-track-artist{color:var(--color-text-4)}@keyframes pulse-quality{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-fast{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.station-list{list-style:none;padding:0;margin:0}.station{--cluster-gap: var(--space-m);padding:var(--space-s) var(--space-m);background:var(--color-surface-2);border:1px solid var(--color-surface-3);border-radius:var(--radius-m);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden;animation:fade-in-up .4s ease-out backwards}.station:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsl(var(--hue-primary) 100% 60% / .05),transparent);transform:translate(-100%);transition:transform var(--transition-slow)}.station:hover{border-color:var(--color-surface-4);background:var(--color-surface-3)}.station:hover:before{transform:translate(100%)}.station[data-active=true]{border-color:var(--color-primary);background:linear-gradient(135deg,hsl(var(--hue-primary) 100% 60% / .1),var(--color-surface-2));box-shadow:inset 0 0 30px hsl(var(--hue-primary) 100% 60% / .05)}.station[data-active=true]:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:3px;background:var(--color-primary);box-shadow:var(--glow-primary)}.station[data-error=true]{border-color:var(--color-danger)}.station-name{font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:var(--font-medium);color:var(--color-text-1);transition:color var(--transition-fast)}.station[data-active=true] .station-name{color:var(--color-primary-bright)}.station-genre{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-4);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}.station-error{margin-block-start:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);background:#ee2b2b1a;border:1px solid hsl(0 85% 55% / .3);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-danger)}.station-error-dismiss{padding:var(--space-3xs) var(--space-2xs);font-family:var(--font-mono);font-size:var(--font-size-xs);background:#ffffff1a;border-radius:var(--radius-xs);color:var(--color-text-2);transition:background var(--transition-fast);flex-shrink:0}.station-error-dismiss:hover{background:#fff3}.station:nth-child(1){animation-delay:.05s}.station:nth-child(2){animation-delay:.1s}.station:nth-child(3){animation-delay:.15s}.station:nth-child(4){animation-delay:.2s}.station:nth-child(5){animation-delay:.25s}.station:nth-child(6){animation-delay:.3s}.station:nth-child(7){animation-delay:.35s}.station:nth-child(8){animation-delay:.4s}.station:nth-child(9){animation-delay:.45s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.audio-settings{background:var(--color-surface-2);border:1px solid var(--color-surface-3);border-radius:var(--radius-l);overflow:hidden}.audio-settings-header{padding:var(--space-s) var(--space-m);background:var(--color-surface-3);border-block-end:1px solid var(--color-surface-4);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-s);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-2);transition:all var(--transition-fast)}.audio-settings-header:hover{background:var(--color-surface-4);color:var(--color-text-1)}.audio-settings-header:after{content:"+";font-size:var(--font-size-m);font-weight:var(--font-light);transition:transform var(--transition-base)}.audio-settings[open] .audio-settings-header:after{content:"−"}.audio-settings-body{padding:var(--space-m)}.audio-settings-body fieldset{padding:0;margin:0;border:none}.audio-settings .section-label{border-block-end:none;padding-block-end:0}.slider{--_track-height: 4px;--_thumb-size: 16px;--_progress: 50%}.slider-input{-webkit-appearance:none;appearance:none;inline-size:100%;block-size:var(--_track-height);background:linear-gradient(90deg,var(--color-primary) var(--_progress, 50%),var(--color-surface-4) var(--_progress, 50%));border-radius:var(--radius-full);outline:none;cursor:pointer;transition:all var(--transition-fast)}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--_thumb-size);block-size:var(--_thumb-size);border-radius:var(--radius-full);background:var(--color-text-1);cursor:pointer;border:2px solid var(--color-primary);transition:all var(--transition-fast);box-shadow:0 0 0 0 transparent}.slider-input::-moz-range-thumb{inline-size:var(--_thumb-size);block-size:var(--_thumb-size);border-radius:var(--radius-full);background:var(--color-text-1);cursor:pointer;border:2px solid var(--color-primary);transition:all var(--transition-fast)}.slider-input:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:var(--glow-primary)}.slider-input:hover::-moz-range-thumb{transform:scale(1.15);box-shadow:var(--glow-primary)}.slider-vertical{--_track-height: 4px;--_thumb-size: 16px;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);block-size:140px;justify-content:space-between}.slider-vertical .slider-input{inline-size:80px;block-size:var(--_track-height);transform:rotate(-90deg)}.eq-preset{padding:var(--space-2xs) var(--space-xs);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-s);border:1px solid var(--color-surface-4);background:var(--color-surface-3);color:var(--color-text-3);cursor:pointer;transition:all var(--transition-fast)}.eq-preset:hover{background:var(--color-surface-4);border-color:var(--color-text-4);color:var(--color-text-1)}.eq-preset[data-active=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface-1);cursor:default;box-shadow:var(--glow-primary)}.install-prompt{position:fixed;z-index:var(--layer-notification);inset-block-end:20px;inset-inline-end:20px}.install-prompt-button{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dim));color:var(--color-surface-1);padding:var(--space-xs) var(--space-m);border-radius:var(--radius-m);font-family:var(--font-mono);font-size:var(--font-size-s);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:var(--glow-primary)}.install-prompt-button:hover{transform:translateY(-2px);box-shadow:var(--glow-primary-intense)}.footer{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-4);padding-block:var(--space-m);border-block-start:1px solid var(--color-surface-3)}.footer-shortcuts{margin:0}.footer-shortcuts kbd{display:inline-block;padding:2px 6px;font-family:inherit;font-size:inherit;background:var(--color-surface-3);border:1px solid var(--color-surface-4);border-radius:var(--radius-xs);margin-inline:2px}.footer-bottom{flex-wrap:wrap}.footer-credit{margin:0;color:var(--color-text-3)}.footer-credit a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.footer-credit a:hover{color:var(--color-primary-bright)}.error-banner{background:linear-gradient(135deg,#ee2b2b26,#ee2b2b0d);border:1px solid var(--color-danger);color:var(--color-text-1);padding:var(--space-s) var(--space-m);border-radius:var(--radius-m);font-family:var(--font-mono);font-size:var(--font-size-s);animation:slide-in-down var(--transition-base) ease-out}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.divider{block-size:1px;background:linear-gradient(90deg,transparent,var(--color-surface-3),transparent);border:none;margin-block:var(--space-m)}