:root{--bg:#050b12;--panel:rgba(9,22,34,.82);--line:rgba(63,211,255,.2);--cyan:#54dcff;--text:#e8f7ff;--muted:#7092a5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 35%,#092337 0,transparent 32%),radial-gradient(circle at 80% 0,#0b1b29 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,sans-serif}.grid{position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.shell{position:relative;max-width:1280px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.brand{display:flex;gap:14px;align-items:center}.mark,.avatar{display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);background:#071622;box-shadow:0 0 18px #54dcff22}.mark{width:42px;height:42px;clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%);font-weight:700;font-size:22px}.brand h1{font-size:18px;letter-spacing:.28em;margin:0}.brand p,.status{font-size:10px;letter-spacing:.2em;color:var(--muted);margin:5px 0 0}.status{display:flex;align-items:center;gap:9px}.status span:first-child{width:7px;height:7px;border-radius:50%;background:#ffc857;box-shadow:0 0 10px currentColor}.status.online span:first-child{background:#55ef9d}.layout{display:grid;grid-template-columns:290px 1fr;gap:32px;padding-top:30px}aside{border-right:1px solid var(--line);padding-right:30px}.orb-wrap{display:grid;place-items:center;padding:20px}.orb{width:150px;height:150px;border-radius:50%;border:1px solid var(--cyan);display:grid;place-items:center;box-shadow:0 0 25px #54dcff33,inset 0 0 35px #54dcff22;animation:pulse 3s ease-in-out infinite}.orb:before,.orb:after{content:"";position:absolute;width:180px;height:180px;border:1px dashed #54dcff55;border-radius:50%;animation:spin 18s linear infinite}.orb:after{width:125px;height:125px;animation-direction:reverse;animation-duration:10s}.orb-core{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#bdf4ff,#1a9dc5 35%,#062236 70%);box-shadow:0 0 35px var(--cyan)}@keyframes pulse{50%{transform:scale(1.035)}}@keyframes spin{to{transform:rotate(360deg)}}.time{text-align:center;font:300 38px/1 monospace;letter-spacing:.08em}.date{text-align:center;margin-top:8px;color:var(--muted);font-size:11px;letter-spacing:.14em}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;border-block:1px solid var(--line)}.metrics div{text-align:center;padding:15px 2px}.metrics span{display:block;color:var(--cyan);font-size:20px}.metrics small{font-size:8px;color:var(--muted)}.panel h2{font-size:10px;letter-spacing:.2em;color:var(--cyan)}.empty,.reminder{font-size:12px;color:var(--muted);padding:12px 0;border-bottom:1px solid #ffffff0c}.console{min-width:0;height:calc(100vh - 135px);display:flex;flex-direction:column}.messages{flex:1;overflow:auto;padding:8px 10px 30px}.message{display:flex;gap:14px;margin:18px 0;max-width:78%}.message.user{margin-left:auto;flex-direction:row-reverse}.avatar{flex:0 0 32px;height:32px;font-size:12px}.message small{color:var(--cyan);letter-spacing:.14em;font-size:9px}.message p{margin:6px 0;background:var(--panel);border:1px solid var(--line);padding:13px 16px;line-height:1.55;font-size:14px;white-space:pre-wrap;border-radius:0 12px 12px 12px}.message.user p{border-color:#ffffff14;background:#101b25;border-radius:12px 0 12px 12px}.typing{color:var(--muted);font-size:11px;margin:0 0 12px 8px}.hidden{display:none}form{display:flex;background:#07131e;border:1px solid var(--line);box-shadow:0 0 35px #0008}input{flex:1;border:0;outline:0;background:transparent;color:var(--text);padding:18px;font-size:14px}button{border:0;color:var(--cyan);background:transparent;cursor:pointer}#micButton{width:56px;border-right:1px solid var(--line)}#micButton.listening{background:#54dcff22;animation:pulse .7s infinite}.send{padding:0 22px;font-size:10px;letter-spacing:.16em;border-left:1px solid var(--line)}.send span{font-size:20px;vertical-align:-2px}.voice-toggle{color:var(--muted);font-size:10px;margin-top:10px;align-self:flex-end}.voice-toggle input{vertical-align:middle}@media(max-width:760px){.shell{padding:18px}.layout{grid-template-columns:1fr}aside{display:none}.console{height:calc(100vh - 105px)}.message{max-width:92%}.brand p{display:none}}
