*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--bg: #0f1419;--surface: #1a2332;--border: #2d3a4f;--text: #e8edf5;--muted: #8b9bb4;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;font-family:Segoe UI,PingFang HK,Microsoft JhengHei,sans-serif}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at top,#1e293b 0%,var(--bg) 60%);color:var(--text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{max-width:640px;margin:0 auto;padding:2rem 1.25rem 3rem}.app__header{text-align:center;margin-bottom:2rem}.app__title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;letter-spacing:.02em}.app__subtitle{margin:0;color:var(--muted);font-size:.95rem}.app__status{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.875rem 1rem}.status-card__label{display:block;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.status-card__value{font-size:1.1rem;font-weight:600}.status-card__value--idle{color:var(--muted)}.status-card__value--listening{color:var(--success)}.status-card__value--speaking{color:var(--accent)}.status-card__value--interrupted{color:var(--warning)}.buffered-status{display:flex;align-items:center;gap:.5rem;background:#f59e0b1f;border:1px solid var(--warning);border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem;color:#fde68a}.buffered-status__icon{flex-shrink:0}.subtitle-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1.5rem;min-height:5.5rem}.subtitle-panel__row{display:flex;gap:.75rem;align-items:flex-start}.subtitle-panel__row+.subtitle-panel__row{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.subtitle-panel__label{flex-shrink:0;width:3.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:.15rem}.subtitle-panel__text{flex:1;margin:0;font-size:1rem;line-height:1.5;word-break:break-word}.subtitle-panel__text:empty{display:none}.app__meter{margin-bottom:1.5rem}.meter__label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.5rem}.meter__bar{height:12px;background:var(--surface);border:1px solid var(--border);border-radius:999px;overflow:hidden}.meter__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#60a5fa);border-radius:999px;transition:width 50ms linear}.app__controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;margin-bottom:1rem}.ui-language-toggle{display:flex;align-items:center;gap:.45rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.45rem .65rem;font-size:.9rem}.ui-language-toggle__label{color:var(--muted);white-space:nowrap}.ui-language-toggle__select{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;padding:.25rem .4rem;cursor:pointer}.ui-language-toggle__select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){border-color:var(--muted)}.app__connection-status{background:#3b82f61f;border:1px solid var(--accent);color:#bfdbfe;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;margin:0 0 1rem;text-align:center}.app__connection-status--recovered{background:#22c55e1f;border-color:var(--success);color:#bbf7d0}.app__error{background:#ef44441f;border:1px solid var(--danger);color:#fecaca;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;margin:0 0 1rem}.app__footer{text-align:center;color:var(--muted);font-size:.8rem;line-height:1.5}@media(max-width:480px){.app__status{grid-template-columns:1fr}}.voice-telemetry-panel{position:fixed;bottom:0;left:0;right:0;z-index:9999;pointer-events:auto;background:#0f1419f5;border-top:1px solid var(--border);color:var(--text);font-size:.78rem;box-shadow:0 -8px 24px #00000059}.voice-telemetry-panel--collapsed .voice-telemetry-panel__body{display:none}.voice-telemetry-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .75rem;border-bottom:1px solid var(--border)}.voice-telemetry-panel__title{font-weight:600;letter-spacing:.02em}.voice-telemetry-panel__actions{display:flex;gap:.35rem}.voice-telemetry-panel__btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.2rem .55rem;font-size:.75rem;cursor:pointer}.voice-telemetry-panel__btn:hover{border-color:var(--muted)}.voice-telemetry-panel__body{padding:.5rem .75rem .65rem}.voice-telemetry-panel__badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem}.voice-telemetry-panel__badge{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem;white-space:nowrap}.voice-telemetry-panel__badge--grace.voice-telemetry-panel__badge--active,.voice-telemetry-panel__badge--active{border-color:var(--warning);color:#fde68a}.voice-telemetry-panel__badge--mode{color:var(--muted)}.voice-telemetry-panel__chart{display:block;width:100%;border:1px solid var(--border);border-radius:6px;margin-bottom:.45rem}.voice-telemetry-panel__events{list-style:none;margin:0;padding:0;max-height:6.5rem;overflow-y:auto;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.72rem;color:var(--muted)}.voice-telemetry-panel__event{padding:.12rem 0;border-bottom:1px solid rgba(45,58,79,.6)}.voice-telemetry-panel__event:last-child{border-bottom:none}