*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020c12;--bg2:#041018;--bg3:#04141ee0;--teal:#00e5d4;--teal2:#00b8aa;--teal3:#007a6e;--teal-dim:#00e5d41a;--teal-glow:#00e5d44d;--cyan:#22d3ee;--text1:#c8f0ec;--text2:#5a9e96;--text3:#2a5a54;--border:#00e5d426;--border2:#00e5d459;--mono:"Share Tech Mono", monospace;--success:#34d399;--warn:#f59e0b;--danger:#f87171}body{background:var(--bg);color:var(--text1);height:100vh;font-family:Inter,sans-serif;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#00e5d40d 1px,#0000 1px),radial-gradient(circle,#ffffff05 1px,#0000 1px);background-position:0 0,11px 11px;background-size:60px 60px,23px 23px;position:fixed;inset:0}.login-wrap{z-index:1;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.login-box{border:1px solid var(--border2);text-align:center;background:#020f16f2;border-radius:4px;width:360px;padding:40px 36px;box-shadow:0 0 60px #00e5d41a}.login-logo{letter-spacing:.35em;color:var(--teal);text-shadow:0 0 30px var(--teal-glow);margin-bottom:6px;font-family:Orbitron,monospace;font-size:28px;font-weight:700}.login-sub{font-family:var(--mono);color:var(--text3);letter-spacing:.2em;margin-bottom:32px;font-size:9px}.login-label{font-family:var(--mono);color:var(--text2);letter-spacing:.15em;text-align:left;margin-bottom:6px;font-size:9px}.login-input{border:1px solid var(--border);width:100%;color:var(--text1);font-family:var(--mono);letter-spacing:.1em;background:#000f16e6;border-radius:3px;outline:none;margin-bottom:16px;padding:10px 14px;font-size:13px;transition:border-color .2s}.login-input:focus{border-color:var(--teal2);box-shadow:0 0 15px #00e5d41a}.login-btn{background:linear-gradient(135deg,var(--teal3),var(--teal2));color:#001a18;width:100%;font-family:var(--mono);letter-spacing:.2em;cursor:pointer;border:none;border-radius:3px;padding:11px;font-size:11px;font-weight:700;transition:all .2s}.login-btn:hover{filter:brightness(1.15);box-shadow:0 0 20px var(--teal-glow)}.login-err{font-family:var(--mono);color:var(--danger);letter-spacing:.1em;margin-top:10px;font-size:10px}.app{z-index:1;grid-template-rows:44px 1fr 32px;height:100vh;display:grid;position:relative}.topbar{border-bottom:1px solid var(--border);background:#020c12f7;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.tb-left{align-items:center;gap:16px;display:flex}.tb-logo{letter-spacing:.3em;color:var(--teal);text-shadow:0 0 20px var(--teal-glow);font-family:Orbitron,monospace;font-size:14px;font-weight:700}.tb-tag{font-family:var(--mono);color:var(--text3);letter-spacing:.12em;font-size:9px}.tb-center{align-items:center;gap:10px;display:flex}.pill{border:1px solid var(--border);font-family:var(--mono);color:var(--text2);background:var(--teal-dim);letter-spacing:.1em;border-radius:2px;align-items:center;gap:5px;padding:2px 10px;font-size:9px;display:flex}.dot{background:var(--teal);width:5px;height:5px;box-shadow:0 0 6px var(--teal);border-radius:50%;animation:2s infinite blink}.dot.warn{background:var(--warn);box-shadow:0 0 6px var(--warn)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.tb-right{align-items:center;gap:14px;display:flex}.tb-clock{color:var(--teal);letter-spacing:.15em;opacity:.8;font-family:Orbitron,monospace;font-size:12px}.tb-date{font-family:var(--mono);color:var(--text3);letter-spacing:.1em;font-size:9px}.logout-btn{font-family:var(--mono);color:var(--text3);letter-spacing:.1em;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:2px;padding:2px 10px;font-size:9px;transition:all .15s}.logout-btn:hover{color:var(--teal);border-color:var(--border2)}.main{grid-template-columns:260px 1fr 280px;display:grid;overflow:hidden}.panel{background:var(--bg3);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;display:flex;overflow:hidden}.panel:last-child{border-right:none;border-left:1px solid var(--border)}.panel-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px 8px;display:flex}.panel-title{font-family:var(--mono);letter-spacing:.25em;color:var(--teal);text-transform:uppercase;font-size:9px}.panel-id{font-family:var(--mono);color:var(--text3);font-size:8px}.panel-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:12px 14px;overflow-y:auto}.sys-row{font-family:var(--mono);border-bottom:1px solid #00e5d40d;justify-content:space-between;align-items:center;padding:5px 0;font-size:10px;display:flex}.sys-key{color:var(--text3);letter-spacing:.08em}.sys-val{color:var(--teal)}.sys-val.dim{color:var(--text2)}.sys-val.warn{color:var(--warn)}.sys-val.off{color:var(--text3)}.bar-track{background:#00e5d41a;border-radius:1px;height:2px;margin-top:3px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,var(--teal3),var(--teal));height:100%;box-shadow:0 0 6px var(--teal-glow)}.sec-head{font-family:var(--mono);letter-spacing:.2em;color:var(--text3);text-transform:uppercase;border-bottom:1px solid var(--border);margin:14px 0 6px;padding-bottom:4px;font-size:8px}.telem{font-family:var(--mono);color:var(--text2);letter-spacing:.04em;font-size:9px;line-height:1.8}.telem .ts{color:var(--text3)}.telem .ok{color:var(--teal)}.telem .wn{color:var(--warn)}.qa-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;display:grid}.qa{border:1px solid var(--border);text-align:center;cursor:pointer;background:#00e5d408;border-radius:3px;padding:10px 8px;transition:all .15s}.qa:hover{border-color:var(--border2);background:var(--teal-dim);transform:translateY(-1px)}.qa-icon{margin-bottom:3px;font-size:15px;display:block}.qa-lbl{font-family:var(--mono);color:var(--text2);letter-spacing:.08em;font-size:9px}.centre{flex-direction:column;align-items:center;gap:10px;padding:16px 20px 12px;display:flex;position:relative;overflow:hidden}.hud-strip{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;display:flex}.hud-label{font-family:var(--mono);color:var(--text3);letter-spacing:.2em;text-transform:uppercase;font-size:8px}.hud-val{color:var(--teal);letter-spacing:.1em;font-family:Orbitron,monospace;font-size:11px}.orb-wrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.orb-halo{pointer-events:none;background:radial-gradient(circle,#00b4a021 0%,#0000 65%);border-radius:50%;width:340px;height:340px;animation:4s ease-in-out infinite halo;position:absolute}@keyframes halo{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}#orbCanvas{z-index:2;filter:drop-shadow(0 0 16px #00e5d4a6)drop-shadow(0 0 35px #00b4a04d);position:relative}.serina-out{text-align:center;flex-shrink:0;max-width:480px}.serina-name{color:var(--teal);letter-spacing:.3em;opacity:.8;margin-bottom:5px;font-family:Orbitron,monospace;font-size:9px}.serina-text{font-family:var(--mono);color:var(--text2);letter-spacing:.04em;min-height:22px;font-size:11px;line-height:1.8}.serina-text.typing:after{content:"▋";animation:.8s infinite blink}.stats-box{border:1px solid var(--border2);background:#00141ed9;border-radius:3px;flex-shrink:0;width:100%;padding:10px 14px}.stats-box-head{justify-content:space-between;margin-bottom:8px;display:flex}.stats-box-title{font-family:var(--mono);color:var(--teal);letter-spacing:.2em;font-size:9px}.stats-box-sub{font-family:var(--mono);color:var(--text3);letter-spacing:.1em;font-size:8px}.stats-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat-lbl{font-family:var(--mono);color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:8px}.stat-num{color:var(--teal);text-shadow:0 0 12px var(--teal-glow);font-family:Orbitron,monospace;font-size:16px;font-weight:600}.stat-num.sm{padding-top:3px;font-size:11px}.stat-unit{font-family:var(--mono);color:var(--text2);font-size:8px}.input-wrap{flex-shrink:0;width:100%}.input-row{border:1px solid var(--border);background:#000f16e6;border-radius:3px;align-items:center;gap:8px;padding:8px 12px;transition:border-color .2s;display:flex}.input-row:focus-within{border-color:var(--teal2);box-shadow:0 0 18px #00e5d41f}.mic-btn{background:linear-gradient(135deg,var(--teal3),var(--teal));cursor:pointer;width:30px;height:30px;box-shadow:0 0 12px var(--teal-glow);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex}.mic-btn:hover{box-shadow:0 0 20px var(--teal-glow);transform:scale(1.1)}.mic-btn.active{background:linear-gradient(135deg,#a00,red);animation:1s infinite pulse-mic;box-shadow:0 0 15px #f0505080}@keyframes pulse-mic{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.txt-in{color:var(--text1);font-family:var(--mono);letter-spacing:.06em;background:0 0;border:none;outline:none;flex:1;font-size:11px}.txt-in::placeholder{color:var(--text3)}.send-btn{background:var(--teal-dim);border:1px solid var(--border);color:var(--teal);cursor:pointer;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .15s;display:flex}.send-btn:hover{background:var(--teal3)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.wake-hint{font-family:var(--mono);color:var(--text3);text-align:center;letter-spacing:.12em;margin-top:5px;font-size:9px}.wake-hint span{color:var(--teal)}.tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.tab{text-align:center;font-family:var(--mono);color:var(--text3);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid #0000;flex:1;padding:8px;font-size:9px;transition:all .15s}.tab.active{color:var(--teal);border-bottom-color:var(--teal)}.msg{margin-bottom:12px}.msg-row{align-items:flex-start;gap:8px;display:flex}.msg-row.user{flex-direction:row-reverse}.avatar{background:var(--teal-dim);border:1px solid var(--border);width:22px;height:22px;font-family:var(--mono);color:var(--teal);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.avatar.ai{border-color:var(--teal2);background:#00e5d426}.bubble{max-width:190px;font-family:var(--mono);letter-spacing:.04em;border-radius:2px;padding:8px 10px;font-size:10px;line-height:1.6}.bubble.ai{border:1px solid var(--border);color:var(--text2);background:#00141ed9;border-top-left-radius:0}.bubble.user{border:1px solid var(--teal3);color:var(--text1);background:#00645a4d;border-top-right-radius:0}.msg-ts{font-family:var(--mono);color:var(--text3);margin-top:3px;padding:0 2px;font-size:8px}.msg-row.user .msg-ts{text-align:right}.obj-item{border-bottom:1px solid #00e5d40f;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.obj-time{font-family:var(--mono);color:var(--teal);min-width:38px;font-size:9px}.obj-bar{background:var(--teal);width:2px;min-height:14px;box-shadow:0 0 4px var(--teal-glow);flex-shrink:0;margin-top:2px}.obj-bar.warn{background:var(--warn);box-shadow:0 0 4px #f59e0b66}.obj-bar.off{background:var(--text3);box-shadow:none}.obj-title{font-family:var(--mono);color:var(--text1);font-size:10px}.obj-sub{font-family:var(--mono);color:var(--text3);margin-top:2px;font-size:9px}.bottombar{border-top:1px solid var(--border);font-family:var(--mono);color:var(--text3);letter-spacing:.08em;background:#020a10fa;justify-content:space-between;align-items:center;padding:0 20px;font-size:9px;display:flex}.bb-metrics{gap:22px;display:flex}.bb-m{align-items:center;gap:6px;display:flex}.bb-k{color:var(--text3)}.bb-v{color:var(--text2)}.bb-v.hi{color:var(--teal)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:1px}@media (width<=768px){.main{grid-template-columns:1fr}.panel:not(.panel-centre-wrap),.tb-tag{display:none}.stats-row{grid-template-columns:repeat(2,1fr)}#orbCanvas{width:220px!important;height:220px!important}.orb-halo{width:240px;height:240px}}