@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-display:swap;font-weight:200 800}
@font-face{font-family:'DM Sans';src:url('/assets/dm-sans.ttf') format('truetype');font-display:swap;font-weight:100 1000}
:root{font-family:'DM Sans',sans-serif;color:#f4efff;background:#171321;color-scheme:dark;--purple:#7154cb;--ink:#302344}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-underline-offset:4px}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f6ab7c;outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}.broadcast-shell{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,84px);min-height:100svh;padding:24px}.stage{position:relative;width:min(calc((100svh - 48px)*9/16),60vw);aspect-ratio:9/16;flex-shrink:0;overflow:hidden;container-type:inline-size;background:#f0eafa;color:var(--ink);isolation:isolate}.stage-header{position:absolute;top:10.7%;left:6%;right:15%;z-index:2}.wordmark{display:flex;align-items:center;gap:1cqw;font-family:Manrope,sans-serif;font-weight:800;font-size:4cqw;letter-spacing:-.04em;color:#6b47b3}.wordmark>span{color:#cf653e;margin-left:-1cqw}.wordmark svg{width:3cqw;height:3.6cqw;fill:#7952c3}.wordmark svg circle{fill:#f0eafa}.stage h1{font:800 11.8cqw/1.08 Manrope,sans-serif;letter-spacing:-.04em;margin:3cqw 0 1.8cqw;color:#4a2d77}.stage-header p{font-size:4.25cqw;font-weight:500;letter-spacing:-.025em;margin:0;white-space:nowrap}.map{position:absolute;top:27%;left:0;width:100%;height:25.2%;display:grid;align-items:center;color:#665575;font-size:3cqw}.map>svg{width:100%;height:100%;display:block;overflow:visible}.map [data-iladi]{fill:#dfd2ef;stroke:#f0eafa;stroke-width:1.7;transition:fill .35s}.map [data-active=true]{fill:#da8259!important;stroke:#9c492c;stroke-width:2.3}.map text{font:600 25px 'DM Sans',sans-serif;fill:#3b285a;stroke:#f0eafa;stroke-width:5px;paint-order:stroke;pointer-events:none}.map-key{position:absolute;left:6%;right:15%;top:53%;display:flex;justify-content:space-between;gap:2cqw;align-items:center;font-size:2.7cqw;color:#746283}.map-key>span{display:flex;gap:1cqw;align-items:center;white-space:nowrap}.map-key i{width:1.6cqw;height:1.6cqw;background:#8055b6;border-radius:50%}.map-key b{font-weight:650;font-variant-numeric:tabular-nums}.arrival{position:absolute;left:6%;right:15%;top:57%;border-top:1px solid #ccbcdf;padding-top:2.4cqw}.eyebrow{font-size:2.2cqw;font-weight:700;letter-spacing:.075em;color:#7c6395;display:block}.arrival>strong{display:block;font-family:Manrope,sans-serif;font-size:5.3cqw;letter-spacing:-.025em;line-height:1.25;margin:1.1cqw 0 .2cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrival>div{font-size:4.4cqw;font-weight:600;color:#8050b8}.latest{position:absolute;left:6%;width:47%;top:68%}.latest h2{font-size:2.8cqw;margin:0 0 1.6cqw;font-weight:600;color:#746283}.feed-row{display:flex;align-items:center;gap:1.6cqw;margin-top:1.5cqw;min-width:0}.feed-dot{width:.8cqw;height:.8cqw;border-radius:50%;background:#ae90d0;flex-shrink:0}.feed-row>div{min-width:0}.feed-row strong{font-size:2.8cqw;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.feed-row span:last-child{font-size:2.65cqw;color:#786587}.host{position:absolute;top:68%;right:16%;width:26%;aspect-ratio:1.2;background:#e3d7f0;border:1px solid #d1bfe4;border-radius:2cqw;overflow:hidden;display:grid;place-items:center;color:#7a5b9b}.host>video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transform:scaleX(-1)}#host-placeholder{display:grid;justify-items:center;gap:1.7cqw}#host-placeholder svg{width:5cqw;height:5cqw;fill:none;stroke:#8864ae;stroke-width:1.4}#host-placeholder span{font-size:2.5cqw}.sample-label{position:absolute;top:81%;left:6%;font-size:2.2cqw;color:#8a779c}.safe-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;color:#7e3821;font-size:2.7cqw;font-weight:650}.safe-top,.safe-side,.safe-bottom{position:absolute;background:#ef835433;border:1px dashed #b65f38;display:flex;align-items:center;justify-content:center;text-align:center}.safe-top{inset:0 0 auto;height:10%}.safe-side{top:51%;bottom:0;right:0;width:14%;writing-mode:vertical-rl}.safe-bottom{left:0;right:14%;bottom:0;height:23%;display:block;padding-top:6cqw}.safe-bottom small{font-size:2.2cqw;line-height:3}.studio-controls{width:280px;max-width:100%;flex-shrink:0}.back-link{font-size:14px;color:#c0b0d9;display:block;margin-bottom:36px;text-decoration:none}.studio-kicker{font-size:11px;letter-spacing:.1em;color:#b39dce}.studio-controls h2{font:700 28px/1.2 Manrope,sans-serif;margin:12px 0}.studio-controls p{font-size:14px;color:#b8aaca;line-height:1.55;margin:0 0 20px}.connection{font-size:12px;color:#b5d2c4;margin:20px 0}.switch{display:flex;gap:10px;align-items:center;font-size:14px;min-height:44px;cursor:pointer}.switch input{width:18px;height:18px;accent-color:#b58add}.studio-controls .help{font-size:12px;color:#b1a1c2;margin:5px 0 22px}.primary,.secondary{display:block;width:100%;min-height:46px;padding:12px 16px;border-radius:8px;font-weight:600;margin-top:12px;border:0;font-size:14px}.primary{background:#bca1ed;color:#251736}.primary:hover{background:#cdb8f5}.secondary{background:#34273f;color:#eddefb;border:1px solid #514061}.secondary:hover{background:#40304e}.clean-link{font-size:14px;display:inline-block;padding:12px 0}.local-note{font-size:11px;color:#9988a9;display:block;margin-top:28px}.stage.arriving .arrival{animation:arrival .5s ease-out}.stage.arriving .map [data-active=true]{animation:city .8s ease-out 2}@keyframes arrival{from{opacity:.3;transform:translateY(1cqw)}to{opacity:1;transform:translateY(0)}}@keyframes city{50%{fill:#f2bc88}}.clean{background:#f0eafa}.clean .broadcast-shell{padding:0;display:grid;place-items:center;height:100svh;min-height:0}.clean .stage{width:min(100vw,56.25svh)}.clean .studio-controls{display:none}
@media(max-width:760px){.broadcast-shell{display:block;padding:0}.stage{width:100%;max-width:none}.studio-controls{width:auto;padding:28px 24px 40px}.back-link{margin-bottom:24px}.studio-controls h2{font-size:26px}.clean .broadcast-shell{display:grid}.clean .stage{width:min(100vw,56.25svh)}}
@media(prefers-reduced-motion:reduce){.stage.arriving .arrival,.stage.arriving .map [data-active=true]{animation:none}.map [data-iladi]{transition:none}}
.host{aspect-ratio:1.7}.feed-row{min-height:4cqw}.feed-row strong{flex:1;min-width:0}.feed-row span:last-child{white-space:nowrap;font-size:2.5cqw}