:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#f5f7fb;background:#070910;font-synthesis:none;--bg: #070910;--panel: #0f131d;--panel2: #121824;--line: rgba(255,255,255,.075);--muted: #7d879a;--muted2: #aab2c0;--cyan: #5ce1e6;--violet: #9c82ff;--blue: #6da7ff;--green: #66dda8;--amber: #ffb45f;--red: #ff6174}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-width:1120px;min-height:100vh;background:radial-gradient(circle at 15% -10%,rgba(54,93,130,.16),transparent 28%),radial-gradient(circle at 80% 0%,rgba(105,69,151,.1),transparent 24%),var(--bg)}button,input,select{font:inherit}button{color:inherit}.app-shell{max-width:1680px;margin:0 auto;padding:24px 32px 42px}.alert-banner{min-height:42px;margin-bottom:12px;padding:8px 11px 8px 13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,97,116,.18);border-radius:10px;background:#ff617412;color:#ffabb5;font-size:10px}.alert-banner button{margin-left:auto;height:28px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#151a24;display:flex;align-items:center;gap:6px;cursor:pointer}.toast{position:fixed;z-index:30;top:18px;right:24px;padding:10px 14px;border:1px solid rgba(102,221,168,.2);border-radius:9px;background:#111b18;color:#95e7c0;box-shadow:0 18px 50px #00000061;font-size:10px}.compact-hero{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:3px 0 13px}.eyebrow{display:block;color:#71809b;font-size:8px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.radio-name{color:#7f91ad;font-size:9px}.hero-head h1{margin:7px 0 5px;font-size:25px;line-height:1.05;letter-spacing:-.035em}.hero-head p{margin:0;color:#6f7a8f;font-size:9px}.hero-head p strong{color:#b7c0cf;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-weight:600}.demo-chip{margin-left:8px;padding:2px 5px;border:1px solid rgba(156,130,255,.2);border-radius:99px;color:#ad9aff;font-size:7px;letter-spacing:.09em}.mount-chip{min-width:146px;height:52px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#ffffff05,#ffffff01),#0d111a;display:flex;align-items:center;gap:9px}.mount-chip small{display:block;color:#677287;font-size:8px}.mount-chip strong{display:block;margin-top:4px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:10px}.mount-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #66dda812,0 0 10px #66dda873}.mount-dot.off{background:var(--red);box-shadow:0 0 0 4px #ff617412}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-card{min-height:118px;padding:14px 15px 13px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#ffffff06,#ffffff01),var(--panel);box-shadow:inset 0 1px #ffffff06}.metric-card:after{content:"";position:absolute;inset:auto -30px -48px auto;width:130px;height:100px;border-radius:50%;background:var(--accent);opacity:.055;filter:blur(9px)}.metric-card.accent-cyan{--accent:var(--cyan)}.metric-card.accent-violet{--accent:var(--violet)}.metric-card.accent-blue{--accent:var(--blue)}.metric-card.accent-green{--accent:var(--green)}.metric-top{height:29px;display:flex;justify-content:space-between}.metric-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent)}.mini-live{color:#8ee9c1;font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.1em;display:flex;align-items:center;gap:6px}.mini-live i,.live-count i,.service-status i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #66dda8a6}.metric-value{margin-top:11px;font-size:28px;line-height:1;font-weight:750;letter-spacing:-.05em}.metric-label{margin-top:7px;font-size:11px;font-weight:650;color:#d4d9e2}.metric-hint{margin-top:4px;font-size:9px;color:var(--muted)}.panel{background:linear-gradient(145deg,#ffffff05,#ffffff02),var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:inset 0 1px #ffffff05}.now-playing{min-height:66px;margin-top:13px;padding:10px 15px;display:flex;align-items:center;gap:12px;overflow:hidden}.now-icon{flex:0 0 37px;width:37px;height:37px;border-radius:10px;display:grid;place-items:center;color:var(--violet);background:#9c82ff17;border:1px solid rgba(156,130,255,.14)}.now-copy{min-width:0;width:min(45%,650px)}.now-copy .eyebrow{margin-bottom:4px}.now-copy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-copy small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.now-tech{margin-left:auto;display:flex;align-items:center;gap:9px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:8.5px;color:#8994a8;white-space:nowrap}.now-tech i{width:3px;height:3px;border-radius:50%;background:#465063}.equalizer{height:29px;width:58px;display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-left:7px}.equalizer i{width:3px;border-radius:4px;background:linear-gradient(180deg,var(--cyan),rgba(92,225,230,.24));animation:eq 1s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:8px}.equalizer i:nth-child(2){height:21px;animation-delay:.2s}.equalizer i:nth-child(3){height:13px;animation-delay:.35s}.equalizer i:nth-child(4){height:27px;animation-delay:.1s}.equalizer i:nth-child(5){height:17px;animation-delay:.45s}.equalizer i:nth-child(6){height:23px;animation-delay:.27s}.equalizer i:nth-child(7){height:10px;animation-delay:.5s}@keyframes eq{to{height:8px;opacity:.6}}.audience-panel{margin-top:13px;padding:16px 18px 9px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head .eyebrow{margin-bottom:5px}.panel-head h2{margin:0;font-size:13px;letter-spacing:-.01em}.chart-head{align-items:flex-start}.range-switch{display:flex;gap:2px;padding:3px;background:#0a0d14;border:1px solid var(--line);border-radius:8px}.range-switch button{min-width:43px;padding:6px 8px;border-radius:6px;border:0;background:transparent;color:#697386;font-size:9px;font-weight:650;cursor:pointer;transition:.18s}.range-switch button:hover{color:#cbd2de}.range-switch button.active{background:#1a202d;color:#eff3f8;box-shadow:inset 0 1px #ffffff0a}.period-stats{display:flex;align-items:stretch;gap:7px;margin:12px 0 2px}.period-stats>span{min-width:96px;padding:7px 9px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:#0b0f17}.period-stats small{display:block;color:#657187;font-size:7.5px;text-transform:uppercase;letter-spacing:.07em}.period-stats b{display:block;margin-top:4px;color:#dce2eb;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:11px}.period-stats .stability-stat b{color:#88dfb6}.period-stats em{margin-left:auto;align-self:center;color:#667186;font-size:8px;font-style:normal}.chart-stage{height:270px;margin-top:2px}.chart-legend{display:flex;align-items:center;gap:14px;min-height:23px;color:#657085;font-size:8px}.chart-legend span{display:flex;align-items:center;gap:5px}.incident-dot{display:inline-block;width:7px;height:7px}.incident-dot.outage{background:var(--red);clip-path:polygon(50% 0,100% 100%,0 100%)}.incident-dot.recovery{border-radius:50%;background:var(--green)}.content-grid{margin-top:13px;display:grid;grid-template-columns:minmax(0,2.4fr) minmax(330px,.85fr);gap:13px;align-items:start}.listeners-panel,.insights-panel,.health-panel,.server-panel{padding:16px 17px}.listener-head-meta{display:flex;align-items:center;gap:8px}.live-count{display:flex;align-items:center;gap:7px;color:#748096;font-size:9px}.coverage-pill{padding:4px 6px;border:1px solid rgba(102,221,168,.12);border-radius:99px;background:#66dda80d;color:#73cda4;font-size:7.5px}.coverage-pill.warn{border-color:#ffb45f24;background:#ffb45f0d;color:#d9a56e}.listener-tools{display:grid;grid-template-columns:1fr 168px;gap:8px;margin:13px 0 7px}.search-box,.select-box{height:35px;border:1px solid var(--line);background:#0a0e16;border-radius:8px;display:flex;align-items:center;color:#606b80}.search-box{padding:0 11px;gap:8px}.search-box input{width:100%;border:0;background:transparent;color:#dce1e9;outline:none;font-size:10px}.search-box input::placeholder{color:#4e586a}.select-box{position:relative;padding-left:10px}.select-box select{appearance:none;border:0;background:transparent;outline:0;color:#8791a2;width:100%;height:100%;font-size:9px}.select-box svg{position:absolute;right:9px;pointer-events:none}.proxy-ip-warning{margin:-1px 0 8px;padding:7px 9px;border:1px solid rgba(255,180,95,.12);border-radius:7px;background:#ffb45f0b;color:#a98764;font-size:8px;line-height:1.4}.listener-columns{display:grid;grid-template-columns:38px 1.05fr 1.1fr 1fr .72fr 22px;gap:10px;padding:0 9px 5px;color:#4f596a;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.listener-columns span:nth-child(5){text-align:right}.listener-list{display:flex;flex-direction:column;gap:5px;max-height:452px;overflow:auto;padding-right:3px}.listener-list::-webkit-scrollbar{width:5px}.listener-list::-webkit-scrollbar-thumb{background:#252c39;border-radius:10px}.listener-row{width:100%;position:relative;display:grid;grid-template-columns:38px 1.05fr 1.1fr 1fr .72fr 22px;gap:10px;align-items:center;text-align:left;padding:9px;border:1px solid transparent;border-radius:9px;background:#0b0f17;cursor:pointer;transition:.18s;outline:none}.listener-row:hover,.listener-row:focus-visible{background:#101621;border-color:#fff1;transform:translateY(-1px)}.flag-tile{width:36px;height:36px;display:grid;place-items:center;font-size:20px;border-radius:9px;background:#131925;border:1px solid rgba(255,255,255,.055);box-shadow:inset 0 1px #ffffff0a}.listener-place,.listener-device,.listener-ip,.listener-time{min-width:0}.listener-place strong,.listener-device strong,.listener-ip strong,.listener-time strong{display:block;color:#d9dee7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.listener-place small,.listener-device small,.listener-ip small,.listener-time small{display:block;color:#687286;font-size:8.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listener-device{display:flex;gap:7px;align-items:center;color:#6f7b91}.listener-device>span{min-width:0}.listener-ip strong{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;color:#aeb8c8}.listener-ip strong.unavailable{font-family:inherit;color:#8a6f74;font-weight:500}.listener-time{text-align:right}.listener-time small{color:#68cfa1}.listener-time small i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--green);margin-right:4px;vertical-align:1px}.more-icon{color:#515b6e;justify-self:end}.listener-detail{grid-column:1/-1;display:grid;grid-template-columns:.7fr .8fr 1fr 1fr 2fr auto auto;gap:11px;align-items:center;margin:5px -3px -3px;padding:10px;border-radius:8px;background:#121924;border:1px solid var(--line)}.detail-item{min-width:0}.detail-item small{display:block;color:#667187;font-size:7.5px;text-transform:uppercase;letter-spacing:.08em}.detail-item strong{display:block;font-size:8.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-ua strong{color:#8993a5;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-weight:500}.detail-live{display:flex;align-items:center;gap:6px;color:#7dd9ae;font-size:8.5px;white-space:nowrap}.danger-button{height:28px;border-radius:7px;border:1px solid rgba(255,97,116,.2);background:#ff617412;color:#ff9ca8;display:flex;align-items:center;gap:6px;padding:0 9px;font-size:8.5px;cursor:pointer}.empty-list{text-align:center;padding:30px;color:#5d687b;font-size:10px}.insights-panel{min-height:524px}.insights-head{align-items:flex-start}.insight-tabs{display:flex;padding:3px;gap:2px;border:1px solid var(--line);border-radius:8px;background:#0a0d14}.insight-tabs button{border:0;border-radius:5px;background:transparent;color:#657085;padding:5px 7px;font-size:7.5px;cursor:pointer}.insight-tabs button.active{background:#19202c;color:#dfe5ee}.country-hero{height:68px;margin:14px 0 9px;padding:11px 12px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;border-radius:10px;background:linear-gradient(90deg,#5ce1e613,#5ce1e604);border:1px solid rgba(92,225,230,.09)}.country-hero>span{font-size:25px}.country-hero small{display:block;color:#6c778a;font-size:8px}.country-hero strong{display:block;font-size:11px;margin-top:3px}.country-hero b{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:16px;color:#b9f1f2}.country-list{display:flex;flex-direction:column;gap:4px}.country-row{display:grid;grid-template-columns:27px 1fr 42px;gap:8px;align-items:center;min-height:45px;padding:6px;border-radius:8px}.country-row:hover{background:#0c111a}.country-flag{font-size:17px}.country-name strong{display:block;font-size:9.5px;font-weight:600}.bar{display:block;margin-top:6px;height:3px;background:#191f2a;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#4fbcc2,var(--cyan))}.country-count{text-align:right}.country-count strong{display:block;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:10px}.country-count small{display:block;color:#626d81;font-size:7.5px;margin-top:2px}.device-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 12px}.device-summary>div{min-height:72px;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#0b0f17;color:#68758b}.device-summary strong{display:block;margin-top:5px;color:#e0e5ed;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:13px}.device-summary small{display:block;margin-top:2px;color:#606b7d;font-size:7.5px}.player-list{display:flex;flex-direction:column;gap:5px}.player-row{display:grid;grid-template-columns:1fr 90px 48px;gap:8px;align-items:center;min-height:39px;padding:7px 8px;border-radius:8px;background:#0b0f17}.player-row>span:first-child{min-width:0;display:flex;align-items:center;gap:7px;color:#657287}.player-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd2dc;font-size:9px}.player-row .bar{margin:0}.player-row b{text-align:right;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:9px}.player-row b small{display:block;color:#657085;font-size:7px;font-weight:500}.activity-list{display:flex;flex-direction:column;gap:5px;margin-top:14px;max-height:424px;overflow:auto}.activity-row{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:8px;background:#0b0f17}.activity-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#66dda812;color:#6dd6a5}.activity-row.leave .activity-icon{background:#ffb45f11;color:#dca66b}.activity-copy{min-width:0}.activity-copy strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-copy small{display:block;margin-top:3px;color:#677286;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{color:#657085;font-size:7.5px;white-space:nowrap}.empty-side{min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#5f697b;font-size:8.5px;text-align:center}.soft-pill{font-size:8px;text-transform:uppercase;letter-spacing:.08em;padding:5px 7px;border:1px solid var(--line);border-radius:99px;color:#758096;background:#0b0f16}.soft-icon{color:#566174}.health-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:13px;margin-top:13px}.health-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;margin-top:8px;padding:9px 10px;background:#0b0f17;border-radius:8px}.health-icon{width:31px;height:31px;display:grid;place-items:center;color:#6e7a90;border-radius:8px;background:#121824}.health-row strong{display:block;font-size:9.5px}.health-row small{display:block;margin-top:2px;color:#626d80;font-size:8px}.service-status{display:flex;align-items:center;gap:7px;color:#78d9aa;font-size:8.5px}.service-status.off{color:#ff92a0}.service-status.off i{background:var(--red);box-shadow:none}.service-status.unknown{color:#8a93a3}.service-status.unknown i{background:#727c8f;box-shadow:none}.incident-history{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055)}.incident-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#687489}.incident-title>span{display:flex;align-items:center;gap:6px;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.incident-title small{font-size:7px}.incident-row{display:grid;grid-template-columns:8px 1fr;gap:7px;align-items:center;padding:6px 4px}.incident-row>i{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 8px #ff617459}.incident-row.recovered>i{background:var(--green);box-shadow:0 0 8px #66dda84d}.incident-row strong{display:block;font-size:8.5px;font-weight:600}.incident-row small{display:block;margin-top:2px;color:#657084;font-size:7.5px}.incident-empty{padding:8px 3px 3px;color:#5d6779;font-size:8px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.resource-grid>div{padding:11px;background:#0b0f17;border-radius:9px}.resource-grid span{display:flex;align-items:center;gap:6px;color:#6c778b;font-size:8.5px}.resource-grid strong{display:block;margin-top:8px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px}.resource-grid em{display:block;height:3px;margin-top:9px;background:#1b222e;border-radius:3px;overflow:hidden}.resource-grid em i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#4f8db1,var(--cyan))}.server-note{position:relative;min-height:78px;margin-top:9px;padding:13px 100px 12px 13px;border-radius:9px;background:linear-gradient(90deg,#66dda811,#66dda804);border:1px solid rgba(102,221,168,.08)}.server-note strong{display:block;font-size:9px}.server-note span{display:block;margin-top:5px;color:#677387;font-size:8px;line-height:1.45}.server-note b{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#92e5bf;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:18px}@media(max-width:1280px){.app-shell{padding-left:20px;padding-right:20px}.listener-row,.listener-columns{grid-template-columns:38px 1fr 1fr .9fr .72fr 18px}.content-grid{grid-template-columns:minmax(0,2fr) 320px}.listener-detail{grid-template-columns:repeat(4,1fr)}.detail-ua{grid-column:1/3}}