:root{--bg: #0b0b12;--bg-soft: #14141d;--ink: #f2f0fa;--ink-dim: #a7a3c2;--accent: #8b7bff;--accent-hot: #b3a6ff;--live: #57e389;--danger: #ff7a7a;--glass: rgba(20, 20, 29, .72);--radius: 16px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#root{height:100dvh}.boot,.login{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:radial-gradient(120% 90% at 50% 10%,#171726 0%,var(--bg) 60%)}.login__title{font-size:44px;font-weight:700;letter-spacing:.04em;margin:8px 0 0}.login__sub{color:var(--ink-dim);margin:0 0 12px}.login__form{display:flex;gap:8px;width:min(320px,100%)}.login__input{flex:1;background:var(--bg-soft);border:1px solid rgba(139,123,255,.35);border-radius:var(--radius);color:var(--ink);font-size:17px;padding:14px 16px;outline:none}.login__input:focus{border-color:var(--accent)}.login__btn{background:var(--accent);border:none;border-radius:var(--radius);color:#0b0b12;font-size:17px;font-weight:700;padding:0 22px;cursor:pointer}.login__btn:disabled{opacity:.4}.login__error{color:var(--danger);font-size:14px;margin:0}.orb{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cfc6ff 0%,var(--accent) 38%,#3d3480 72%,#1c1838 100%);box-shadow:0 0 60px #8b7bff73,0 0 140px #8b7bff33,inset -12px -16px 40px #00000080;animation:orb-breathe 4s ease-in-out infinite}.orb--xl{width:min(62vw,300px);height:min(62vw,300px)}.orb--live{animation:orb-breathe 2.2s ease-in-out infinite,orb-pulse 1.6s ease-in-out infinite}.orb--pending{animation:orb-spin 1.4s linear infinite;opacity:.8}.login__orb{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cfc6ff 0%,var(--accent) 38%,#3d3480 72%,#1c1838 100%);box-shadow:0 0 60px #8b7bff73,0 0 140px #8b7bff33,inset -12px -16px 40px #00000080;animation:orb-breathe 4s ease-in-out infinite}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes orb-pulse{0%,to{box-shadow:0 0 60px #8b7bff73,0 0 140px #8b7bff33,inset -12px -16px 40px #00000080}50%{box-shadow:0 0 90px #8b7bffb3,0 0 180px #8b7bff59,inset -12px -16px 40px #00000080}}@keyframes orb-spin{0%{transform:rotate(0) scale(.96)}to{transform:rotate(360deg) scale(.96)}}.app{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 0%,#141422 0%,var(--bg) 55%);padding-top:var(--sat)}.app__header{display:flex;align-items:center;gap:12px;padding:12px 16px}.app__brand{display:flex;align-items:center;gap:10px;flex:1}.app__orb-mini{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cfc6ff 0%,var(--accent) 45%,#3d3480 100%);box-shadow:0 0 18px #8b7bff99}.app__title{font-size:20px;font-weight:700;letter-spacing:.05em}.app__status{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-dim);background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app__status-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-dim)}.app__status[data-state=connected] .app__status-dot{background:var(--live);box-shadow:0 0 8px var(--live)}.app__status[data-state=connecting] .app__status-dot{background:var(--accent-hot);animation:orb-breathe 1s ease-in-out infinite}.app__status[data-state=failed] .app__status-dot{background:var(--danger)}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:8px 16px}.stage__video{width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:var(--radius);background:#000}.stage__error{position:absolute;bottom:12px;left:16px;right:16px;margin:0;font-size:13px;color:var(--danger);background:#3c0c0cd9;border:1px solid rgba(255,122,122,.4);border-radius:12px;padding:10px 12px}.transcript{max-height:28dvh;overflow-y:auto;margin:0 12px;padding:8px 12px;background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:text;user-select:text}.transcript__empty{color:var(--ink-dim);font-size:14px;text-align:center;margin:8px 0}.transcript__msg{margin:8px 0}.transcript__msg p{margin:2px 0 0;font-size:15px;line-height:1.45}.transcript__role{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.transcript__msg--persona .transcript__role{color:var(--accent-hot)}.speak{display:flex;gap:8px;margin:8px 12px 0}.speak__input{flex:1;background:var(--bg-soft);border:1px solid rgba(139,123,255,.35);border-radius:var(--radius);color:var(--ink);font-size:16px;padding:12px 14px;outline:none;-webkit-user-select:text;user-select:text}.speak__input:focus{border-color:var(--accent)}.speak__btn{background:var(--accent);border:none;border-radius:var(--radius);color:#0b0b12;font-size:16px;font-weight:700;padding:0 20px;cursor:pointer}.speak__btn:disabled{opacity:.4}.settings{margin:8px 12px 0;padding:12px 14px;background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}.segmented{display:flex;background:var(--bg-soft);border-radius:12px;padding:3px}.segmented__btn{border:none;background:transparent;color:var(--ink-dim);font-size:14px;font-weight:600;padding:8px 16px;border-radius:9px;cursor:pointer}.segmented__btn--on{background:var(--accent);color:#0b0b12}.segmented__btn:disabled{opacity:.5}.settings__hint{font-size:12px;color:var(--ink-dim);margin:8px 0 0}.settings__logout{margin-top:10px;background:transparent;border:1px solid rgba(255,122,122,.4);color:var(--danger);border-radius:10px;font-size:14px;padding:8px 14px;cursor:pointer}.controls{display:flex;align-items:center;justify-content:space-around;padding:12px 16px calc(16px + var(--sab));background:linear-gradient(to top,rgba(11,11,18,.95),transparent)}.icon-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--glass);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:56px;height:56px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center}.icon-btn svg{width:24px;height:24px}.icon-btn:disabled{opacity:.35}.icon-btn--on{border-color:var(--accent);color:var(--accent-hot)}.icon-btn__label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.power-btn{width:84px;height:84px;border-radius:50%;border:none;background:linear-gradient(145deg,var(--accent),#6a5ae0);color:#0b0b12;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 28px #8b7bff73}.power-btn svg{width:36px;height:36px}.power-btn--live{background:linear-gradient(145deg,#ff8a8a,#e05a5a);box-shadow:0 6px 28px #ff7a7a73}.power-btn:active{transform:scale(.94)}@media(min-width:720px){.app{max-width:560px;margin:0 auto;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}}