@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dceaff;font-synthesis:none;--navy:#071522;--panel:#0a1b2a;--line:#29465e;--blue:#73c9ff;--yellow:#ffd35d;--pink:#f47abd;--purple:#c99aff;--green:#75edaa;background:#030a12;font-family:Barlow Condensed,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#18344c 0,#07121e 38%,#02070d 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}.app-shell{background:linear-gradient(135deg,#0a1b2af5,#020910f7);border-inline:1px solid #203b50;width:min(980px,100%);min-height:100vh;margin:auto;padding:24px 24px 120px;position:relative;overflow:hidden;box-shadow:0 0 80px #000}.app-shell:before{content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(#73c9ff14 1px,#0000 1px);background-size:100% 5px;position:absolute;inset:0}.topbar{border:1px solid var(--line);border-radius:22px 22px 8px 8px;align-items:stretch;height:94px;display:flex;position:relative;overflow:hidden}.brand-mark{background:var(--yellow);color:#07111c;border-radius:0 0 42px;place-items:center;width:95px;font-size:48px;display:grid}.brand{flex:1;padding:12px 20px}.brand h1{color:var(--yellow);letter-spacing:1px;margin:0;font-size:35px;line-height:1}.brand p{color:var(--blue);letter-spacing:2px;margin:7px 0 0;font-size:15px}.relay{border-left:1px solid var(--line);text-align:right;align-items:center;gap:11px;margin:12px;padding:0 16px;display:flex}.relay strong,.relay small{display:block}.relay strong{color:var(--green);font:700 12px Space Mono}.relay small{color:#7896ad;letter-spacing:1px;margin-top:6px;font-size:10px}.pulse{background:var(--green);width:12px;height:12px;box-shadow:0 0 0 6px #75edaa22,0 0 18px var(--green);border-radius:50%;animation:1.8s infinite pulse}.mission-heading{justify-content:space-between;align-items:end;gap:20px;padding:34px 6px 24px;display:flex}.eyebrow{color:var(--blue);letter-spacing:2px;font:700 11px Space Mono}.mission-heading h2,.settings-panel h2{letter-spacing:1px;margin:6px 0 5px;font-size:36px}.mission-heading h2 em{color:var(--pink);font-style:normal}.mission-heading p{color:#91a9ba;letter-spacing:.5px;margin:0;font-size:17px}.stardate{text-align:right;min-width:170px}.stardate small,.stardate span{color:#7896ad;letter-spacing:1.5px;display:block}.stardate strong{color:var(--yellow);font:700 27px Space Mono;display:block}.stardate span{margin-top:5px;font-size:11px}.scanner-panel{border:1px solid var(--pink);background:#06111b;border-radius:18px;grid-template-columns:280px 1fr;gap:25px;padding:18px;display:grid;box-shadow:inset 0 0 28px #060c13,0 0 12px #f47abd18}.radar{background:repeating-radial-gradient(circle,#0000 0 43px,#314c62 44px 45px),radial-gradient(circle,#10253a,#030b14 70%);border:1px solid #7893a8;border-radius:50%;width:270px;height:270px;position:relative;overflow:hidden}.radar-cross{opacity:.7;background:#7190a8;position:absolute}.horizontal{height:1px;top:50%;left:0;right:0}.vertical{width:1px;top:0;bottom:0;left:50%}.radar-sweep{transform-origin:100% 0;background:linear-gradient(35deg,#0000 48%,#ffd35d55);animation:5s linear infinite sweep;position:absolute;inset:50% 50% 0 0}.ship{color:var(--yellow);text-shadow:0 0 12px var(--yellow);font-size:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}.blip{border:2px solid var(--pink);width:33px;height:33px;color:var(--pink);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 0 10px #f47abd88}.blip small{font-size:11px;position:absolute;top:33px}.blip-1{top:29%;left:25%}.blip-2{top:37%;right:22%}.blip-3{bottom:15%;left:58%}.blip.active{border-color:var(--green);color:var(--green);box-shadow:0 0 15px #75edaa}.scan-readout h3{color:var(--yellow);margin:6px 0 12px;font-size:21px}.legend{border:1px solid var(--line);border-radius:10px;overflow:hidden}.legend p{border-bottom:1px solid var(--line);grid-template-columns:18px 75px 1fr;align-items:center;gap:10px;margin:0;padding:11px;display:grid}.legend p:last-child{border:0}.legend b{font:700 15px Space Mono}.legend span{color:#9eb4c6}.dot{border-radius:50%;width:12px;height:12px;display:block}.green{background:var(--green)}.yellow{background:var(--yellow)}.pink{background:var(--pink)}.scan-readout aside{color:#aabccc;background:#17180c;border:1px solid #a98015;border-radius:10px;margin-top:12px;padding:12px}.scan-readout aside b{color:var(--yellow);margin-right:6px}.anomaly-list{gap:12px;margin-top:16px;display:grid}.anomaly-card{border:1px solid var(--pink);background:#07131e;border-radius:15px;transition:all .2s;overflow:hidden}.anomaly-card.active{box-shadow:0 0 20px #f47abd15}.anomaly-card.solved{border-color:var(--green)}.card-heading{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;width:100%;padding:14px;display:flex}.anomaly-number{background:var(--pink);color:#0b1320;clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,0 100%);place-items:center;width:54px;height:54px;font:700 22px Space Mono;display:grid}.title-group{flex:1}.title-group small,.title-group strong{display:block}.title-group small{color:var(--blue);letter-spacing:2px}.title-group strong{text-transform:uppercase;font-size:24px}.status{color:#0a0f16;letter-spacing:1px;background:#bd79ef;border-radius:20px;padding:7px 14px;font-weight:700}.status.complete{background:var(--green)}.chevron{color:#9ab6cf;font-size:22px}.card-body{padding:0 14px 14px}.navigation-strip{border:1px solid var(--line);background:#0c1b28;border-radius:10px;grid-template-columns:45px repeat(3,1fr);align-items:center;gap:15px;padding:14px;display:grid}.navigation-strip div{border-left:1px solid var(--line);padding-left:14px}.navigation-strip small,.navigation-strip strong{display:block}.navigation-strip small{color:#7494aa;letter-spacing:1.5px;font-size:10px}.navigation-strip strong{margin-top:3px;font:700 14px Space Mono}.nav-arrow{text-align:center;color:var(--yellow);font-size:25px;display:block}.transmissions{border:1px solid var(--line);border-radius:10px;margin-top:8px;overflow:hidden}.range-row{border-bottom:1px solid var(--line);color:#6f869a;grid-template-columns:35px 1fr;gap:8px;padding:13px;display:grid}.range-row:last-child{border:0}.range-row.revealed{color:#dceaff}.range-icon{color:#60768b;font-size:21px}.revealed .range-icon{color:var(--green)}.range-copy strong,.range-copy span{display:block}.range-copy strong{color:inherit;font:700 13px Space Mono}.range-copy span{margin-top:5px;font-size:16px}.gift-packet{border-left:3px solid var(--pink);background:#111f2b;grid-column:2;grid-template-columns:170px 1fr;gap:15px;margin-top:10px;padding:10px;display:grid}.gift-packet img{border-radius:7px;width:100%}.gift-packet div{align-self:center}.gift-packet span,.gift-packet strong{display:block}.gift-packet span{color:var(--pink);letter-spacing:1px}.gift-packet strong{color:var(--yellow);margin-top:8px;font:700 14px Space Mono}.empty-state,.single-panel,.settings-panel{text-align:center;border:1px solid var(--purple);background:#081521;border-radius:18px;padding:70px 25px}.empty-state span,.big-icon{color:var(--purple);font-size:55px}.empty-state h3,.single-panel h2{margin:13px 0 5px;font-size:28px}.empty-state p,.single-panel p{color:#91a9ba;max-width:540px;margin:0 auto 25px;font-size:18px}.single-panel .radar{margin:0 auto 25px}.single-panel button,.presets button{border:1px solid var(--blue);cursor:pointer;background:#0c2638;border-radius:6px;padding:10px 18px}.settings-panel{text-align:left;padding:30px}.toggle-row{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;margin-top:25px;padding:18px;display:flex}.toggle-row>span{flex:1}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:20px}.toggle-row small{color:#88a0b2;margin-top:4px}.toggle-row input{display:none}.toggle-row i{background:#314454;border-radius:15px;width:52px;height:28px;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:4px;left:4px}.toggle-row input:checked+i{background:var(--green)}.toggle-row input:checked+i:after{background:#062016;left:28px}.demo-controls{border:1px dashed var(--purple);border-radius:12px;gap:22px;margin-top:16px;padding:20px;display:grid}.demo-controls label{color:var(--blue);letter-spacing:1px;font:700 11px Space Mono}.demo-controls select{border:1px solid var(--line);color:#fff;background:#0b1b29;border-radius:5px;width:100%;margin-top:8px;padding:11px}.demo-controls label>strong{float:right;color:var(--yellow)}.demo-controls input[type=range]{width:100%;accent-color:var(--pink);margin-top:18px}.range-labels{color:#7890a3;justify-content:space-between;display:flex}.presets{flex-wrap:wrap;gap:8px;display:flex}.bottom-nav{z-index:5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#091725ee;border:1px solid #46647b;border-radius:20px;grid-template-columns:repeat(4,1fr);width:min(900px,100% - 32px);display:grid;position:fixed;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 15px 35px #000}.bottom-nav button{border:0;text-transform:capitalize;cursor:pointer;background:0 0;border-right:1px solid #29445a;padding:11px;font-size:15px}.bottom-nav button:last-child{border:0}.bottom-nav button span{color:#acc7ff;margin-bottom:3px;font-size:23px;display:block}.bottom-nav button.active{background:var(--yellow);color:#07101a}.bottom-nav button.active span{color:#07101a}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5;box-shadow:0 0 0 11px #75edaa11}}@media (width<=700px){.app-shell{padding:12px 12px 110px}.topbar{height:78px}.brand-mark{width:60px;font-size:33px}.brand{padding:10px}.brand h1{font-size:27px}.brand p{font-size:10px}.relay{margin:8px;padding:0 5px}.relay small{display:none}.relay strong{font-size:9px}.mission-heading{align-items:start}.mission-heading h2{font-size:29px}.mission-heading p{font-size:14px}.stardate{min-width:105px}.stardate strong{font-size:19px}.scanner-panel{grid-template-columns:1fr}.radar{width:240px;height:240px;margin:auto}.card-heading{gap:8px;padding:10px}.anomaly-number{width:42px;height:48px}.title-group strong{font-size:19px}.status{padding:6px 8px;font-size:10px}.navigation-strip{grid-template-columns:35px 1fr 1fr}.navigation-strip div:last-child{grid-column:2/4}.gift-packet{grid-template-columns:1fr}.bottom-nav{bottom:8px}.bottom-nav button{padding:9px 3px}.settings-panel{padding:22px 15px}}@media (width<=430px){.scanner-panel{padding:12px}.scan-readout aside{font-size:14px}.mission-heading .stardate span{display:none}.range-row{padding:11px 8px}.card-heading .chevron{display:none}.gift-packet{grid-column:1/3}.brand p{letter-spacing:1px}.relay div{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}