.topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 40px 0}.topbar__title{display:flex;flex-direction:column;gap:4px}.topbar__title-main{font-family:var(--font-display);font-weight:900;font-size:1.6rem;letter-spacing:.25em;color:var(--cyan-soft);text-shadow:0 0 16px var(--cyan)}.topbar__title-sub{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.15em;color:var(--text-dim)}.agent-badge{display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;border:1px solid var(--cyan-dim);background:var(--bg-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.agent-badge__dot{width:8px;height:8px;border-radius:50%}.agent-badge--online{color:var(--green-ok);border-color:var(--green-ok)}.agent-badge--online .agent-badge__dot{background:var(--green-ok);box-shadow:0 0 8px var(--green-ok);animation:pulse-dot 2s ease-in-out infinite}.agent-badge--offline{color:var(--red-alert);border-color:var(--red-alert);opacity:.85}.agent-badge--offline .agent-badge__dot{background:var(--red-alert)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hud-core{position:relative;width:320px;height:320px;display:flex;align-items:center;justify-content:center}.hud-core__ring{position:absolute;border-radius:50%;border:1px solid var(--cyan-dim);box-shadow:0 0 24px -6px var(--cyan)}.hud-core__ring--outer{width:320px;height:320px;border-style:dashed;animation:spin 40s linear infinite;opacity:.5}.hud-core__ring--mid{width:260px;height:260px;border-top-color:var(--cyan);border-right-color:var(--cyan);animation:spin-reverse 18s linear infinite}.hud-core__ring--inner{width:190px;height:190px;border-bottom-color:var(--cyan);animation:spin 26s linear infinite;opacity:.8}.hud-core__canvas{position:relative;z-index:2}.hud-core__label{position:absolute;bottom:-34px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:.72rem;letter-spacing:.35em;color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.hud-core--processing .hud-core__ring--mid,.hud-core--processing .hud-core__label{border-top-color:var(--amber);border-right-color:var(--amber);color:var(--amber);text-shadow:0 0 10px var(--amber)}.hud-core--speaking .hud-core__ring--mid,.hud-core--speaking .hud-core__label{border-top-color:var(--blue);border-right-color:var(--blue);color:var(--blue);text-shadow:0 0 10px var(--blue)}.hud-core--standby .hud-core__ring--outer,.hud-core--standby .hud-core__ring--mid,.hud-core--standby .hud-core__ring--inner{opacity:.3;animation-play-state:paused}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.transcript{width:100%;max-width:560px;height:220px;border:1px solid var(--cyan-dim);background:var(--bg-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.transcript__header{padding:8px 14px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:var(--text-dim);border-bottom:1px solid var(--cyan-dim)}.transcript__body{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px;font-size:.85rem;line-height:1.4}.transcript__hint{color:var(--text-dim);font-style:italic}.transcript__line{display:flex;gap:10px}.transcript__tag{flex-shrink:0;width:60px;font-family:var(--font-display);font-size:.65rem;letter-spacing:.08em}.transcript__line--user .transcript__tag{color:var(--cyan-soft)}.transcript__line--assistant .transcript__tag{color:var(--amber)}.transcript__body::-webkit-scrollbar{width:6px}.transcript__body::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:3px}.app{height:100%;display:flex;flex-direction:column}.app__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;padding:20px}.app__mic-btn{background:transparent;border:1px solid var(--cyan);color:var(--cyan);font-family:var(--font-display);letter-spacing:.15em;font-size:.75rem;padding:12px 24px;border-radius:4px;cursor:pointer;transition:all .2s ease}.app__mic-btn:hover{background:var(--cyan-dim);box-shadow:0 0 18px var(--cyan)}.app__error{color:var(--red-alert);font-size:.8rem;border:1px solid var(--red-alert);padding:8px 14px;border-radius:4px;background:#ff4d4d14}.app__footer{text-align:center;padding:16px;font-size:.68rem;letter-spacing:.1em;color:var(--text-dim)}@media (max-width: 768px){.app__main{gap:24px;padding:16px 12px 24px}.app__mic-btn{width:100%;max-width:320px}}:root{--bg: #04070b;--bg-panel: #060f16cc;--cyan: #3ee6ff;--cyan-soft: #8ff3ff;--cyan-dim: #12414d;--blue: #0a84ff;--amber: #ffb020;--green-ok: #35ffb0;--red-alert: #ff4d4d;--text: #d7f6ff;--text-dim: #5c8494;--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 30%,#071620 0%,var(--bg) 70%);color:var(--text);font-family:var(--font-mono);overflow:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--cyan-dim);color:var(--cyan-soft)}button{font-family:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.hud-scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(to bottom,rgba(62,230,255,.025) 0px,rgba(62,230,255,.025) 1px,transparent 1px,transparent 3px);mix-blend-mode:screen}.hud-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:49;box-shadow:inset 0 0 18vw 2vw #000000d9}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}