body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}:root{--bg:#0a0a0a;--panel:#ffffff08;--line:#ffffff14;--text:#fafafa;--muted:#a3a3a3;--dim:#737373;--accent:#34d399;--day:#fbbf24;--night:#818cf8}*{box-sizing:border-box}.app{background-color:#0a0a0a;background-color:var(--bg);background-image:radial-gradient(ellipse 60% 50% at 30% 40%,var(--ambient),#0000 70%),linear-gradient(hsla(0,0%,100%,.025) 1px,#0000 1px),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,#0000 1px);background-size:100% 100%,48px 48px,48px 48px;color:#fafafa;color:var(--text);display:flex;flex-direction:column;min-height:100vh}.app-day{--ambient:#fbbf2417}.app-night{--ambient:#6366f11c}.topbar{color:#737373;color:var(--dim);display:flex;font-family:Geist Mono,monospace;font-size:13px;gap:16px;justify-content:space-between;padding:20px 32px}.brand,.topbar{align-items:center}.brand{color:#fafafa;color:var(--text);display:inline-flex;gap:12px}.brand-word{display:flex;flex-direction:column;font-family:Geist,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.03em;line-height:1}.brand-word small{color:#737373;color:var(--dim);font-size:9.5px;font-weight:500;letter-spacing:.22em;margin-top:5px;text-transform:uppercase}.layout{grid-gap:48px;display:grid;flex:1 1;gap:48px;grid-template-columns:minmax(0,1fr) 360px;margin:0 auto;max-width:1180px;padding:8px 32px 32px;width:100%}.eyebrow{color:#737373;color:var(--dim);font-family:Geist Mono,monospace;font-size:12px;gap:8px;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}.eyebrow,.stage{align-items:center;display:flex}.stage{animation:fade-in .6s ease both;flex-direction:column;justify-content:center;text-align:center}.city-name{font-size:clamp(44px,7vw,80px);font-weight:600;letter-spacing:-.04em;line-height:1;margin:0 0 28px}.sun{border-radius:50%;height:10px;width:10px}.sun-day{background:#fbbf24;background:var(--day);box-shadow:0 0 14px #fbbf24;box-shadow:0 0 14px var(--day)}.sun-night{background:#0000;box-shadow:inset -3px -2px 0 0 #818cf8;box-shadow:inset -3px -2px 0 0 var(--night)}.digital{font-family:Geist Mono,monospace;font-size:28px;letter-spacing:.02em;margin:28px 0 6px}.date{color:#a3a3a3;color:var(--muted);margin:0}.date span{color:#737373;color:var(--dim)}.clock-wrap{aspect-ratio:1;position:relative;width:min(380px,78vw)}.clock-glow{border-radius:50%;inset:-18%;pointer-events:none;position:absolute}.is-day .clock-glow{background:radial-gradient(circle,#fbbf2429 0,#0000 65%)}.is-night .clock-glow{background:radial-gradient(circle,#6366f133 0,#0000 65%)}.clock{height:100%;overflow:visible;position:relative;width:100%}.clock-rim{fill:#141414;stroke:#ffffff1a;stroke-width:1}.face-stop-1{stop-color:#1f1f1f}.face-stop-2{stop-color:#0c0c0c}.is-day .face-stop-1{stop-color:#272219}.is-night .face-stop-1{stop-color:#1a1b26}.tick{stroke:#ffffff2e;stroke-width:.8;stroke-linecap:round}.tick-major{stroke:#fff9;stroke-width:1.6}.clock-number{fill:#a3a3a3;fill:var(--muted);font-family:Geist Mono,monospace;font-size:11px}.hand{stroke-linecap:round}.hand-hour{stroke:#fafafa;stroke:var(--text);stroke-width:4.5}.hand-minute{stroke:#fafafa;stroke:var(--text);stroke-width:3}.hand-second{stroke:#34d399;stroke:var(--accent);stroke-width:1.2}.clock-pin,.hand-second-tail{fill:#34d399;fill:var(--accent)}.clock-pin-inner{fill:#0a0a0a;fill:var(--bg)}.cities{display:flex;flex-direction:column;min-height:0}.cities ul{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--line);border-radius:20px;list-style:none;margin:0;max-height:calc(100vh - 220px);overflow-y:auto;padding:6px;scrollbar-color:#333 #0000;scrollbar-width:thin}.city{grid-gap:12px;align-items:center;background:#0000;border:0;border-radius:14px;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto minmax(0,1fr) auto auto;padding:12px 14px;text-align:left;transition:background .2s ease;width:100%}.city:hover{background:#ffffff0d}.city-active{background:#34d3991a;box-shadow:inset 0 0 0 1px #34d39959}.city-active:hover{background:#34d39924}.city-dot{border-radius:50%;height:7px;width:7px}.dot-day{background:#fbbf24;background:var(--day)}.dot-night{background:#818cf8;background:var(--night)}.city-label{display:flex;flex-direction:column;min-width:0}.city-label strong{font-weight:500}.city-label small{color:#737373;color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-time{color:#a3a3a3;color:var(--muted);font-family:Geist Mono,monospace;font-size:13px}.eq{align-items:flex-end;display:inline-flex;gap:2px;height:14px}.eq i{background:#34d399;background:var(--accent);border-radius:1px;height:3px;width:3px}.eq-on i{animation:eq .9s ease-in-out infinite}.eq-on i:nth-child(2){animation-delay:-.3s}.eq-on i:nth-child(3){animation-delay:-.6s}.eq-on i:nth-child(4){animation-delay:-.15s}.player{grid-gap:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#121212bf;border:1px solid #ffffff14;border:1px solid var(--line);border-radius:24px;bottom:0;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin:0 16px 16px;padding:14px 20px;position:sticky}.player,.station{align-items:center}.station{display:flex;gap:14px;min-width:0}.station-art{background:linear-gradient(135deg,#1f2937,#111);border-radius:12px;color:#a3a3a3;color:var(--muted);display:grid;flex:none;font-weight:600;height:48px;overflow:hidden;place-items:center;position:relative;width:48px}.station-art img{background:#fff;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.station-info{min-width:0}.station-name,.station-status{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-name{font-weight:500}.station-status{color:#737373;color:var(--dim);font-family:Geist Mono,monospace;font-size:12px;margin-top:2px}.status-playing{color:#34d399;color:var(--accent)}.status-empty,.status-error{color:#f87171}.tags{color:#737373;color:var(--dim)}.live-dot{animation:pulse 1.6s ease-in-out infinite;background:#34d399;background:var(--accent);border-radius:50%;display:inline-block;height:6px;margin-right:6px;vertical-align:middle;width:6px}.controls{align-items:center;display:flex;gap:10px}.ctrl{background:#0000;border:0;border-radius:50%;color:#a3a3a3;color:var(--muted);cursor:pointer;display:grid;height:40px;place-items:center;transition:color .2s,background .2s,transform .15s;width:40px}.ctrl:hover:not(:disabled){background:#ffffff0f;color:#fafafa;color:var(--text)}.ctrl:active:not(:disabled){transform:scale(.94)}.ctrl:disabled{cursor:default;opacity:.35}.ctrl-main{background:#fafafa;background:var(--text);color:#0a0a0a;color:var(--bg);height:52px;width:52px}.ctrl-main:hover:not(:disabled){background:#fff;color:#0a0a0a;color:var(--bg)}.ctrl-main.is-loading{animation:ring 1.2s ease-out infinite;box-shadow:0 0 0 0 #34d39999}.volume{align-items:center;display:flex;gap:16px;justify-content:flex-end}.station-count{color:#737373;color:var(--dim);font-family:Geist Mono,monospace;font-size:12px}.volume input{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#fafafa var(--fill),#333 var(--fill));background:linear-gradient(to right,var(--text) var(--fill),#333 var(--fill));border-radius:4px;cursor:pointer;height:4px;width:120px}.volume input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;height:14px;width:14px}.volume input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;height:14px;width:14px}button:focus-visible,input:focus-visible{outline:2px solid #34d399;outline:2px solid var(--accent);outline-offset:2px}@keyframes eq{0%,to{height:3px}50%{height:14px}}@keyframes pulse{50%{opacity:.3}}@keyframes ring{to{box-shadow:0 0 0 12px #34d39900}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}@media (max-width:900px){.layout{gap:32px;grid-template-columns:minmax(0,1fr);padding:0 16px 24px}.cities ul{max-height:none}.topbar{padding:16px}}@media (max-width:640px){.local{display:none}.player{gap:12px;grid-template-columns:minmax(0,1fr) auto;margin:0 8px 8px;padding:12px 14px}.tags,.volume{display:none}}
/*# sourceMappingURL=main.a22f4dd1.css.map*/