:root{--bg:#080b0f;--panel:#0d1218;--panel2:#111923;--line:#24313b;--text:#e4f1ef;--muted:#7d918e;--cyan:#68f7e7;--pink:#ff4fa3;--grid:rgba(104,247,231,.035)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(circle at 75% 0,#122534 0,transparent 38%);background-size:32px 32px,32px 32px,auto;color:var(--text);font:14px/1.55 ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08) 1px,transparent 1px,transparent 4px);opacity:.25}a{color:inherit}.topbar{height:68px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,64px);background:rgba(8,11,15,.88);backdrop-filter:blur(12px)}.brand{text-decoration:none;font-weight:800;letter-spacing:.12em;display:flex;align-items:center;gap:12px}.brand em{font-style:normal;color:var(--cyan)}.brand-mark{width:26px;height:22px;display:flex;align-items:end;gap:2px}.brand-mark i{display:block;width:3px;background:var(--cyan);box-shadow:0 0 7px rgba(104,247,231,.6)}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:20px}.brand-mark i:nth-child(4){height:11px}.brand-mark i:nth-child(5){height:16px}.system-state{font-size:10px;letter-spacing:.14em;color:var(--muted)}.system-state i,.station-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);margin-right:7px}.admin-link{justify-self:end;text-decoration:none;font-size:11px;color:var(--muted)}.admin-link:hover{color:var(--cyan)}.hero{padding:clamp(54px,8vh,100px) clamp(20px,5vw,80px) clamp(45px,7vh,80px);max-width:950px}.terminal-line{color:var(--muted);font-size:12px;margin-bottom:28px}.terminal-line span{color:var(--pink)}.eyebrow,.station-number,#station-name{color:var(--cyan);font-size:11px;letter-spacing:.16em}.hero h1,.admin-head h1{font:700 clamp(38px,5.5vw,72px)/1.02 system-ui,sans-serif;letter-spacing:-.045em;margin:.18em 0}.hero>p:last-child{color:var(--muted);font-size:16px;max-width:610px}.cursor{color:var(--pink);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.channel-header{height:42px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.13em;background:rgba(8,11,15,.75)}.stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));border-bottom:1px solid var(--line)}.station{text-align:left;min-height:196px;padding:26px clamp(22px,2.5vw,36px);background:rgba(13,18,24,.82);color:var(--text);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden}.station:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--pink);box-shadow:0 0 12px var(--pink);transition:width .25s}.station:hover{background:var(--panel2)}.station:hover:after,.station.active:after{width:100%}.station.active{background:#13202a}.station-top{display:flex;justify-content:space-between}.station-top i{margin:0;background:#34454d;box-shadow:none}.station.active .station-top i{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.station strong{font:600 22px system-ui,sans-serif;letter-spacing:-.02em}.station small,.tags,.muted{color:var(--muted)}.tags{margin-top:auto;font-size:11px}.player{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:64px minmax(150px,1fr) auto auto 120px auto;gap:18px;align-items:center;padding:14px clamp(20px,4vw,64px);background:rgba(7,10,14,.96);border-top:1px solid var(--cyan);box-shadow:0 -10px 35px rgba(0,0,0,.35);backdrop-filter:blur(15px)}.player[hidden]{display:none}.player img{width:58px;height:58px;object-fit:cover;background:var(--panel)}.track-copy{display:flex;flex-direction:column;min-width:0}.track-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-copy a{color:var(--muted);text-decoration:none}.player button,button{font:inherit;background:transparent;color:var(--text);border:1px solid var(--line);padding:9px 13px;cursor:pointer}.player button:hover,button:hover{border-color:var(--cyan);color:var(--cyan)}footer{padding:30px clamp(20px,5vw,80px);color:var(--muted);font-size:10px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}footer a{color:var(--cyan)}.panel{background:rgba(13,18,24,.94);border:1px solid var(--line);padding:24px}.narrow{max-width:460px;margin:10vh auto}.panel h1,.panel h2{font-family:system-ui,sans-serif}.panel form{display:grid;gap:15px}label{display:grid;gap:6px;color:var(--muted);font-size:11px}input{width:100%;background:#080c11;border:1px solid var(--line);color:var(--text);font:inherit;padding:11px}.checks{display:flex;gap:22px}.checks label,label:has(input[type=checkbox]){display:flex;align-items:center}.checks input,input[type=checkbox]{width:auto}.primary{background:var(--cyan);border-color:var(--cyan);color:#07100f;font-weight:bold}.danger,.error{color:#ff7892}.link{border:0}.admin-head{padding:40px 5vw}.admin-head h1{font-size:48px}.admin-grid{padding:0 5vw 5vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px}.actions{display:flex;gap:10px;margin-top:14px}@media(max-width:720px){.topbar{grid-template-columns:1fr auto}.system-state{display:none}.hero{padding-top:52px}.hero h1{font-size:40px}.channel-header span:last-child{display:none}.stations{grid-template-columns:1fr}.station{min-height:155px;border-right:0}.player{grid-template-columns:50px minmax(100px,1fr) auto}.player img{width:48px;height:48px}.player #next,.player #volume,.player #license{display:none}footer{flex-direction:column}}
/* Track voting */
.player{grid-template-columns:64px minmax(150px,1fr) auto auto auto 120px auto}.votes{display:flex;gap:6px}.votes button{min-width:48px;padding:8px 10px}.votes button.selected{border-color:var(--cyan);color:var(--cyan);background:rgba(104,247,231,.08)}@media(max-width:720px){.player{grid-template-columns:50px minmax(100px,1fr) auto auto}.player .votes{display:flex}}
.user-nav{justify-self:end;display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted)}.user-nav a{text-decoration:none}.user-nav a:hover{color:var(--cyan)}.user-nav form{display:inline}.button{display:inline-block;text-decoration:none;padding:10px 14px;border:1px solid var(--line)}select{background:#080c11;border:1px solid var(--line);color:var(--text);font:inherit;padding:10px}.user-channel-grid{padding:0 5vw 3vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px}.user-channel{display:flex;flex-direction:column;gap:14px}.user-channel .station{width:100%;min-height:165px;border:1px solid var(--line)}.channel-rating{display:flex;align-items:center;gap:8px}.channel-rating>span{margin-left:auto;color:var(--muted)}.channel-rating button.selected{border-color:var(--cyan);color:var(--cyan)}details{border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;color:var(--cyan);margin-bottom:14px}.user-channel-create{max-width:760px;margin:0 5vw 5vw}.user-channel-create form,details form{display:grid;gap:12px}@media(max-width:720px){.user-nav>span{display:none}.user-channel-grid{grid-template-columns:1fr;padding:0 20px 30px}.user-channel-create{margin:0 20px 30px}}
.station-card{display:flex;flex-direction:column;background:rgba(13,18,24,.82);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.station-card .station{width:100%;flex:1;border-right:0;border-bottom:0}.channel-link{padding:10px 22px;border-top:1px solid var(--line);color:var(--cyan);font-size:10px;letter-spacing:.1em;text-decoration:none}.channel-link:hover{background:var(--panel2)}.channel-detail{max-width:900px;padding:clamp(48px,7vw,90px) clamp(20px,5vw,80px)}.channel-detail h1{font:700 clamp(38px,5.5vw,70px)/1.02 system-ui,sans-serif;letter-spacing:-.045em;margin:.2em 0}.channel-detail>p:not(.eyebrow):not(.tags):not(.muted){color:var(--muted);font-size:16px}.channel-detail .channel-rating{max-width:420px;margin:24px 0}.channel-detail .detail-tuner{width:min(100%,520px);min-height:145px;border:1px solid var(--line);margin-top:24px}@media(max-width:720px){.station-card{border-right:0}}
.channel-rating[data-error]:after{content:attr(data-error);color:#ff7892;font-size:10px}
.profile-bar{margin:0 5vw 24px;max-width:620px}.profile-bar form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}@media(max-width:720px){.profile-bar{margin:0 20px 24px}.profile-bar form{grid-template-columns:1fr}}
.user-nav a,.user-nav button,.topbar>form button{display:inline-flex;align-items:center;gap:6px}.user-nav svg,.topbar>form svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.player #next{display:inline-flex;align-items:center;justify-content:center;gap:6px}.player #next svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:720px){.player{grid-template-columns:48px minmax(90px,1fr) 44px 44px;gap:8px;padding:10px 12px}.player #next{display:inline-flex!important;padding:9px}.player #next span{display:none}.player .votes{display:none}.player #volume,.player #license{display:none}}
.notice{margin:0 5vw 24px;padding:14px 18px;border:1px solid currentColor;background:rgba(255,120,146,.06)}
.speed-options{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:12px;border:1px solid var(--line)}.speed-options legend{padding:0 6px;color:var(--muted);font-size:11px}.speed-options label{display:flex;align-items:center;gap:6px}.speed-options input{width:auto}
@media(max-width:720px){.user-nav{gap:8px}.user-nav a,.user-nav button{font-size:0}.user-nav svg{width:18px;height:18px}}