:root{--bg:#000;--cyan:#54e9ff;--cyan2:#167f91;--cyan3:#0a3f4b;--white:#dffaff;--muted:#6c9299;--panel:rgba(1,8,11,.88);--line:rgba(84,233,255,.19);--red:#ff3a36;--amber:#ffad55;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--white);font-family:Consolas,"SFMono-Regular",monospace}button,input{font:inherit}button{cursor:pointer}
.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 22%,rgba(0,0,0,.1) 52%,rgba(0,0,0,.85) 100%);z-index:2}.grid{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.11;background-image:linear-gradient(rgba(55,220,244,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(55,220,244,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center,#000 0,transparent 80%)}
.topbar{position:fixed;left:0;right:0;top:0;z-index:20;height:74px;padding:calc(13px + var(--safe-top)) 30px 10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15));border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;gap:2px}.brand-main{font-size:18px;letter-spacing:.28em;color:var(--cyan);font-weight:700}.brand-sub{font-size:8px;letter-spacing:.22em;color:var(--muted)}.top-center{font-size:9px;letter-spacing:.2em;color:#94b8bf;display:flex;align-items:center;gap:8px}.state-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.top-right{justify-self:end;display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:.12em}.badge{font-size:9px;padding:4px 7px;border:1px solid var(--line);color:var(--cyan)}
.rail{position:fixed;z-index:20;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.rail button{width:54px;height:52px;border:1px solid rgba(84,233,255,.12);background:rgba(0,5,7,.64);color:#7b9ba1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:.2s}.rail button:hover{color:var(--cyan);border-color:rgba(84,233,255,.45);background:rgba(4,21,26,.85)}.rail span{font-size:16px}.rail b{font-size:7px;letter-spacing:.14em;font-weight:500}
.core{--core-size:clamp(500px,34vw,620px);position:fixed;z-index:8;left:50%;top:46%;width:var(--core-size);height:var(--core-size);transform:translate3d(-50%,-50%,0);pointer-events:none;opacity:.96;perspective:820px;contain:layout paint;filter:drop-shadow(0 0 18px rgba(84,233,255,.08))}.core-3d{position:absolute;inset:0;transform-style:preserve-3d;animation:coreFloat 5s ease-in-out infinite;will-change:transform;backface-visibility:hidden}.ring,.orbit{position:absolute;border-radius:50%;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}.ring{border:1px solid rgba(84,233,255,.42);inset:0}.r1{animation:spin3d 11s linear infinite;border-left-color:transparent;border-bottom-color:rgba(255,173,85,.52);box-shadow:0 0 42px rgba(84,233,255,.07)}.r2{inset:12.3%;animation:spinR3d 7s linear infinite;border-right-color:transparent}.r3{inset:26.8%;border-color:rgba(84,233,255,.68);box-shadow:0 0 38px rgba(84,233,255,.14),inset 0 0 26px rgba(84,233,255,.1);animation:breathe 2.8s ease-in-out infinite}.orbit{left:9.4%;right:9.4%;top:44.9%;height:10.1%;border:1px solid rgba(84,233,255,.24)}.o1{transform:rotateX(68deg) rotateZ(8deg);animation:orbit1 6.5s linear infinite}.o2{transform:rotateY(68deg) rotateZ(25deg);animation:orbit2 8.5s linear infinite}.o3{transform:rotateX(56deg) rotateY(52deg);animation:orbit3 10.5s linear infinite;border-color:rgba(255,173,85,.23)}.core-dot{position:absolute;inset:40.6%;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fff 0 18%,#bff8ff 30%,#3ddff7 58%,#0a6877 100%);box-shadow:0 0 26px var(--cyan),0 0 76px rgba(84,233,255,.28);animation:corePulse 2.1s ease-in-out infinite;will-change:transform,opacity;backface-visibility:hidden}.core span{position:absolute;left:50%;top:108.7%;transform:translateX(-50%);font-size:7px;letter-spacing:.25em;color:#82adb4;white-space:nowrap}.core.listening .core-3d,.core.thinking .core-3d{animation-duration:1.15s}.core.listening .core-dot{box-shadow:0 0 42px var(--cyan),0 0 100px rgba(84,233,255,.4)}.core.thinking{filter:hue-rotate(15deg) drop-shadow(0 0 20px rgba(84,233,255,.1))}@keyframes spin3d{to{transform:rotateZ(360deg) rotateX(360deg)}}@keyframes spinR3d{to{transform:rotateZ(-360deg) rotateY(360deg)}}@keyframes orbit1{to{transform:rotateX(68deg) rotateZ(368deg)}}@keyframes orbit2{to{transform:rotateY(68deg) rotateZ(-335deg)}}@keyframes orbit3{to{transform:rotateX(416deg) rotateY(412deg)}}@keyframes coreFloat{50%{transform:translate3d(0,-6px,0) rotateX(4deg)}}@keyframes breathe{50%{transform:scale(.93);opacity:.7}}@keyframes corePulse{50%{transform:scale3d(1.18,1.18,1);filter:brightness(1.16)}}
.critical{position:fixed;z-index:15;left:92px;bottom:112px;width:min(430px,36vw);padding:12px 15px;border-left:1px solid rgba(255,58,54,.7);background:linear-gradient(90deg,rgba(16,0,0,.74),rgba(0,0,0,.18));transition:.25s}.critical.hidden{opacity:0;transform:translateY(8px);pointer-events:none}.critical-head{font-size:8px;letter-spacing:.23em;color:#ff7b78;margin-bottom:6px}.critical-item{font:10px/1.35 "Segoe UI",sans-serif;color:#c6d8db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0}.critical-item.intel-link{pointer-events:auto;cursor:pointer}.critical-item.intel-link:hover{color:var(--cyan)}.critical-item::before{content:"•";color:var(--red);padding-right:7px}
.answer{position:fixed;z-index:15;left:50%;bottom:104px;transform:translateX(-50%);width:min(780px,66vw);text-align:center;pointer-events:none;text-shadow:0 2px 12px #000}.heard{font-size:9px;letter-spacing:.1em;color:#54777d;min-height:15px}.answer-text{font:15px/1.45 "Segoe UI",sans-serif;color:#d6e9ec;max-height:84px;overflow:hidden}.model-hint{font-size:7px;letter-spacing:.12em;color:#3e656d;margin-top:5px;text-transform:uppercase}
.command-shell{position:fixed;z-index:25;left:50%;bottom:calc(28px + var(--safe-bottom));transform:translateX(-50%);width:min(760px,72vw);height:58px;display:grid;grid-template-columns:58px 1fr 58px;background:rgba(0,6,8,.91);border:1px solid rgba(84,233,255,.2);box-shadow:0 12px 50px rgba(0,0,0,.55)}.command-shell form{display:flex}.command-shell input{width:100%;border:0;outline:0;background:transparent;color:var(--white);padding:0 18px;font:14px "Segoe UI",sans-serif}.command-shell input::placeholder{color:#4d6a70}.mic,.send{border:0;background:transparent;color:#5e8990;font-size:16px}.mic{border-right:1px solid var(--line)}.send{border-left:1px solid var(--line)}.mic:hover,.send:hover{color:var(--cyan);background:rgba(84,233,255,.05)}.mic.recording{color:var(--red);text-shadow:0 0 14px var(--red);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.4}}

.drawer{position:fixed;z-index:40;right:0;top:0;bottom:0;width:min(520px,92vw);background:rgba(0,5,7,.96);backdrop-filter:blur(18px);border-left:1px solid rgba(84,233,255,.18);transform:translateX(102%);transition:transform .28s ease;box-shadow:-35px 0 90px rgba(0,0,0,.55);padding-top:var(--safe-top)}.drawer.open{transform:translateX(0)}.drawer-head{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.drawer-head h2{margin:3px 0 0;font-size:17px;letter-spacing:.18em;color:var(--white)}#drawerEyebrow{font-size:7px;color:var(--cyan);letter-spacing:.24em}.drawer-head button{border:0;background:none;color:#6c8f96;font-size:28px}.drawer-body{height:calc(100% - 82px);overflow:auto;padding:22px 24px 48px}.section-title{font-size:8px;letter-spacing:.22em;color:var(--cyan);margin:22px 0 9px}.section-title:first-child{margin-top:0}.row{padding:11px 0;border-bottom:1px solid rgba(84,233,255,.08)}.row .primary{font:13px/1.4 "Segoe UI",sans-serif;color:#d8e9eb}.row .secondary{font:9px/1.4 "Segoe UI",sans-serif;color:#628088;margin-top:3px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{border:1px solid rgba(84,233,255,.09);padding:12px;background:rgba(84,233,255,.025)}.metric b{display:block;color:var(--cyan);font-size:17px;font-weight:500}.metric span{font-size:7px;letter-spacing:.13em;color:#698991}.form-grid{display:grid;gap:8px}.form-grid input{width:100%;background:#02090b;border:1px solid rgba(84,233,255,.14);color:#dffaff;padding:11px;outline:none}.form-grid button,.action-btn{background:#092028;border:1px solid rgba(84,233,255,.2);color:var(--cyan);padding:10px 12px;text-align:left;font-size:9px;letter-spacing:.1em}.action-btn:hover,.form-grid button:hover{border-color:var(--cyan)}.success{color:#76e7b0;font-size:10px}.error{color:#ff7470;font-size:10px;margin-top:10px;min-height:14px}.code{font-size:28px;letter-spacing:.22em;color:var(--white);padding:16px 0}.note{font:10px/1.5 "Segoe UI",sans-serif;color:#67868c}
.modal{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.93);display:flex;align-items:center;justify-content:center;padding:24px}.hidden{display:none!important}.modal-card{width:min(440px,100%);border:1px solid rgba(84,233,255,.2);padding:32px;background:#020708}.modal-mark{font-size:10px;letter-spacing:.28em;color:var(--cyan)}.modal h1{font-size:20px;letter-spacing:.16em;margin:7px 0 12px}.modal p{font:12px/1.5 "Segoe UI",sans-serif;color:#78969b}.modal input{width:100%;margin-top:9px;padding:13px;background:#000;border:1px solid var(--line);color:white;outline:none}.modal button{width:100%;margin-top:14px;padding:12px;background:#08232a;border:1px solid var(--line);color:var(--cyan)}
@media(max-width:760px){.topbar{height:62px;padding:calc(9px + var(--safe-top)) 14px 7px;grid-template-columns:1fr auto}.brand-main{font-size:14px}.brand-sub,.top-center{display:none}.top-right{gap:8px;font-size:10px}.rail{left:8px;top:50%;gap:5px}.rail button{width:42px;height:42px}.rail b{display:none}.rail span{font-size:14px}.core{--core-size:154px;top:42%}.critical{left:58px;bottom:128px;width:calc(100vw - 74px);max-width:none}.answer{bottom:124px;width:calc(100vw - 80px);left:calc(50% + 18px)}.answer-text{font-size:13px}.command-shell{width:calc(100vw - 24px);height:54px;bottom:calc(16px + var(--safe-bottom));grid-template-columns:52px 1fr 50px}.drawer{width:100vw}.metric-grid{grid-template-columns:1fr 1fr}}