*{box-sizing:border-box}
html,body{margin:0;background:transparent;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{padding:0}
.audience-widget{--line:rgba(255,255,255,.085);--panel:#0d1219;--panel2:#111824;--green:#35de83;position:relative;max-width:1120px;margin:auto;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:
radial-gradient(circle at 20% 0%, color-mix(in srgb,var(--accent) 13%,transparent), transparent 28%),
radial-gradient(circle at 84% 6%, color-mix(in srgb,var(--accent) 9%,transparent), transparent 28%),
linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,#101722),color-mix(in srgb,var(--surface) 92%,#0b111c));
box-shadow:0 24px 80px rgba(0,0,0,.35);overflow:hidden;isolation:isolate}
.audience-widget:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.05), transparent 25%);pointer-events:none}
.audience-widget:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);background-size:38px 38px;opacity:.35;mask-image:linear-gradient(180deg,rgba(255,255,255,.7),transparent 78%);pointer-events:none}
.station-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 2px 18px;position:relative;z-index:1}.station-brand{display:flex;align-items:center;gap:13px;min-width:0}.station-logo{width:54px;height:54px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:#080b10;box-shadow:0 10px 24px rgba(0,0,0,.24)}.station-logo.fallback{display:grid;place-items:center;font-size:23px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,#111),#0a0d12);color:var(--accent)}.micro,.card-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--accent)}.station-head h1{font-size:clamp(20px,3vw,31px);line-height:1.05;margin:4px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-head p{margin:0;color:var(--muted);font-size:13px}.live-pill{display:flex;align-items:center;gap:8px;flex:none;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent);padding:9px 12px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.14em;box-shadow:0 8px 22px rgba(0,0,0,.14)}.live-pill i,.green-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 13px color-mix(in srgb,var(--green) 70%,transparent)}.hero-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.45fr);gap:14px;position:relative;z-index:1}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-radius:calc(var(--radius) - 3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.listener-card{min-height:405px;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.listener-card:before{content:"";position:absolute;inset:-10% 20% auto -10%;height:140px;background:radial-gradient(circle, color-mix(in srgb,var(--accent) 16%,transparent), transparent 65%);pointer-events:none}.listener-total{font-size:clamp(84px,11vw,132px);font-weight:950;line-height:.86;letter-spacing:-.075em;margin:18px 0 10px;font-variant-numeric:tabular-nums;text-shadow:0 0 35px color-mix(in srgb,var(--accent) 10%,transparent)}.listener-label{font-size:11px;letter-spacing:.23em;font-weight:900;color:var(--accent)}.signal{height:42px;display:flex;align-items:center;gap:3px;margin:20px 0 12px}.signal i{width:3px;height:var(--h);border-radius:4px;background:linear-gradient(180deg,#ffe45f,var(--accent));opacity:.92;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 25%,transparent)}.flag-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;font-size:20px}.flag-strip span{display:inline-flex;align-items:center;filter:drop-shadow(0 2px 4px #000)}.flag-strip img{width:28px;height:18px;object-fit:cover;border-radius:3px;border:1px solid rgba(255,255,255,.16)}.audience-meta{width:100%;display:flex;justify-content:space-between;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.audience-meta span{display:flex;align-items:center;gap:7px}.disclosure{width:100%;margin-top:12px;text-align:left;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);background:color-mix(in srgb,var(--accent) 4%,transparent);padding:9px 10px;border-radius:10px;font-size:9px;color:var(--muted);line-height:1.45}.disclosure b{display:block;color:color-mix(in srgb,var(--accent) 75%,#fff);margin-bottom:1px}.map-card{padding:17px;min-width:0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.section-head h2{margin:3px 0 0;font-size:19px}.map-legend,.location-count{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.03)}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent)}.world-stage{position:relative;width:100%;aspect-ratio:2/1;min-height:330px;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:radial-gradient(circle at 52% 45%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 55%),linear-gradient(180deg,#09101a,#080d14)}.world-svg{position:absolute;inset:0;width:100%;height:100%}.graticule path{fill:none;stroke:rgba(255,255,255,.028);stroke-width:1}.world-land{fill:#202b38;stroke:#324152;stroke-width:1.6}.world-land path,.world-land circle{transition:.25s}.world-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:50px 50px;mix-blend-mode:screen;opacity:.4}.map-markers{position:absolute;inset:0;z-index:3}.flag-marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;z-index:4;pointer-events:auto}.flag-marker:nth-child(even){flex-direction:row-reverse}.flag-bubble{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#080c12;border:2px solid color-mix(in srgb,var(--accent) 72%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent),0 6px 15px rgba(0,0,0,.5)}.flag-bubble:after{content:"";position:absolute;inset:-7px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;animation:pulseRing 3s ease-out infinite}.flag-bubble img{width:25px;height:17px;object-fit:cover;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.55)}.marker-label{white-space:nowrap;min-width:82px;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(6,9,14,.92);box-shadow:0 8px 20px rgba(0,0,0,.35);backdrop-filter:blur(7px)}.marker-label b{display:block;font-size:10px;line-height:1.2}.marker-label span{display:block;font-size:8px;color:var(--muted);margin-top:1px}.flag-marker:nth-child(3n) .marker-label{transform:translateY(-17px)}.flag-marker:nth-child(4n) .marker-label{transform:translateY(17px)}@keyframes pulseRing{0%{transform:scale(.7);opacity:.8}75%,100%{transform:scale(1.5);opacity:0}}.locations-panel{margin-top:14px;padding:17px}.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.location-row{display:grid;grid-template-columns:30px minmax(95px,1fr) minmax(55px,1fr) 38px;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.012)}.country-flag{display:flex;align-items:center}.country-flag img{width:26px;height:17px;object-fit:cover;border-radius:3px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 5px rgba(0,0,0,.3)}.loc-copy{min-width:0}.loc-copy b,.loc-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loc-copy b{font-size:11px}.loc-copy small{font-size:8px;color:var(--muted);margin-top:1px}.loc-bar{height:4px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.loc-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff))}.location-row>strong{text-align:right;font-size:14px;font-variant-numeric:tabular-nums}.layout-map_focus .hero-grid{grid-template-columns:.58fr 1.7fr}.layout-compact .locations-panel{display:none}.layout-compact .listener-card{min-height:340px}.listener-number,.number-card>strong,#listenerTotal{font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:normal;white-space:nowrap}
@media(max-width:820px){.audience-widget{padding:13px;border-radius:14px}.hero-grid,.layout-map_focus .hero-grid{grid-template-columns:1fr}.listener-card{min-height:285px;padding:18px}.world-stage{min-height:310px}.location-grid{grid-template-columns:1fr 1fr}.marker-label{display:none}.flag-bubble{width:32px;height:32px}}
@media(max-width:560px){.station-head{align-items:center}.station-logo{width:44px;height:44px}.micro{font-size:8px}.station-head h1{font-size:18px}.station-head p{font-size:11px}.live-pill{padding:7px 9px}.listener-total{font-size:88px}.world-stage{min-height:245px;aspect-ratio:1.45/1}.world-svg{transform:scale(1.13);transform-origin:center}.flag-bubble{width:28px;height:28px}.flag-bubble img{width:21px;height:14px}.location-grid{grid-template-columns:1fr}.map-legend{display:none}.audience-meta{font-size:9px}}
@media(max-width:520px){#listenerTotal{font-size:clamp(52px,17vw,86px)!important;letter-spacing:-.065em!important}}
@media(max-width:390px){.audience-widget{padding:10px}.station-head p{display:none}.world-stage{min-height:225px}.location-row{grid-template-columns:27px minmax(90px,1fr) 50px 32px;gap:6px}.location-row>strong{font-size:12px}}