:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--black:#020305;--panel:#070b10;--panel-soft:#0a1118;--sky:#29c7ff;--green:#39ff88;--red:#ff365a;--amber:#ffbf47;--white:#f4f7fa;--muted:#81909f;--line:#29c7ff4d;background:var(--black);color:var(--white);font-family:Arlon,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:radial-gradient(circle at 80% -10%, #0069ff21, transparent 34rem), var(--black);min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;min-width:320px;min-height:100dvh}button,input{font:inherit}button{color:inherit}.app-shell{width:min(100%,900px);min-height:100dvh;padding-bottom:calc(7.7rem + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:10;min-height:4.6rem;padding:max(.7rem, env(safe-area-inset-top)) 1rem .7rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020305eb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:.65rem;min-width:0;display:flex}.brand-lockup img{object-fit:contain;width:5.1rem;height:2.5rem}.brand-lockup div{min-width:0;display:grid}.brand-lockup strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:500;overflow:hidden}.eyebrow{color:var(--sky);letter-spacing:.18em;text-transform:uppercase;font-size:.65rem;font-weight:400}.status-pill{border:1px solid var(--red);color:var(--red);letter-spacing:.08em;white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.48rem .58rem;font-size:.65rem;display:inline-flex}.status-pill>span{background:currentColor;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 .8rem}.status-pill.online{border-color:var(--green);color:var(--green)}.status-pill.connecting{border-color:var(--sky);color:var(--sky)}.main-content{padding:1rem}.panel-stack{gap:1rem;display:grid}.alert-banner{border:1px solid var(--red);width:100%;color:var(--white);text-align:left;background:#ff365a0f;border-radius:.65rem;align-items:center;gap:.65rem;margin-bottom:1rem;padding:.8rem .9rem;display:flex}.alert-banner span{color:var(--red);font-weight:700}.program-card{background:linear-gradient(135deg, #29c7ff14, transparent 45%), var(--panel);border:1px solid #39ff888c;border-radius:1rem;justify-content:space-between;align-items:flex-end;min-height:8rem;padding:1.1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 2rem #29c7ff0a,0 0 1.3rem #39ff880f}.program-card:after{content:"";border:1px solid #29c7ff1f;border-radius:50%;width:7rem;height:7rem;position:absolute;top:0;right:0;transform:translate(35%,-45%)}.program-card h1{letter-spacing:.02em;margin:.35rem 0 0;font-size:clamp(1.4rem,6vw,2.4rem);font-weight:300}.signal-dot{z-index:1;border:1px solid var(--green);color:var(--green);letter-spacing:.12em;border-radius:.35rem;padding:.4rem .65rem;font-size:.68rem}.signal-dot.on-air{border-color:var(--red);color:var(--red);box-shadow:0 0 .8rem #ff365a26}.section-title{justify-content:space-between;align-items:flex-end;margin-top:.35rem;display:flex}.section-title h2{margin:.15rem 0 0;font-size:1.35rem;font-weight:300}.icon-button{border:1px solid var(--sky);width:2.7rem;height:2.7rem;color:var(--sky);background:0 0;border-radius:50%;font-size:1.3rem}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.scene-button{border:1px solid var(--sky);text-align:left;background:#050c1273;border-radius:.8rem;align-content:space-between;min-height:5.4rem;padding:.9rem;display:grid;box-shadow:inset 0 0 1.2rem #29c7ff08}.scene-button span{font-size:.9rem;font-weight:400}.scene-button small{color:var(--sky);letter-spacing:.12em;font-size:.56rem}.scene-button.active{border-color:var(--green);box-shadow:inset 0 0 1.2rem #39ff880a,0 0 .9rem #39ff881a}.scene-button.active small{color:var(--green)}button:disabled{cursor:not-allowed;opacity:.38}.empty-state{color:var(--muted);text-align:center;border:1px dashed #81909f66;border-radius:.8rem;grid-column:1/-1;padding:2rem 1rem}.command-status{background:var(--panel);border:1px solid #81909f59;border-radius:.8rem;align-items:center;gap:.8rem;padding:.9rem 1rem;display:flex}.command-status .pulse-dot{background:var(--muted);border-radius:50%;flex:none;width:.55rem;height:.55rem}.command-status.queued{border-color:var(--sky)}.command-status.queued .pulse-dot{background:var(--sky);box-shadow:0 0 .7rem var(--sky);animation:1s infinite alternate pulse}.command-status.executed{border-color:var(--green)}.command-status.executed .pulse-dot{background:var(--green);box-shadow:0 0 .7rem var(--green)}.command-status.failed,.command-status.expired,.command-status.rejected{border-color:var(--red)}.command-status.failed .pulse-dot,.command-status.expired .pulse-dot,.command-status.rejected .pulse-dot{background:var(--red)}.command-status strong{letter-spacing:.12em;font-size:.7rem;font-weight:500}.command-status p{color:var(--muted);margin:.2rem 0 0;font-size:.76rem}.neon-button{border:1px solid var(--sky);width:100%;min-height:3.2rem;color:var(--sky);letter-spacing:.12em;background:0 0;border-radius:.7rem;padding:.7rem 1rem;font-size:.74rem}.neon-button.primary{border-color:var(--green);color:var(--green);box-shadow:0 0 1rem #39ff8814}.neon-button.danger{border-color:var(--red);color:var(--red)}.neon-button.muted{color:var(--muted);border-color:#81909f73}.critical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.source-list,.audio-list{gap:.7rem;display:grid}.source-row{background:var(--panel);text-align:left;border:1px solid #81909f59;border-radius:.8rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:4.5rem;padding:.8rem .9rem;display:grid}.source-row.active{border-color:var(--green);box-shadow:inset 0 0 1.2rem #39ff880a}.source-row .tally-dot{background:var(--muted);border-radius:50%;width:.7rem;height:.7rem}.source-row.active .tally-dot{background:var(--red);box-shadow:0 0 .9rem var(--red)}.source-row>span:nth-child(2),.audio-title>span{gap:.2rem;min-width:0;display:grid}.source-row strong,.audio-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:450;overflow:hidden}.source-row small,.audio-title small{color:var(--muted);letter-spacing:.08em;font-size:.57rem}.source-row b{color:var(--muted);letter-spacing:.1em;font-size:.6rem;font-weight:500}.source-row.active b{color:var(--green)}.audio-channel{border:1px solid var(--line);background:var(--panel);border-radius:.85rem;gap:.75rem;padding:.9rem;display:grid}.audio-channel.muted{border-color:var(--red)}.audio-title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.audio-title b{color:var(--sky);white-space:nowrap;font-size:.72rem;font-weight:400}.meter{background:#101820;border-radius:999px;height:.32rem;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--amber), var(--red));height:100%;display:block;box-shadow:0 0 .7rem #39ff8859}.audio-actions,.commercial-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.commercial-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-actions button,.commercial-actions button{border:1px solid var(--sky);min-height:2.65rem;color:var(--sky);background:0 0;border-radius:.58rem;font-size:.63rem}.audio-actions button.active{border-color:var(--green);color:var(--green)}.audio-actions button.danger,.commercial-actions button.skip{border-color:var(--red);color:var(--red)}.commercial-clock{border:1px solid var(--sky);background:radial-gradient(circle, #29c7ff14, transparent 70%), var(--panel);border-radius:1rem;place-content:center;justify-items:center;min-height:10rem;padding:1.2rem;display:grid}.commercial-clock strong{letter-spacing:.08em;margin:.55rem 0 .35rem;font-size:clamp(2.7rem,14vw,5rem);font-weight:250}.commercial-clock small{color:var(--muted);letter-spacing:.09em;font-size:.62rem}.commercial-clock.due{border-color:var(--red);animation:1.7s ease-in-out infinite alternate commercial-warning;box-shadow:0 0 1.4rem #ff365a24}.commercial-clock.due .eyebrow,.commercial-clock.due small{color:var(--red)}.commercial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.commercial-grid button{border:1px solid var(--sky);min-height:5rem;color:var(--white);text-align:left;background:#050c1273;border-radius:.8rem;align-content:space-between;padding:.85rem;display:grid}.commercial-grid button:first-child{border-color:var(--green);box-shadow:0 0 .9rem #39ff8814}.commercial-grid span{letter-spacing:.07em;font-size:.86rem}.commercial-grid small{color:var(--sky);font-size:.58rem}.ci9-hero{border:1px solid var(--green);background:radial-gradient(circle at 100% 0, #39ff8817, transparent 55%), var(--panel);border-radius:1rem;justify-content:space-between;align-items:flex-end;gap:1rem;min-height:8rem;padding:1rem;display:flex}.ci9-hero h2{margin:.35rem 0 0;font-size:clamp(1.3rem,6vw,2rem);font-weight:300}.ci9-hero>strong{justify-items:end;font-size:2rem;font-weight:300;display:grid}.ci9-hero>strong small{letter-spacing:.12em;font-size:.5rem}.ci9-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.ci9-actions button{border:1px solid var(--sky);text-align:left;background:0 0;border-radius:.8rem;align-content:space-between;min-height:5rem;padding:.85rem;display:grid}.ci9-actions button.guidelines{border-color:var(--red);color:var(--red)}.ci9-actions button.resume{border-color:var(--green);color:var(--green)}.ci9-actions small{color:var(--muted);font-size:.58rem}.score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.score-grid div{border:1px solid var(--line);background:var(--panel);border-radius:.8rem;place-content:center;justify-items:center;min-height:5.2rem;display:grid}.score-grid span{color:var(--muted);letter-spacing:.1em;font-size:.52rem}.score-grid strong{color:var(--sky);margin-top:.25rem;font-size:1.7rem;font-weight:300}.mission-list,.edu-list{gap:.6rem;display:grid}.mission-list>div{background:var(--panel);min-height:3.1rem;color:var(--muted);border:1px solid #81909f4d;border-radius:.7rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.7rem .8rem;display:grid}.mission-list>div.completed{border-color:var(--green);color:var(--green)}.mission-list strong{color:var(--white);font-size:.76rem;font-weight:400}.mission-list small{font-size:.58rem}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.health-grid div{background:var(--panel);border:1px solid #81909f4d;border-radius:.7rem;align-content:space-between;min-height:4.1rem;padding:.7rem;display:grid}.health-grid div.ok,.health-grid div.standby{border-color:#39ff8880}.health-grid div.warn{border-color:var(--amber)}.health-grid div.critical{border-color:var(--red)}.health-grid span{color:var(--muted);font-size:.62rem}.health-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:400;overflow:hidden}.health-grid .ok strong,.health-grid .standby strong{color:var(--green)}.health-grid .warn strong{color:var(--amber)}.health-grid .critical strong{color:var(--red)}.edu-list article{border:1px solid var(--line);background:var(--panel);border-radius:.8rem;gap:.75rem;padding:.85rem;display:grid}.edu-list article>div{gap:.25rem;display:grid}.edu-list strong{font-size:.84rem;font-weight:450}.edu-list small{color:var(--muted);font-size:.65rem;line-height:1.4}.edu-list button{border:1px solid var(--sky);min-height:2.5rem;color:var(--sky);background:0 0;border-radius:.55rem;font-size:.62rem}.diagnostic-list{border:1px solid var(--line);background:var(--panel);border-radius:.9rem;overflow:hidden}.diagnostic-row{border-bottom:1px solid #29c7ff1a;justify-content:space-between;align-items:center;gap:1rem;min-height:3.2rem;padding:.65rem .9rem;display:flex}.diagnostic-row:last-child{border:0}.diagnostic-row span{color:var(--muted);font-size:.82rem}.diagnostic-row strong{text-align:right;text-overflow:ellipsis;max-width:65%;font-size:.78rem;font-weight:400;overflow:hidden}.healthy{color:var(--green)}.attention{color:var(--red)}.placeholder-card{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:1rem;place-content:center;justify-items:center;min-height:60vh;padding:2rem;display:grid}.placeholder-card h2{margin:.45rem 0;font-size:1.7rem;font-weight:300}.placeholder-card p{max-width:26rem;color:var(--muted);line-height:1.6}.placeholder-icon{color:var(--sky);text-shadow:0 0 1.2rem var(--sky);margin-bottom:1rem;font-size:3rem}.bottom-nav{z-index:20;right:0;bottom:calc(1.8rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020305f5;grid-template-columns:repeat(6,1fr);width:min(100%,900px);min-height:4.3rem;margin:auto;display:grid;position:fixed;left:0}.bottom-nav button{color:var(--muted);background:0 0;border:0;place-content:center;gap:.18rem;display:grid}.bottom-nav button span{font-size:1.15rem}.bottom-nav button small{font-size:.55rem}.bottom-nav button.active{color:var(--sky);text-shadow:0 0 .7rem #29c7ff8c}.footer{z-index:21;width:min(100%,900px);height:calc(1.8rem + env(safe-area-inset-bottom));color:#81909fb3;letter-spacing:.06em;background:#010203;justify-content:space-between;align-items:flex-start;margin:auto;padding:.4rem .8rem 0;font-size:.55rem;display:flex;position:fixed;bottom:0;left:0;right:0}.preloader,.login-screen{background:radial-gradient(circle at 50% 42%, #004bbe38, transparent 34rem), var(--black);place-items:center;min-height:100dvh;padding:1.4rem;display:grid}.preloader{align-content:center}.preloader-brand{justify-items:center;gap:.35rem;display:grid}.preloader-logo{object-fit:contain;filter:drop-shadow(0 0 1.4rem #29c7ff33);width:min(94vw,46rem);max-height:30vh;animation:.85s ease-out both reveal}.preloader-brand>span{color:var(--sky);letter-spacing:.22em;text-shadow:0 0 .75rem #29c7ff73;font-size:.58rem;animation:.65s ease-out .45s both reveal}.preloader-case-logo{object-fit:contain;width:min(58vw,18rem);max-height:13vh;margin-top:.6rem;animation:.75s ease-out .75s both reveal}.preloader p{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-top:1rem;font-size:.72rem}.preloader>small{color:#81909fb8;letter-spacing:.12em;text-align:center;text-transform:uppercase;margin-top:.45rem;font-size:.54rem}.loading-line{background:#29c7ff26;width:min(72vw,25rem);height:2px;margin-top:1.8rem;position:relative;overflow:hidden}.loading-line:after{background:linear-gradient(90deg, transparent, var(--sky), var(--green), transparent);width:42%;height:100%;box-shadow:0 0 .8rem var(--sky);content:"";animation:1.35s linear infinite load;position:absolute}.login-card{border:1px solid var(--line);background:#05090edb;border-radius:1.2rem;width:min(100%,26rem);padding:1.5rem;display:grid;box-shadow:0 1.5rem 5rem #00000080,inset 0 0 3rem #29c7ff06}.login-card>img{object-fit:contain;width:75%;max-height:8rem;margin:0 auto .8rem}.login-card h1{margin:.45rem 0;font-size:1.65rem;font-weight:300}.login-card>p{color:var(--muted);margin:0 0 1.3rem;font-size:.85rem;line-height:1.55}.login-card form{gap:.65rem;display:grid}.login-card label{color:var(--sky);letter-spacing:.11em;text-transform:uppercase;font-size:.68rem}.login-card input{border:1px solid var(--sky);width:100%;min-height:3.35rem;color:var(--white);letter-spacing:.2em;background:#020508;border-radius:.7rem;outline:0;padding:.7rem .9rem;font-size:1.15rem}.login-card input:focus{box-shadow:0 0 0 2px #29c7ff33,0 0 1rem #29c7ff1f}.login-card small{color:#81909fbf;letter-spacing:.08em;text-align:center;margin-top:1.3rem;font-size:.62rem}.form-error{color:var(--red);font-size:.78rem}@keyframes load{0%{transform:translate(-110%)}to{transform:translate(340%)}}@keyframes reveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{opacity:.4}to{opacity:1}}@keyframes commercial-warning{0%{opacity:.74}to{opacity:1}}@media (min-width:700px){.main-content{padding:1.4rem}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.program-card{min-height:10rem}.commercial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.commercial-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:430px){.critical-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
