:root{
  --bg:#02070c; --bg2:#061722; --panel:rgba(5,18,28,.64); --panel-2:rgba(8,28,42,.58);
  --edge:rgba(57,232,255,.24); --edge-2:rgba(57,232,255,.55); --edge-gold:rgba(255,181,72,.5);
  --cyan:#40f3ff; --cyan2:#16b8d4; --ink:#e8fbff; --mut:#83b7c4; --dim:#47717f; --faint:#263f49;
  --amber:#ffb648; --red:#ff5d6c; --green:#39f5a6; --violet:#a884ff;
  --disp:"Chakra Petch",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
*{margin:0;padding:0;box-sizing:border-box} html,body{height:100%;overflow:hidden}
body{background:radial-gradient(1000px 620px at 52% 18%,rgba(9,91,112,.42),transparent 62%),radial-gradient(760px 520px at 88% 85%,rgba(37,132,150,.16),transparent 62%),linear-gradient(180deg,#02070c,#041018 62%,#02070c);color:var(--ink);font-family:var(--disp);-webkit-font-smoothing:antialiased;letter-spacing:.01em}
.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.7;background-image:linear-gradient(rgba(64,243,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(64,243,255,.055) 1px,transparent 1px);background-size:54px 54px;mask:radial-gradient(78% 72% at 50% 46%,#000 30%,transparent 100%)}
.scan{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.42;background:linear-gradient(rgba(64,243,255,0) 0%,rgba(64,243,255,.04) 50%,rgba(64,243,255,0) 100%);background-size:100% 9px;animation:scan 7s linear infinite}.ambient{position:fixed;border-radius:50%;filter:blur(42px);pointer-events:none}.a1{width:28vw;height:28vw;left:36%;top:24%;background:rgba(46,221,255,.12)}.a2{width:22vw;height:22vw;right:4%;bottom:6%;background:rgba(255,182,72,.075)}@keyframes scan{from{background-position:0 -100vh}to{background-position:0 100vh}}
.topbar{position:relative;z-index:2;height:220px;padding:18px 28px 12px;display:grid;grid-template-columns:112px minmax(0,1fr) minmax(390px,520px);align-items:center;gap:20px;border-bottom:1px solid rgba(64,243,255,.08)}
.sigil{width:92px;height:92px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 26px rgba(64,243,255,.55),inset 0 0 34px rgba(64,243,255,.12);position:relative}.sigil:before,.sigil:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(232,251,255,.5)}.sigil:before{inset:16px}.sigil:after{inset:30px;border-style:solid;opacity:.55}.sigil span{width:28px;height:28px;border-radius:50%;background:var(--cyan);box-shadow:0 0 25px var(--cyan)}
.brandlock{min-width:0;overflow:hidden}.overline{font-family:var(--mono);font-size:13px;letter-spacing:.52em;text-transform:uppercase;color:var(--amber);text-shadow:0 0 14px rgba(255,182,72,.5);white-space:nowrap}.mega{font-size:clamp(58px,6vw,108px);font-weight:700;line-height:.9;letter-spacing:.42em;text-indent:.03em;white-space:nowrap;color:#eaffff;text-shadow:0 0 28px rgba(64,243,255,.45)}
.pills{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.pill{height:46px;border:1px solid rgba(64,243,255,.18);border-radius:28px;background:rgba(4,13,20,.72);display:flex;align-items:center;gap:14px;padding:0 20px;font-family:var(--disp);color:var(--mut);box-shadow:inset 0 0 20px rgba(64,243,255,.04),0 0 28px rgba(64,243,255,.08);white-space:nowrap;overflow:hidden}.pill span{overflow:hidden;text-overflow:ellipsis}.pill i{width:13px;height:13px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);flex:0 0 auto}.pill.ok i{background:var(--green);box-shadow:0 0 16px var(--green)}.pill.warn i{background:var(--amber);box-shadow:0 0 16px var(--amber)}
.hud{position:relative;z-index:1;height:calc(100% - 220px);display:grid;grid-template-columns:370px 1fr 430px;gap:18px;padding:14px}.col{display:flex;flex-direction:column;min-height:0}.glass{background:linear-gradient(180deg,rgba(7,24,36,.72),rgba(3,13,20,.54));border:1px solid var(--edge);border-radius:28px;box-shadow:0 0 45px rgba(64,243,255,.08),inset 0 0 55px rgba(64,243,255,.035);backdrop-filter:blur(12px);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(64,243,255,.18),transparent 24%,transparent 72%,rgba(255,182,72,.08))}.left,.right{padding:20px}.left{overflow:auto}.center{gap:18px;align-items:center}.colhead{margin-bottom:18px}.colhead.row{display:flex;align-items:baseline;justify-content:space-between}.h{font-weight:700;font-size:30px;line-height:1.02;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 18px rgba(64,243,255,.5)}.h.sm{font-size:25px}.sub,.lbl,.log-lbl,.rhead span:first-child{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}.sub{margin-top:10px;color:var(--dim)}.live{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--cyan2)}.live:before{content:"◍ ";color:var(--green);animation:blink 1.4s steps(1) infinite}@keyframes blink{50%{opacity:.25}}
.cmds{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cmd{text-align:left;cursor:pointer;padding:17px 16px;border-radius:18px;background:rgba(5,18,28,.72);border:1px solid rgba(64,243,255,.18);color:var(--ink);font-family:var(--disp);transition:.18s;position:relative;overflow:hidden}.cmd:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(64,243,255,.16),transparent 65%);transform:translateX(-120%);transition:.6s}.cmd:hover{border-color:var(--edge-2);transform:translateY(-1px);box-shadow:0 0 26px rgba(64,243,255,.18)}.cmd:hover:after{transform:translateX(120%)}.cmd.armed{border-color:var(--cyan);background:rgba(64,243,255,.1);box-shadow:0 0 30px rgba(64,243,255,.28)}.cmd b{display:block;font-family:var(--mono);font-size:16px;color:var(--cyan)}.cmd span{display:block;margin-top:7px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.toolrack{margin-top:20px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-height:112px;overflow:auto}.chip{font-family:var(--mono);font-size:10px;color:var(--cyan);border:1px solid rgba(64,243,255,.22);background:rgba(64,243,255,.07);border-radius:999px;padding:6px 9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.ghost{color:var(--dim)}.uplink{margin-top:auto}.field{margin-top:10px;border:1px solid var(--edge);border-radius:22px;background:rgba(3,14,22,.68);padding:4px;transition:.2s}.field:focus-within{border-color:var(--cyan);box-shadow:0 0 32px rgba(64,243,255,.18)}#input{width:100%;resize:none;background:transparent;border:0;outline:0;color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.6;padding:14px 15px}#input::placeholder{color:var(--faint)}.tip{font-family:var(--mono);font-size:10px;color:var(--dim);line-height:1.6;margin:12px 0 0}.tip b{color:var(--amber)}
.reactor{position:relative;width:min(39vh,500px);aspect-ratio:1;display:grid;place-items:center}.reactor:before{content:"01 TOP CHANNELS";position:absolute;left:-42px;top:40%;z-index:4;font-family:var(--mono);font-size:18px;letter-spacing:.18em;color:var(--cyan);background:rgba(4,12,20,.86);border:1px solid rgba(64,243,255,.15);border-radius:10px;padding:14px 22px;box-shadow:0 0 24px rgba(64,243,255,.15)}#core{width:100%;height:100%;overflow:visible}.ring{fill:none;stroke:rgba(64,243,255,.16);stroke-width:1}.rr2{stroke-dasharray:2 10;transform-origin:260px 260px;animation:spin 42s linear infinite}.rr3{stroke-dasharray:1 8;transform-origin:260px 260px;animation:spin 30s linear reverse infinite}.rr4{stroke:rgba(255,182,72,.18)}@keyframes spin{to{transform:rotate(360deg)}}.arcA{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;opacity:.9;stroke-dasharray:190 1220;transform-origin:260px 260px;animation:spin 12s linear infinite}.arcB{fill:none;stroke:var(--amber);stroke-width:2;stroke-linecap:round;opacity:.62;stroke-dasharray:94 1086;transform-origin:260px 260px;animation:spin 8s linear reverse infinite}.arcC{fill:none;stroke:var(--violet);stroke-width:1.6;stroke-linecap:round;opacity:.5;stroke-dasharray:72 870;transform-origin:260px 260px;animation:spin 17s linear infinite}#ticks480 line{stroke:rgba(64,243,255,.42);stroke-width:1.3}#ticks480 line.maj{stroke:rgba(232,251,255,.86);stroke-width:2}.comet{fill:none;stroke:rgba(64,243,255,.55);stroke-width:1.5;stroke-linecap:round}.orb{transform-origin:260px 260px;animation:orbpulse 3.8s ease-in-out infinite}@keyframes orbpulse{50%{transform:scale(1.06)}}.orbrim{fill:none;stroke:rgba(232,251,255,.78);stroke-width:1.5;transform-origin:260px 260px;animation:orbpulse 3.8s ease-in-out infinite}.status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;mix-blend-mode:screen}.stbrand{font-family:var(--mono);font-size:12px;letter-spacing:.42em;color:var(--cyan2);margin-bottom:9px;text-indent:.42em}.stword{font-size:clamp(26px,4vw,46px);letter-spacing:.3em;text-indent:.3em;color:#effcff;text-shadow:0 0 28px rgba(64,243,255,.9)}.strun{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--cyan2);margin-top:9px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.running .arcA{animation-duration:2.3s}body.running .orb{animation-duration:1.2s}body.speaking .arcB{animation-duration:1.8s;stroke:var(--violet)}body.done .stword{color:var(--green);text-shadow:0 0 28px rgba(57,245,166,.8)}body.error .stword{color:var(--red);text-shadow:0 0 28px rgba(255,93,108,.8)}body.listening .stword{color:var(--cyan)}
.response{width:100%;max-width:780px;flex:1 1 150px;min-height:138px;display:flex;flex-direction:column;border-radius:24px}.rhead{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--edge)}.rtag{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.16em;padding:5px 10px;border-radius:999px;color:var(--dim);border:1px solid var(--faint)}.rtag.run{color:var(--cyan);border-color:var(--edge-2);background:rgba(64,243,255,.08);animation:blink 1.2s steps(1) infinite}.rtag.done{color:var(--green);border-color:rgba(57,245,166,.45)}.rtag.err{color:var(--red);border-color:rgba(255,93,108,.45)}.rbody{flex:1;overflow:auto;padding:18px 20px;font-size:15px;line-height:1.62;white-space:pre-wrap}.rplaceholder{color:var(--faint);font-family:var(--mono);font-size:12px}.cur{display:inline-block;width:8px;height:16px;background:var(--cyan);vertical-align:-3px;margin-left:1px;box-shadow:0 0 10px var(--cyan);animation:blink 1s steps(1) infinite}
.missionbar{width:100%;max-width:780px;display:flex;gap:8px;padding:10px;border-radius:22px}.ctl{cursor:pointer;font-family:var(--mono);font-weight:700;font-size:10px;letter-spacing:.08em;padding:11px 10px;border-radius:15px;border:1px solid var(--edge);background:rgba(5,18,28,.75);color:var(--ink);transition:.16s}.ctl:hover{border-color:var(--edge-2);box-shadow:0 0 24px rgba(64,243,255,.14)}.ctl.mic{color:var(--cyan)}.ctl.mic.on{background:rgba(255,93,108,.13);border-color:var(--red);color:var(--red);animation:recpulse 1.3s ease-in-out infinite}@keyframes recpulse{50%{box-shadow:0 0 30px rgba(255,93,108,.28)}}.ctl.run{flex:1;background:linear-gradient(180deg,rgba(64,243,255,.22),rgba(64,243,255,.06));border-color:var(--cyan);box-shadow:0 0 26px rgba(64,243,255,.14)}.ctl.aux{color:var(--mut)}.ctl.mute.off{opacity:.45}
.sysgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:18px;background:var(--edge);border:1px solid var(--edge);border-radius:18px;overflow:hidden}.sysrow{background:rgba(5,18,28,.78);padding:10px 13px;display:flex;flex-direction:column;gap:4px}.sysrow span{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.sysrow b{font-family:var(--mono);font-size:11px;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sysrow b.ok{color:var(--green)}.sysrow b.warn{color:var(--amber)}.missionPanel{margin-bottom:18px}.miniBtns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-top:10px}.miniBtns button{cursor:pointer;border:1px solid rgba(64,243,255,.2);border-radius:12px;background:rgba(64,243,255,.06);color:var(--cyan);font-family:var(--mono);font-size:10px;padding:9px 5px}.log{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;font-family:var(--mono);padding-right:4px;margin-top:12px}.entry{border-left:2px solid var(--faint);padding-left:12px;animation:slidein .28s ease-out}@keyframes slidein{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}.entry .top{display:flex;gap:9px;align-items:baseline;font-size:11px}.entry .ts{color:var(--dim)}.entry .kind{font-weight:700;letter-spacing:.1em}.entry .msg{color:var(--mut);font-size:12px;line-height:1.55;margin-top:4px}.k-run{border-color:var(--cyan)}.k-run .kind{color:var(--cyan)}.k-status,.k-voice{border-color:var(--cyan2)}.k-status .kind,.k-voice .kind{color:var(--cyan2)}.k-reason{border-color:var(--violet)}.k-reason .kind{color:var(--violet)}.k-tool,.k-command{border-color:var(--amber)}.k-tool .kind,.k-command .kind{color:var(--amber)}.k-complete,.k-send{border-color:var(--green)}.k-complete .kind,.k-send .kind{color:var(--green)}.k-error{border-color:var(--red)}.k-error .kind{color:var(--red)}.k-note,.k-latency{border-color:var(--faint)}.k-note .kind,.k-latency .kind{color:var(--dim)}.jsonblk{margin-top:8px;padding:11px 13px;border:1px solid var(--edge);border-radius:14px;background:rgba(3,18,26,.6);font-size:11px;line-height:1.65;color:var(--mut);white-space:pre}.jsonblk .k{color:var(--cyan2)}.jsonblk .v{color:var(--cyan)}.brandmark{position:fixed;right:22px;bottom:10px;z-index:5;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:rgba(64,243,255,.22);pointer-events:none}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--edge);border-radius:10px}
@media (max-width:1320px){.topbar{height:116px;grid-template-columns:96px 1fr}.pills{display:none}.sigil{width:86px;height:86px}.hud{height:calc(100% - 116px);grid-template-columns:320px 1fr 360px;gap:14px;padding:14px}.left,.right{padding:20px}.mega{font-size:64px}.reactor:before{display:none}.ctl.run{min-width:150px}.cmds{gap:10px}.cmd{padding:14px 12px}.ctl.mute,#clearBtn{display:none}}