:root{color-scheme:dark;font-family:SF Pro Text,PingFang TC,system-ui,sans-serif;--bg: #0a1520;--panel: rgba(14, 24, 38, .82);--accent: #4ecda7;--accent-soft: #6366f1;--accent-teal: #3eb489;--text: #f0f7ff;--muted: #94a8bc}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.companion-app{position:relative;width:100%;height:100%;min-height:100dvh}.stage-layer,.r3f-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.avatar-layer{position:absolute;inset:env(safe-area-inset-top) 0 calc(168px + env(safe-area-inset-bottom)) 0;width:100%;z-index:2;pointer-events:none;overflow:hidden}.avatar-shell{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.avatar-shell.speaking .avatar-glow{opacity:.85;transform:scale(1.05)}.avatar-shell.state-listening .avatar-glow{opacity:.55;background:radial-gradient(circle,rgba(99,102,241,.32),rgba(78,205,167,.08) 45%,transparent 70%)}.avatar-shell.state-thinking .avatar-glow{opacity:.5;animation:think-pulse 2.4s ease-in-out infinite}.avatar-shell.state-idle .avatar-glow{opacity:.38}@keyframes think-pulse{0%,to{opacity:.42;transform:scale(1)}50%{opacity:.62;transform:scale(1.03)}}.avatar-glow{position:absolute;inset:auto 8% 8%;height:55%;border-radius:50%;background:radial-gradient(circle,rgba(78,205,167,.28),rgba(99,102,241,.1) 45%,transparent 70%);filter:blur(22px);opacity:.4;transition:opacity .2s,transform .2s}.live2d-host{width:100%;height:100%;flex:1;min-height:0}@media(min-width:768px){.avatar-layer{top:env(safe-area-inset-top);bottom:calc(168px + env(safe-area-inset-bottom));left:50%;right:auto;width:min(480px,52vw);transform:translate(-50%)}}.live2d-host canvas{display:block;width:100%!important;height:100%!important;filter:drop-shadow(0 12px 28px rgba(0,0,0,.45))}.avatar-status{position:absolute;left:50%;bottom:12%;transform:translate(-50%);margin:0;font-size:.85rem;color:var(--muted);pointer-events:none}.avatar-status-error{color:#f87171}.hud{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(10,21,32,.94) 35%)}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.5rem}.hud-top-brand{display:flex;align-items:center;gap:.5rem;min-width:0}.hud-top h1{margin:0;font-size:1rem;font-weight:600;letter-spacing:.02em}.model-select{flex-shrink:0}.model-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:.35rem 1.75rem .35rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a8bc' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E") no-repeat right .55rem center,#ffffff14;color:var(--text);font:inherit;font-size:.78rem;font-weight:500;cursor:pointer;max-width:7.5rem}.model-select select:disabled{opacity:.45;cursor:not-allowed}.model-select select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4ecda740}.dot{width:8px;height:8px;border-radius:50%;background:#555}.dot.on{background:#30d158;box-shadow:0 0 8px #30d15899}.bubble{margin:0 0 .5rem;padding:.65rem .85rem;border-radius:14px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.92rem;line-height:1.45;max-height:28vh;overflow-y:auto}.bubble.user{border:1px solid rgba(78,205,167,.35);background:#4ecda71a;color:#e8fff8}.bubble.user.live{border-color:#4ecda78c;box-shadow:0 0 0 1px #4ecda726}.bubble.assistant{align-self:flex-start;background:#4ecda71f;border:1px solid rgba(78,205,167,.28);color:#d8fff5}.bubble.assistant.streaming{border-color:#5b8def73;background:#5b8def1a}.live-cursor{display:inline-block;margin-left:2px;color:var(--accent);animation:blink-cursor .9s step-end infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.status{margin:0 0 .65rem;font-size:.75rem;color:var(--muted)}.controls{display:flex;gap:.6rem}button{border:none;border-radius:999px;font:inherit;cursor:pointer}.ptt{flex:1;padding:.95rem 1rem;background:linear-gradient(135deg,#4ecda7,#5b8def);color:#0a1520;font-weight:700;touch-action:none}.ptt.active{transform:scale(.98);filter:brightness(1.08)}.secondary{padding:.95rem 1rem;background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.12)}.controls .play-fallback{border-color:#4ecda773;color:var(--accent)}.controls .play-fallback.prominent{grid-column:1 / -1;background:linear-gradient(135deg,#4ecda740,#5b8def33);border-color:var(--accent);font-weight:700;animation:pulse-play 1.6s ease-in-out infinite}@keyframes pulse-play{0%,to{box-shadow:0 0 #4ecda759}50%{box-shadow:0 0 0 8px #4ecda700}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.boot-screen,.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 80% 60% at 50% -10%,#1f1235 0%,var(--bg) 55%);-webkit-user-select:text;user-select:text}.boot-screen{color:var(--muted);font-size:.95rem}.login-card{width:min(400px,100%);background:#0c101ceb;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px 24px 24px;box-shadow:0 24px 48px #00000073}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-mark{width:48px;height:48px;border-radius:12px;flex-shrink:0;box-shadow:0 8px 20px #c084fc40}.login-brand h1{margin:0;font-size:1.25rem;font-weight:600}.login-brand p{margin:2px 0 0;font-size:.8rem;color:var(--muted)}.login-model{margin-top:4px!important;font-size:.72rem!important;color:var(--accent)!important;opacity:.9}.login-form label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}.login-form input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:inherit;font-size:1rem;margin-bottom:16px;user-select:text;-webkit-user-select:text}.login-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c084fc38}.login-form button[type=submit]{width:100%;padding:13px;border:none;border-radius:10px;background:linear-gradient(145deg,#4ecda7,#5b8def);color:#0a1520;font-size:1rem;font-weight:700;cursor:pointer}.login-form button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.login-error{color:#ff453a;font-size:.85rem;margin:0 0 12px;min-height:1.2em}.login-hint{margin-top:18px;font-size:.75rem;color:var(--muted);line-height:1.5}.login-hint code{font-size:.72rem;background:#ffffff0f;padding:2px 6px;border-radius:4px}