:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef7f1;background:radial-gradient(circle at top,#1ebc902e,#0000 38%),radial-gradient(circle at 85% 12%,#ffb64829,#0000 20%),linear-gradient(135deg,#07110f 0%,#091919 38%,#041012 100%);font-family:Space Grotesk,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:32px 20px;position:relative;overflow:hidden}.app-shell__noise{opacity:.22;pointer-events:none;background:repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 4px),linear-gradient(120deg,#0000 30%,#ffffff0a,#0000 68%);animation:9s linear infinite sweep;position:absolute;inset:0}.console{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#071713f0,#050f10f5),linear-gradient(135deg,#abffe20d,#0000 35%);border:1px solid #92ffd140;border-radius:28px;width:min(1100px,100%);margin:0 auto;padding:clamp(24px,3vw,40px);position:relative;box-shadow:0 24px 80px #0000006b,inset 0 1px #ffffff14,inset 0 0 0 1px #0f4e4180}.console__header,.hero,.controls-panel{justify-content:space-between;align-items:center;gap:20px;display:flex}.console__header{margin-bottom:28px}.eyebrow{color:#9ad8c4;text-transform:uppercase;letter-spacing:.22em;margin:0 0 6px;font-size:.75rem}.title{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1}.status-badge{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:12px 18px;font-size:.85rem}.status-badge--live{color:#dbfff5;background:#18a97d2e;border-color:#65ffc980;box-shadow:0 0 18px #45dba62e}.status-badge--idle{color:#efddba;background:#bf8c3b26;border-color:#ffc45c57}.hero{align-items:stretch;margin-bottom:24px}.clock-panel,.mode-rail,.telemetry-card,.controls-panel{background:#081413b8;border:1px solid #88dcc229;border-radius:24px;box-shadow:inset 0 1px #ffffff0a}.clock-panel{flex:1;padding:clamp(24px,3vw,38px)}.panel-label,.telemetry-card__label,.volume-control__label,.mode-rail__label{color:#83b8a8;text-transform:uppercase;letter-spacing:.18em;margin:0 0 10px;font-size:.76rem}.clock-readout{letter-spacing:.06em;color:#e5fff7;text-shadow:0 0 18px #58f5ba38;font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(3rem,9vw,6.2rem);font-weight:700}.clock-subline{color:#b7d9cf;background:#ffffff0a;border-radius:14px;align-items:center;gap:12px;margin-top:20px;padding:10px 14px;font-family:IBM Plex Mono,Consolas,monospace;display:inline-flex}.clock-subline strong{color:#f3fff8;font-weight:600}.mode-rail{flex-direction:column;justify-content:center;gap:14px;width:260px;padding:22px 20px;display:flex;position:relative;overflow:hidden}.mode-rail:before{content:"";opacity:.45;pointer-events:none;background:linear-gradient(160deg,#ffffff14,#0000 38%);position:absolute;inset:0}.mode-rail--live{box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #2e91723d}.mode-rail--warning{box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #be923b3d}.mode-rail--accent{box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #7c8cff3d}.mode-rail--muted{box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #6c7d7838}.mode-rail__mode{z-index:1;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.05;position:relative}.mode-rail__note{z-index:1;color:#bddad1;margin:0;line-height:1.6;position:relative}.telemetry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.telemetry-card{padding:18px}.telemetry-card__value{margin-bottom:10px;font-size:1.3rem;line-height:1.2;display:block}.telemetry-card__detail{color:#b4d0c7;margin:0;line-height:1.6}.controls-panel{margin-bottom:20px;padding:18px}.transport{letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:18px;min-width:180px;padding:16px 22px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.transport:hover{transform:translateY(-1px)}.transport--start{color:#0a160e;background:linear-gradient(135deg,#6ff0be,#d3ff88);box-shadow:0 10px 30px #6af3ba40}.transport--stop{color:#fff3eb;background:linear-gradient(135deg,#d65c52,#ff9b67);box-shadow:0 10px 30px #d65c5238}.volume-control{flex:1}.volume-control__row{align-items:center;gap:16px;display:flex}.volume-control input[type=range]{accent-color:#73f3c2;width:100%}.legend{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.legend-chip{color:#d6ede5;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:.8rem}.footer-note{color:#a7cbbf;margin:0;line-height:1.6}.footer-note--warning{color:#f3cf8e}.footer-note--error{color:#ffb4a5;margin-bottom:10px}@keyframes sweep{0%{transform:translate(-4%)}to{transform:translate(4%)}}@media (width<=900px){.hero,.controls-panel,.console__header{flex-direction:column;align-items:stretch}.mode-rail{width:100%}.telemetry-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding:14px}.console{border-radius:20px;padding:18px}.clock-readout{letter-spacing:.02em}.clock-subline{justify-content:space-between;width:100%}.transport{width:100%}.volume-control__row{flex-wrap:wrap}}