:root{color:#dff7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#030914;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,textarea,select{font:inherit}.page-shell{background:radial-gradient(circle at 0 0,#22d3ee2e,#0000 24%),radial-gradient(circle at 100% 0,#3b82f629,#0000 24%),linear-gradient(#040b14 0%,#07111c 48%,#02070f 100%);min-height:100vh;padding:28px;transition:background .25s,box-shadow .25s}.page-shell.pulse-active{background:radial-gradient(circle,#22d3ee38,#0000 18%),radial-gradient(circle at 0 0,#22d3ee33,#0000 24%),linear-gradient(#06111f 0%,#081726 48%,#05111e 100%)}.hero-card,.status-card,.panel,.metric-card,.control-button,.insight-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050c16b8;border:1px solid #38bdf824;box-shadow:0 24px 60px #00000047}.hero-card,.app-grid{max-width:1200px;margin:0 auto}.hero-card{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.hero-copy,.status-card,.panel,.metric-card,.control-button,.insight-card{border-radius:28px}.hero-copy,.status-card,.panel{padding:24px}.eyebrow,.status-label,.panel-head span,.metric-card span,.stage-badge,.footnote-row span{letter-spacing:.08em;text-transform:uppercase}.eyebrow,.status-label,.panel-head span{color:#67e8f9;background:#22d3ee1a;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.hero-copy h1,.panel-head h2,.metric-card strong,.insight-card h3{color:#f0fbff}.hero-copy h1{margin:16px 0 14px;font-size:clamp(2.4rem,4vw,4.3rem);line-height:1.04}.hero-copy p,.status-card p,.metric-card p,.control-button span,.insight-card li,.command-list li,.footnote-row span{color:#9ec7d4}.status-card{gap:14px;display:grid}.status-card strong{color:#67e8f9;font-size:1.9rem}.status-card small{color:#fda4af}.status-mini-grid{flex-wrap:wrap;gap:10px;display:flex}.status-mini-grid span,.stage-badge{color:#d9fbff;background:#0891b229;border-radius:999px;padding:8px 12px;font-size:.84rem}.stage-badge.active{background:#22d3ee38;box-shadow:0 0 16px #22d3ee33}.ghost-button{color:#baf6ff;cursor:pointer;background:#22d3ee14;border:1px solid #22d3ee38;border-radius:16px;width:fit-content;padding:12px 16px;font-weight:700}.app-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.panel{gap:18px;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-head h2{margin:0}.camera-stage{background:radial-gradient(circle,#22d3ee2e,#0000 30%),linear-gradient(#0f172aeb,#020617f0);border:1px solid #38bdf81f;border-radius:24px;min-height:360px;position:relative;overflow:hidden}.camera-stage.live{min-height:420px}.camera-stage.launched{box-shadow:inset 0 0 80px #22d3ee14}.camera-video,.camera-canvas,.hud-canvas{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.camera-video{transform:scaleX(-1)}.camera-canvas,.hud-canvas{pointer-events:none}.hud-canvas{opacity:.9;mix-blend-mode:screen}.reticle{--progress:0;pointer-events:none;background:radial-gradient(circle,#67e8f914,#0000 62%);border:2px solid #67e8f9f2;border-radius:50%;place-items:center;width:72px;height:72px;margin-top:-36px;margin-left:-36px;display:grid;position:absolute;box-shadow:0 0 24px #67e8f999}.reticle.locked{border-color:#facc15f2;box-shadow:0 0 24px #facc1573}.reticle-core{background:#d8fbff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 18px #d8fbffe6}.reticle-ring{position:absolute;inset:4px;transform:rotate(-90deg)}.reticle-ring circle{fill:none;stroke:#7dd3fceb;stroke-width:5px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress))}.hud-overlay{z-index:2;flex-wrap:wrap;gap:10px;display:flex;position:absolute;inset:auto 18px 18px}.hud-overlay span{color:#d8fbff;background:#0284c729;border-radius:999px;padding:8px 12px;font-size:.84rem}.stage-badge-row,.control-grid,.metric-grid,.bottom-grid{gap:12px;display:grid}.stage-badge-row,.control-grid,.bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.control-button{text-align:left;cursor:pointer;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s}.control-button strong{color:#e0f7ff;margin-bottom:8px;display:block}.control-button-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-button-head em{color:#67e8f9;font-style:normal;font-weight:700}.control-button.active{border-color:#22d3ee6b;box-shadow:0 0 0 2px #22d3ee2e}.control-button.hovered{border-color:#7dd3fc8c;transform:translateY(-1px);box-shadow:0 0 0 2px #7dd3fc1f}.metric-card{padding:16px}.metric-card strong{margin:10px 0 8px;font-size:1.8rem;display:block}.insight-card{padding:18px}.insight-card h3{margin:0 0 10px}.insight-card ul,.command-list{margin:0;padding-left:18px}.command-card{background:linear-gradient(#071222e6,#060c19d9)}.command-list li+li{margin-top:8px}.footnote-row{flex-wrap:wrap;gap:12px;display:flex}.footnote-row span{background:#0f172abf;border:1px solid #38bdf81f;border-radius:999px;padding:8px 12px;font-size:.78rem}@media (width<=920px){.page-shell{padding:16px}.hero-card,.app-grid,.stage-badge-row,.control-grid,.metric-grid,.bottom-grid{grid-template-columns:1fr}.panel-head{flex-direction:column;align-items:start}}