*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #02060e;--surface: rgba(8, 20, 38, .65);--border: rgba(0, 212, 255, .18);--border-bright: rgba(0, 212, 255, .45);--accent: #6c63ff;--accent2: #00d4ff;--gold: #ffb347;--text: #cfeaff;--muted: #4a6a8a;--danger: #ff4d6d;--font-display: "Orbitron", system-ui, sans-serif;--font-body: "Rajdhani", system-ui, sans-serif}html,body,#root{height:100%}body{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(0,212,255,.1),transparent 60%),radial-gradient(ellipse 60% 40% at 50% 110%,rgba(108,99,255,.08),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(0,212,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.025) 1px,transparent 1px);background-size:44px 44px;z-index:0}.stage{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;overflow:hidden}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px)}.scanlines:after{content:"";position:absolute;left:0;right:0;height:160px;background:linear-gradient(180deg,transparent,rgba(0,212,255,.04),transparent);animation:scan-sweep 8s linear infinite}@keyframes scan-sweep{0%{top:-160px}to{top:100%}}.circuit{position:fixed;top:50%;transform:translateY(-50%);height:min(72vh,620px);width:auto;pointer-events:none;opacity:.5;z-index:0}.circuit--left{left:0}.circuit--right{right:0;transform:translateY(-50%) scaleX(-1)}.circuit-traces path{fill:none;stroke:#00d4ff4d;stroke-width:1;stroke-dasharray:6 3;animation:trace-drift 30s linear infinite}@keyframes trace-drift{to{stroke-dashoffset:-180}}.circuit-nodes circle{fill:var(--accent2);opacity:.7;animation:node-blink 4s ease-in-out infinite}.circuit-nodes circle:nth-child(2n){animation-delay:1.3s}.circuit-nodes circle:nth-child(3n){animation-delay:2.6s}@keyframes node-blink{0%,to{opacity:.25}50%{opacity:.9}}.circuit-rings circle{fill:none;stroke:#00d4ff59;stroke-width:1}.hud-top{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;z-index:5}.logo{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.45em;color:#00d4ffd9;text-shadow:0 0 14px rgba(0,212,255,.45)}.logo-j{font-size:1.15rem}.hud-actions{display:flex;gap:.5rem}.hud-btn{background:#00d4ff0a;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-family:var(--font-body);font-weight:600;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;padding:.32rem .9rem;cursor:pointer;transition:color .15s,border-color .15s,box-shadow .15s,background .15s}.hud-btn:hover{color:var(--accent2);border-color:var(--border-bright)}.hud-btn--on{color:var(--accent2);border-color:var(--border-bright);background:#00d4ff1a;box-shadow:0 0 12px #00d4ff33}.center{display:flex;flex-direction:column;align-items:center;gap:.9rem;z-index:1}.orb{position:relative;width:min(52vmin,430px);height:min(52vmin,430px)}.orb svg{position:relative;width:100%;height:100%;overflow:visible;z-index:1}.orb-halo{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,rgba(0,150,255,.14) 38%,rgba(0,100,255,.05) 62%,transparent 75%);filter:blur(14px);animation:halo-breathe 4.5s ease-in-out infinite}.orb-halo--2{top:26%;right:26%;bottom:26%;left:26%;background:radial-gradient(circle,rgba(140,220,255,.4) 0%,rgba(0,180,255,.16) 50%,transparent 72%);filter:blur(8px);animation-delay:-2.2s}@keyframes halo-breathe{0%,to{transform:scale(.97);opacity:.8}50%{transform:scale(1.05);opacity:1}}.orb--listening .orb-halo{animation-duration:1.6s}.orb--speaking .orb-halo{animation-duration:1.1s}.orb--thinking .orb-halo{background:radial-gradient(circle,rgba(130,110,255,.3) 0%,rgba(108,99,255,.12) 45%,transparent 72%)}.orb-ticks line{stroke:#00d4ff47;stroke-width:1}.orb-ticks{animation:spin 90s linear infinite;transform-box:fill-box;transform-origin:center}.orb-ring{fill:none;stroke:var(--accent2);stroke-width:1.2;transform-box:fill-box;transform-origin:center}.orb-ring--1{stroke-dasharray:90 450;opacity:.65;animation:spin 11s linear infinite}.orb-ring--2{stroke-dasharray:40 120 80 250;opacity:.4;animation:spin-rev 17s linear infinite}.orb-ring--3{stroke-dasharray:30 45;stroke-width:1.8;opacity:.55;animation:spin 7s linear infinite}.orb--thinking .orb-ring--1{animation-duration:1.6s;stroke:var(--accent)}.orb--thinking .orb-ring--2{animation-duration:2.4s;stroke:var(--accent)}.orb--thinking .orb-ring--3{animation-duration:1.1s}.orb--listening .orb-ring--1{animation-duration:4.5s}.orb--listening .orb-ring--3{animation-duration:2.8s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}.orb-bars line{stroke:var(--accent2);stroke-width:2;stroke-linecap:round;opacity:.8}.orb-glow{opacity:.3}.orb-core-group{transform-box:fill-box;transform-origin:center;transition:transform .06s linear}.orb-core{fill:#00d4ff1a;stroke:#a0e6ffe6;stroke-width:1.2}.orb-core-inner{fill:#bfeaff;opacity:.95;animation:core-breathe 3.4s ease-in-out infinite}@keyframes core-breathe{0%,to{opacity:.6}50%{opacity:1}}.orb--listening .orb-core-inner{animation-duration:1.1s}.orb--thinking .orb-core-inner{fill:var(--accent);animation-duration:.7s}.status{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:.6rem;font-weight:500;letter-spacing:.5em;padding-left:.5em;color:var(--muted);text-transform:uppercase}.status--listening,.status--speaking{color:var(--accent2);text-shadow:0 0 10px rgba(0,212,255,.5)}.status--thinking{color:var(--accent)}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:core-breathe 1.6s ease-in-out infinite}.caption{max-width:min(560px,86vw);min-height:3.2rem;text-align:center}.caption p{font-size:.92rem;line-height:1.55;color:#a0d2f0cc;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;animation:caption-in .4s ease-out}.caption-interim{color:var(--accent2)!important;font-style:italic;text-shadow:0 0 8px rgba(0,212,255,.4)}@keyframes caption-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dock{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.7rem;padding:0 1rem calc(1.4rem + env(safe-area-inset-bottom));z-index:5;width:min(520px,94vw)}.mic{flex-shrink:0;width:56px;height:56px;border-radius:50%;border:1px solid var(--border-bright);background:#020a14b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,box-shadow .15s,transform .1s}.mic:hover:not(:disabled){background:#00d4ff1f;box-shadow:0 0 18px #00d4ff59;transform:scale(1.05)}.mic.active{background:#00d4ff1f;box-shadow:0 0 0 6px #00d4ff14,0 0 24px #00d4ff73;animation:mic-pulse 1.6s ease-in-out infinite}.mic:disabled{opacity:.35;cursor:not-allowed}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 6px #00d4ff14,0 0 24px #00d4ff73}50%{box-shadow:0 0 0 12px #00d4ff0a,0 0 34px #00d4ffa6}}.text-form{flex:1;display:flex;gap:.5rem}.text-input{flex:1;background:#020a14b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:999px;padding:.62rem 1.2rem;color:var(--text);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .15s,box-shadow .15s}.text-input:focus{border-color:var(--border-bright);box-shadow:0 0 16px #00d4ff26}.text-input::placeholder{color:var(--muted)}.text-input:disabled{opacity:.4}.send-btn{background:#00d4ff1a;border:1px solid var(--border-bright);border-radius:50%;color:var(--accent2);font-size:1.05rem;width:42px;height:42px;align-self:center;cursor:pointer;transition:background .15s,box-shadow .15s}.send-btn:disabled{opacity:.3;cursor:not-allowed}.send-btn:hover:not(:disabled){background:#00d4ff33;box-shadow:0 0 12px #00d4ff4d}.dashboard{position:fixed;top:58px;bottom:92px;left:50%;transform:translate(-50%);width:min(1100px,96vw);display:flex;flex-direction:column;background:#030a14eb;border:1px solid var(--border-bright);box-shadow:0 0 40px #00d4ff26,inset 0 0 60px #00d4ff08;z-index:2;animation:dash-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes dash-in{0%{opacity:0;transform:translate(-50%) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.dash-head{display:flex;align-items:center;gap:1rem;padding:.55rem .9rem;border-bottom:1px solid var(--border);flex-shrink:0}.dash-title{font-family:var(--font-display);font-size:.6rem;font-weight:500;letter-spacing:.4em;color:var(--accent2);text-shadow:0 0 10px rgba(0,212,255,.4)}.dash-tabs{display:flex;gap:.35rem;margin-left:auto}.dash-tab{background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-family:var(--font-body);font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:.28rem .85rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.dash-tab:hover{color:var(--accent2);border-color:var(--border-bright)}.dash-tab--on{color:var(--accent2);border-color:var(--border-bright);background:#00d4ff1a;box-shadow:0 0 10px #00d4ff33}.dash-close{flex-shrink:0}.dash-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent;background:#fff}.dash-frame{display:block;width:100%;height:2600px;border:0}.panel-mode{display:flex;flex-direction:column;height:100vh;height:100dvh}.panel-head{display:flex;align-items:center;gap:1rem;padding:.5rem .9rem;border-bottom:1px solid var(--border);flex-shrink:0}.panel-auto{display:flex;align-items:center;gap:.45rem;margin-left:auto;font-family:var(--font-display);font-size:.55rem;letter-spacing:.3em;color:var(--muted)}.panel-auto--on{color:var(--accent2);text-shadow:0 0 8px rgba(0,212,255,.4)}.panel-mode .dash-scroll{flex:1}.transcript{position:fixed;top:60px;right:0;bottom:96px;width:320px;display:flex;flex-direction:column;background:linear-gradient(270deg,#040c18d9,#040c188c);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--border);transform:translate(100%);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s;z-index:3}.transcript--open{transform:translate(0);opacity:1}.transcript-head{font-family:var(--font-display);font-size:.55rem;font-weight:500;letter-spacing:.45em;color:var(--muted);padding:.9rem 1.1rem .6rem;border-bottom:1px solid var(--border)}.transcript-body{flex:1;overflow-y:auto;padding:.8rem 1.1rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.transcript-empty{color:var(--muted);font-size:.8rem;margin:auto}.entry{animation:caption-in .25s ease-out}.entry-label{display:block;font-family:var(--font-display);font-size:.5rem;font-weight:500;letter-spacing:.3em;color:var(--muted);margin-bottom:.15rem}.entry--user .entry-label{color:var(--gold)}.entry--assistant .entry-label{color:var(--accent2)}.entry p{font-size:.82rem;line-height:1.5;color:#bedcf5d9;white-space:pre-wrap;border-left:1px solid var(--border);padding-left:.6rem}.entry--user p{border-left-color:#ffb34766}.entry--assistant p{border-left-color:#00d4ff66}.dots{display:inline-flex;gap:5px;align-items:center;height:1rem;padding-left:.6rem}.dots span{width:5px;height:5px;border-radius:50%;background:var(--accent2);box-shadow:0 0 6px var(--accent2);animation:dot-bounce 1.2s infinite ease-in-out both}.dots span:nth-child(1){animation-delay:0s}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.lock-screen{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;z-index:1}.lock-screen .orb{width:min(58vmin,300px);height:min(58vmin,300px)}.lock-logo{font-size:1.5rem}.lock-logo .logo-j{font-size:1.8rem}.lock-hint{color:var(--muted);font-family:var(--font-display);font-size:.6rem;letter-spacing:.45em}.lock-form{display:flex;gap:.5rem;width:100%;max-width:320px}.lock-input{flex:1;text-align:center;letter-spacing:.25em}.lock-btn{flex-shrink:0}@media (max-width: 900px){.circuit{display:none}.dashboard{top:52px;bottom:88px;width:100vw}.dash-title{display:none}.transcript{top:56px;bottom:0;width:100%;border-left:none;background:#020810eb;z-index:6}}@media (max-width: 480px){.hud-top{padding:.9rem 1rem}.orb{width:min(72vmin,320px);height:min(72vmin,320px)}.caption p{font-size:.85rem}.mic{width:60px;height:60px}.text-input{font-size:16px}}@media (max-height: 640px){.orb{width:min(46vmin,260px);height:min(46vmin,260px)}.caption{min-height:2rem}.caption p{-webkit-line-clamp:2}}