:root{--ink-0: #06070a;--ink-1: #0a0c12;--ink-2: #11131c;--ink-3: #1a1d29;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .14);--text-0: #f5f6fa;--text-1: #cfd2dd;--text-2: #8b8fa2;--text-3: #555a6b;--accent: #b8a6ff;--accent-soft: rgba(184, 166, 255, .55);--accent-glow: rgba(184, 166, 255, .28);--accent-deep: #5a4ca8;--good: #74e4a2;--warn: #f7c873;--bad: #ff6a6a;--font-display: "Open Sans", "Calibri", system-ui, sans-serif;--font-serif: "Open Sans", "Calibri", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--glass-bg: rgba(14, 16, 23, .55);--glass-bg-hi: rgba(22, 25, 36, .7);--glass-blur: 22px;--glass-border: 1px solid rgba(255, 255, 255, .06);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .06)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--ink-0);color:var(--text-0);font-family:var(--font-display);font-feature-settings:"tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","ss01"}.app{position:relative;width:100vw;height:100vh;background:var(--ink-0);overflow:hidden}.app:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 40% at 15% 110%,var(--accent-glow),transparent 70%),radial-gradient(50% 35% at 95% -10%,var(--accent-glow),transparent 70%);opacity:.85;transition:background 1.2s cubic-bezier(.22,.61,.36,1);mix-blend-mode:screen}.app:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:overlay}.map-layer{position:absolute;inset:0;z-index:0}.map-layer .leaflet-container{background:var(--ink-1);width:100%;height:100%;outline:none}.map-layer .leaflet-control-attribution{background:#00000059!important;color:#ffffff73!important;font-family:var(--font-mono);font-size:9px;letter-spacing:.02em;padding:2px 8px!important;border-radius:6px}.map-layer .leaflet-control-attribution a{color:#fff9!important}.map-dim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#06070a8c,#06070a00 25% 65%,#06070abf),radial-gradient(120% 80% at 50% 50%,transparent 40%,rgba(6,7,10,.35) 100%)}.car-marker{width:22px;height:22px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #ffffff14,0 0 30px 6px var(--accent-soft),0 0 60px 18px var(--accent-glow);position:relative;animation:car-pulse 2.4s ease-in-out infinite}.car-marker:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--ink-0)}.car-marker:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--accent)}@keyframes car-pulse{0%,to{box-shadow:0 0 0 4px #ffffff14,0 0 28px 6px var(--accent-soft),0 0 60px 18px var(--accent-glow)}50%{box-shadow:0 0 0 4px #ffffff1f,0 0 36px 10px var(--accent-soft),0 0 78px 24px var(--accent-glow)}}.hud{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:1fr 1.4fr;grid-template-rows:auto 1fr auto;grid-template-areas:"top    top" ".      ." "left   right";padding:clamp(16px,2.2vw,28px);gap:clamp(14px,1.6vw,22px);pointer-events:none}.hud>*{pointer-events:auto}.top-bar{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:baseline;gap:10px;letter-spacing:-.02em}.brand-mark{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1;letter-spacing:-.01em;background:linear-gradient(180deg,#fff,#b9bdcd);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent-soft);align-self:center}.brand-sub{font-family:var(--font-mono);color:var(--text-2);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.clock{text-align:center;font-family:var(--font-display);font-weight:700;font-size:34px;letter-spacing:-.01em;line-height:1;color:var(--text-0)}.clock-meta{font-family:var(--font-mono);color:var(--text-2);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;margin-top:6px}.pill-row{display:flex;gap:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--glass-inset);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-1);transition:transform .18s ease,background .18s ease}.pill:hover{background:var(--glass-bg-hi)}.pill:active{transform:scale(.97)}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good)}.pill .dot.warn{background:var(--warn);box-shadow:0 0 10px var(--warn)}.pill .dot.off{background:var(--text-3);box-shadow:none}.speed-hud{grid-area:left;display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px;padding:22px 24px 20px;border-radius:28px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--glass-inset),0 30px 80px -20px #0000008c;position:relative;overflow:hidden;min-height:240px}.speed-hud:before{content:"";position:absolute;inset:-40%;background:radial-gradient(40% 40% at 0% 100%,var(--accent-glow),transparent 70%);opacity:.7;pointer-events:none}.speed-number-block{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px}.speed-number{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:700;font-size:clamp(96px,13vw,168px);line-height:.85;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#c8ccdc);-webkit-background-clip:text;background-clip:text;color:transparent;transition:filter .4s ease}.speed-number.over{background:linear-gradient(180deg,#ffe7a3,#ff8f6b 60%,#ff5757);-webkit-background-clip:text;background-clip:text;color:transparent}.speed-unit{font-family:var(--font-mono);color:var(--text-2);font-size:13px;letter-spacing:.22em;text-transform:uppercase;padding-bottom:18px}.speed-caption{margin-top:14px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2)}.speed-caption strong{color:var(--text-0);font-weight:600}.speed-road{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:0;color:var(--text-1);text-transform:none}.speed-bar{position:relative;width:56px;height:100%;min-height:220px;border-radius:18px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.05);overflow:hidden}.speed-bar-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--bar-top, var(--good)) 0%,var(--bar-bot, var(--good)) 100%);transition:height .5s cubic-bezier(.22,1,.36,1),background .6s ease;box-shadow:0 -10px 30px var(--bar-glow, rgba(116, 228, 162, .5))}.speed-bar-limit{position:absolute;left:-6px;right:-6px;height:2px;background:var(--text-0);box-shadow:0 0 0 1px #0006,0 0 12px #ffffff80;transition:bottom .6s cubic-bezier(.22,1,.36,1)}.speed-bar-limit:after{content:attr(data-limit);position:absolute;right:64px;top:-10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--text-0);background:#0009;padding:3px 7px;border-radius:4px;white-space:nowrap}.speed-bar-ticks{position:absolute;inset:0;pointer-events:none}.speed-bar-tick{position:absolute;left:0;right:0;height:1px;background:#ffffff14}.player{grid-area:right;display:grid;grid-template-columns:auto 1fr;gap:22px;padding:22px 24px;border-radius:28px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--glass-inset),0 30px 80px -20px #0000008c;position:relative;overflow:hidden;min-height:240px}.player:before{content:"";position:absolute;inset:-40%;background:radial-gradient(40% 40% at 100% 100%,var(--accent-glow),transparent 70%);opacity:.85;pointer-events:none}.cover{position:relative;z-index:1;width:clamp(140px,14vw,200px);aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--ink-2);box-shadow:0 18px 40px -10px #0009,0 0 0 1px #ffffff0f inset,0 0 60px 0 var(--accent-glow);transition:box-shadow .6s ease}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .6s ease,transform 6s ease}.cover img.fade-out{opacity:0}.cover.ambient img{transform:scale(1.05)}.cover-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(60% 60% at 30% 30%,var(--accent-soft),transparent 70%),linear-gradient(135deg,var(--ink-3),var(--ink-2));color:var(--text-1);font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:0;padding:18px;text-align:center}.player-info{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-width:0}.station-line{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 16px var(--accent-glow)}.station-line .live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:live 1.6s ease-in-out infinite}@keyframes live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.track-title{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.4vw,32px);line-height:1.1;letter-spacing:-.01em;color:var(--text-0);margin:4px 0 2px;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-artist{font-family:var(--font-display);font-weight:400;font-size:clamp(14px,1.2vw,17px);color:var(--text-1);letter-spacing:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.player-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.transport{display:flex;align-items:center;gap:6px}.tbtn{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-0);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.tbtn:hover{background:#ffffff14}.tbtn:active{transform:scale(.95)}.tbtn.play{width:64px;height:64px;border-radius:18px;background:var(--accent);color:var(--ink-0);border:none;box-shadow:0 12px 30px -5px var(--accent-soft),0 0 0 1px #0003 inset}.tbtn.play:hover{filter:brightness(1.05)}.tbtn svg{width:20px;height:20px}.tbtn.play svg{width:24px;height:24px}.vol{display:flex;align-items:center;gap:10px;color:var(--text-2)}.vol input[type=range]{-webkit-appearance:none;appearance:none;width:110px;height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--vol, 60%),rgba(255,255,255,.1) var(--vol, 60%),rgba(255,255,255,.1) 100%);outline:none}.vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text-0);box-shadow:0 2px 6px #0006}.station-picker{position:absolute;inset:0;z-index:4;background:#06070adb;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);display:grid;grid-template-rows:auto 1fr;padding:clamp(20px,3vw,36px);animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.station-picker-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}.station-picker-head h2{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.01em;margin:0}.station-picker-head h2 em{color:var(--accent);font-style:normal}.station-sections{display:flex;flex-direction:column;gap:26px;overflow-y:auto;padding-bottom:24px}.station-section header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;padding:0 2px}.station-section header h3{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:0;color:var(--text-0);margin:0}.station-section header span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2)}.station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.station-card{position:relative;border-radius:20px;background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-inset);transition:transform .18s ease,background .18s ease,box-shadow .3s ease;overflow:hidden}.station-card:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 0%,var(--card-accent, transparent),transparent 70%);opacity:.4;pointer-events:none;transition:opacity .3s ease}.station-card:hover{transform:translateY(-2px);background:var(--glass-bg-hi)}.station-card:hover:before{opacity:.75}.station-card.active{box-shadow:var(--glass-inset),0 0 0 1px var(--card-accent, var(--accent)) inset,0 18px 40px -10px #0009}.station-card.active:before{opacity:1}.station-card .fav-btn{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:var(--text-2);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:background .18s ease,color .18s ease,transform .18s ease}.station-card .fav-btn:hover{background:#ffffff17;color:var(--text-0)}.station-card .fav-btn:active{transform:scale(.92)}.station-card .fav-btn[aria-pressed=true]{color:var(--card-accent, var(--accent));background:#ffffff0f;text-shadow:0 0 14px var(--card-accent, var(--accent))}.station-card-body{display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:14px 50px 14px 14px;background:none;border:none;text-align:left;color:inherit;cursor:pointer;width:100%}.station-card-body img,.card-art-placeholder{width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--ink-2)}.station-card-body img[src*="upload.wikimedia.org"]{object-fit:contain;padding:6px;background:radial-gradient(80% 80% at 50% 30%,color-mix(in srgb,var(--card-accent) 35%,var(--ink-3)),var(--ink-2))}.card-art-placeholder{opacity:.65}.channel-mark{position:relative;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:.9;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--mk-accent) 95%,white 10%),var(--mk-accent) 65%,color-mix(in srgb,var(--mk-accent) 70%,black 30%) 100%);box-shadow:inset 0 1px #ffffff38,inset 0 -8px 24px #00000047,0 6px 18px -8px #0000008c;text-shadow:0 1px 2px rgba(0,0,0,.25)}.channel-mark:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 50% at 50% -10%,rgba(255,255,255,.28),transparent 70%);pointer-events:none}.channel-mark-primary{position:relative;z-index:1}.channel-mark-secondary{position:relative;z-index:1;font-weight:700;letter-spacing:.22em;margin-top:6%;opacity:.95}.cover .channel-mark{width:100%;height:100%;border-radius:inherit}.card-meta h4{font-family:var(--font-display);font-weight:700;font-size:17px;margin:0;letter-spacing:-.01em;color:var(--text-0)}.card-meta p{margin:4px 0 0;font-family:var(--font-display);font-size:12.5px;color:var(--text-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.card-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2)}.card-play{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#0a0c12;flex-shrink:0}.close-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-1);padding:8px 14px;border-radius:999px;background:var(--glass-bg-hi);border:var(--glass-border)}.boot{position:absolute;inset:0;display:grid;place-items:center;background:var(--ink-0);z-index:99;color:var(--text-2);font-family:var(--font-mono);letter-spacing:.3em;font-size:11px;text-transform:uppercase;animation:pulse-text 1.6s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:720px){.hud{grid-template-columns:1fr;grid-template-areas:"top" "." "right" "left"}.speed-hud{min-height:160px}.player{min-height:200px}.clock{font-size:24px}}