*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000;--cyan: #00e5ff;--cyan-dim: #4fc3f7;--white: #fff;--gold: #ffc300;--green: #00ff7f;--red: #ff3b30;--chrome: #00e5ff;--glow-cy: 0 0 6px #00e5ff, 0 0 14px rgba(0,229,255,.6);--glow-go: 0 0 6px #ffc300, 0 0 14px rgba(255,195,0,.6);--glow-gn: 0 0 6px #00ff7f, 0 0 14px rgba(0,255,127,.6);--glow-rd: 0 0 6px #ff3b30, 0 0 14px rgba(255,59,48,.6);--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--geo: system-ui, -apple-system, "Segoe UI", Arial, sans-serif}html,body{width:100%;height:100%;background:var(--bg);color:var(--white);font-family:var(--geo);font-weight:700;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono)}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:40px 1fr 40px;grid-template-rows:60px 1fr 60px;grid-template-areas:"top    top     top" "left   center  right" "bottom bottom  bottom";width:100%;height:100%;max-width:600px;max-height:600px;margin:0 auto;background:var(--bg);overflow:hidden}.hud-bar{display:flex;align-items:center;gap:14px;padding:0 12px;font-size:14px;letter-spacing:.12em;color:var(--cyan);text-shadow:var(--glow-cy)}#hud-top{grid-area:top;border-bottom:1px solid rgba(0,229,255,.35);box-shadow:0 1px #00e5ff26,0 0 12px #00e5ff1a;justify-content:space-between}#hud-top #hud-time{font-size:18px;color:var(--white);text-shadow:var(--glow-cy)}#hud-top #hud-locale{font-size:12px;color:var(--cyan-dim);flex:1;text-align:center;opacity:.85}#hud-top #hud-link{font-size:12px;color:var(--cyan);display:inline-flex;align-items:center;gap:6px}.led{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:var(--glow-cy)}.led[data-mode=BOOT]{background:var(--cyan-dim)}.led[data-mode=READY]{background:var(--green);box-shadow:var(--glow-gn)}.led[data-mode=THINK],.led[data-mode=LISTEN]{background:var(--gold);box-shadow:var(--glow-go);animation:blink .8s steps(2,end) infinite}.led[data-mode=SPEAK]{background:var(--cyan);box-shadow:var(--glow-cy);animation:blink .5s steps(2,end) infinite}.led[data-mode=ERROR]{background:var(--red);box-shadow:var(--glow-rd);animation:blink .4s steps(2,end) infinite}.link-dot{width:8px;height:8px;background:var(--green);box-shadow:var(--glow-gn)}.link-dot.offline{background:var(--red);box-shadow:var(--glow-rd);animation:blink .6s steps(2,end) infinite}#hud-bottom{grid-area:bottom;border-top:1px solid rgba(0,229,255,.35);box-shadow:0 -1px #00e5ff26,0 0 12px #00e5ff1a;justify-content:space-around;font-size:11px;color:var(--cyan-dim);text-shadow:var(--glow-cy)}.hint{white-space:nowrap}.hint b{color:var(--white);letter-spacing:.18em}.hud-rail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 4px;font-family:var(--mono)}#hud-left{grid-area:left;border-right:1px solid rgba(0,229,255,.22)}#hud-right{grid-area:right;border-left:1px solid rgba(0,229,255,.22)}#agent-list{list-style:none;display:flex;flex-direction:column;gap:14px;width:100%;align-items:center}#agent-list li{font-size:9px;letter-spacing:.12em;color:#00e5ff59;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default}#agent-list li .agent-dot{width:8px;height:8px;border-radius:50%;background:#00e5ff40;border:1px solid rgba(0,229,255,.4);transition:all .18s ease}#agent-list li.active{color:var(--white);text-shadow:var(--glow-cy)}#agent-list li.active .agent-dot{background:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-cy);animation:pulseDot 1.4s ease-in-out infinite}.vital{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--cyan-dim);font-size:9px;letter-spacing:.1em}.vital-label{color:var(--cyan);text-shadow:var(--glow-cy)}.vital-bar{position:relative;width:6px;height:60px;background:#00e5ff1a;border:1px solid rgba(0,229,255,.35);overflow:hidden}.vital-bar span{position:absolute;left:0;right:0;bottom:0;display:block;background:var(--cyan);box-shadow:var(--glow-cy);height:30%;transition:height .22s ease-out}.vital-num{color:var(--white);font-size:10px;text-shadow:var(--glow-cy);min-height:12px}#hud-center{grid-area:center;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}#arc-reactor{position:absolute;width:320px;height:320px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(0,229,255,.7)) drop-shadow(0 0 22px rgba(0,229,255,.45));pointer-events:none;opacity:.95}#arc-reactor #ar-ring-outer{transform-origin:100px 100px;animation:spin 12s linear infinite}#arc-reactor #ar-ring-mid{transform-origin:100px 100px;animation:spinrev 8s linear infinite}#arc-reactor #ar-sweep{transform-origin:100px 100px;animation:spin 4s linear infinite;opacity:0;transition:opacity .2s}#arc-reactor #ar-core-dot{animation:pulseCore 2.2s ease-in-out infinite;transform-origin:100px 100px}#app[data-mode=THINK] #arc-reactor #ar-ring-outer{animation-duration:3s}#app[data-mode=THINK] #arc-reactor #ar-ring-mid{animation-duration:2s}#app[data-mode=THINK] #arc-reactor #ar-sweep{opacity:1}#app[data-mode=SPEAK] #arc-reactor #ar-ring-outer{animation-duration:6s}#app[data-mode=SPEAK] #arc-reactor #ar-ring-mid{animation-duration:4s}#app[data-mode=SPEAK] #arc-reactor{filter:drop-shadow(0 0 8px var(--cyan)) drop-shadow(0 0 28px rgba(0,229,255,.55))}#app[data-mode=ERROR] #arc-reactor{filter:drop-shadow(0 0 8px var(--red)) drop-shadow(0 0 28px rgba(255,59,48,.55));opacity:.5}#app[data-mode=ERROR] #arc-reactor circle,#app[data-mode=ERROR] #arc-reactor line{stroke:var(--red)!important}#app[data-mode=ERROR] #arc-reactor #ar-core-dot{fill:var(--red)}#stage-text{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center;pointer-events:none}#screen{font-family:var(--geo);font-weight:800;font-size:30px;line-height:1.1;letter-spacing:.04em;color:var(--cyan);text-shadow:var(--glow-cy);padding:0 16px;max-width:460px;min-height:36px;word-break:break-word}#stage-sub{font-size:11px;letter-spacing:.22em;color:var(--cyan-dim);text-shadow:var(--glow-cy);min-height:14px;opacity:.85}#app[data-mode=READY] #screen{color:var(--green);text-shadow:var(--glow-gn);font-size:36px}#app[data-mode=THINK] #screen,#app[data-mode=LISTEN] #screen{color:var(--gold);text-shadow:var(--glow-go)}#app[data-mode=SPEAK] #screen{color:var(--cyan);text-shadow:var(--glow-cy)}#app[data-mode=ERROR] #screen{color:var(--red);text-shadow:var(--glow-rd)}#screen .tok{display:inline-block;animation:tokpop .12s ease-out 1}#app[data-mode=ERROR] #stage-text:before{content:"▲";display:block;color:var(--red);text-shadow:var(--glow-rd);font-size:42px;margin-bottom:6px;animation:blink .6s steps(2,end) infinite}#scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:linear-gradient(to bottom,transparent 0%,rgba(0,229,255,.04) 48%,rgba(0,229,255,.1) 50%,rgba(0,229,255,.04) 52%,transparent 100%);background-size:100% 220px;background-repeat:no-repeat;animation:scan 4.5s linear infinite;opacity:.6;mix-blend-mode:screen}#sweep-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(circle at center,rgba(0,229,255,.45) 0%,rgba(0,229,255,.15) 30%,transparent 60%);opacity:0;transform:scale(.2)}#sweep-fx.fire{animation:sweep .6s ease-out 1}#app[data-display=MINIMAL] #hud-top,#app[data-display=MINIMAL] #hud-bottom,#app[data-display=MINIMAL] #hud-left,#app[data-display=MINIMAL] #hud-right{opacity:0;pointer-events:none}#app[data-display=VITALS] #screen{font-size:22px;opacity:.85}#app[data-display=VITALS] #hud-right{opacity:1}#app[data-display=VITALS] #hud-left{opacity:.55}#glance-zone{position:fixed;left:60px;right:60px;bottom:80px;padding:12px 16px;background:#000;border:1px solid var(--gold);box-shadow:var(--glow-go);color:var(--gold);text-shadow:var(--glow-go);font-size:20px;font-weight:800;letter-spacing:.06em;text-align:center;z-index:20;animation:glanceIn .24s ease-out 1}#glance-zone.out{animation:glanceOut .22s ease-in 1 forwards}#cloud-glyph{position:absolute;right:50px;top:22px;font-size:16px;color:var(--red);text-shadow:var(--glow-rd);z-index:10}#boot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;z-index:999;transition:opacity .6s ease-out}#boot-overlay.gone{opacity:0;pointer-events:none}#boot-rings{position:relative;width:220px;height:220px}#boot-rings .ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--cyan);border-radius:50%;box-shadow:var(--glow-cy);opacity:0;transform:scale(1.6);animation:bootRing 2.4s ease-out infinite}#boot-rings .ring:nth-child(2){animation-delay:.4s;border-color:var(--cyan-dim)}#boot-rings .ring:nth-child(3){animation-delay:.8s;border-color:var(--white)}#boot-rings:after{content:"";position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--white) 0%,var(--cyan) 35%,transparent 75%);box-shadow:0 0 30px var(--cyan),0 0 60px #00e5ff80;animation:pulseCore 1.4s ease-in-out infinite}#boot-title{font-family:var(--geo);font-weight:800;font-size:28px;letter-spacing:.32em;color:var(--white);text-shadow:var(--glow-cy);opacity:0;animation:fadeUp .8s ease-out .6s forwards}#boot-status{font-family:var(--mono);font-size:12px;letter-spacing:.28em;color:var(--cyan);text-shadow:var(--glow-cy);min-height:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinrev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulseCore{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@keyframes pulseDot{0%,to{transform:scale(1);box-shadow:0 0 6px var(--cyan),0 0 14px #00e5ff99}50%{transform:scale(1.25);box-shadow:0 0 10px var(--cyan),0 0 24px #00e5ffe6}}@keyframes blink{50%{opacity:.3}}@keyframes tokpop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scan{0%{background-position:0 -240px}to{background-position:0 100%}}@keyframes sweep{0%{opacity:0;transform:scale(.2)}40%{opacity:.9}to{opacity:0;transform:scale(2.2)}}@keyframes bootRing{0%{opacity:0;transform:scale(.2)}50%{opacity:1}to{opacity:0;transform:scale(1.6)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glanceIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glanceOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.pulse{animation:tokpop .3s ease-out 1}