:root{color:#e8f0f2;background:#0b1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #11191f;--surface-2: #172229;--line: #26353e;--muted: #93a4ad;--text: #e8f0f2;--accent: #5eead4;--accent-strong: #15b8a6;--warning: #f8c15c;--danger: #f97373}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(94,234,212,.08),transparent 28rem),radial-gradient(circle at 78% 6%,rgba(248,193,92,.12),transparent 22rem),#0b1115}button,select,input{font:inherit}button{touch-action:manipulation}.app-shell{width:min(100%,1040px);height:100svh;margin:0 auto;padding:12px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;overflow:hidden}.translated-audio{display:none}.top-bar{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:10px}.status-live{border-color:#5eead473;color:var(--accent)}.status-connecting,.status-reconnecting{border-color:#f8c15c73;color:var(--warning)}.status-error{border-color:#f9737373;color:var(--danger)}.top-status{justify-self:start;display:inline-flex;align-items:center;justify-content:space-between;gap:9px;width:min(100%,236px);min-height:32px;padding:0 13px;border:1px solid rgba(38,53,62,.8);border-radius:999px;background:#11191f94;color:var(--muted);font-size:.82rem;font-weight:800;cursor:default;-webkit-user-select:none;user-select:none}.waveform{width:86px;height:22px;display:block;flex:0 0 auto}.listen-live{color:var(--accent)}.listen-connecting,.listen-reconnecting{color:var(--warning)}.listen-error{color:var(--danger)}.language-panel,.device-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.output-device{display:grid;align-content:end;gap:7px}.output-device span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.82rem;font-weight:700}.output-device strong{display:flex;align-items:center;min-height:46px;overflow:hidden;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:var(--surface);color:var(--text);font-size:.95rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}label{display:grid;gap:7px;color:var(--muted);font-size:.82rem;font-weight:700}label span{display:inline-flex;align-items:center;gap:7px}select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:0 38px 0 12px;background:var(--surface);color:var(--text);font-size:1rem}select:disabled{opacity:.62}.teleprompter-section{position:relative;min-height:0;overflow:hidden}.teleprompter{height:100%;min-height:0;overflow-y:auto;white-space:pre-wrap;border:0;border-radius:0;padding:8px 2px 46px;background:transparent;color:var(--text);line-height:1.34;letter-spacing:0}.placeholder{color:#60737d}.source-live{margin:0 0 10px;color:#e8f0f280;font-size:max(13px,.72em);line-height:1.35}.chunk-previous{color:#e8f0f285}.chunk-current{color:#fff}.content-clear{position:absolute;top:6px;right:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(38,53,62,.84);border-radius:50%;background:#11191fc7;color:var(--muted);cursor:pointer}.content-clear:hover{color:var(--text)}.control-strip{display:flex;justify-content:center;align-items:center;gap:12px}.control-dock{display:inline-flex;align-items:center;gap:8px;padding:7px;border:1px solid rgba(93,111,122,.44);border-radius:22px;background:#11191f94;box-shadow:inset 0 1px #ffffff0a}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;cursor:pointer;background:transparent;color:currentColor}.icon-button{aspect-ratio:1;min-height:44px;color:var(--text)}.icon-button.compact{min-height:38px;width:38px}.ghost-control{border:1px solid rgba(38,53,62,.8);background:#11191f94;color:var(--text)}.dock-control{min-height:42px;width:42px;border:1px solid rgba(93,111,122,.4);border-radius:15px;background:#ffffff06;color:#e8f0f2bd}.dock-control:hover{border-color:#93a4ad9e;background:#ffffff0f;color:var(--text)}.main-dock-control{color:var(--accent)}.main-dock-control.stop{color:var(--danger)}.icon-button:disabled{cursor:not-allowed;opacity:.45}.detail-label{display:block;margin-bottom:4px;color:var(--muted);font-size:.76rem;font-weight:700}.source-preview{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#11191fb3;color:var(--muted)}.settings-backdrop{position:fixed;inset:0;z-index:20;display:grid;align-items:end;padding:12px;background:#03070a94}.settings-panel{width:min(100%,560px);max-height:calc(100svh - 24px);overflow-y:auto;margin:0 auto;display:grid;gap:14px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#0f171d;box-shadow:0 22px 80px #0006}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-header strong{color:var(--text);font-size:1.05rem}.account-panel{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#11191fb8}.account-panel div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-panel span{color:var(--muted);font-size:.82rem;font-weight:800}.account-panel strong{color:var(--text);font-size:1.2rem}.account-panel p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}.account-button,.account-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid rgba(94,234,212,.45);border-radius:8px;padding:0 12px;background:#5eead414;color:var(--text);cursor:pointer;font-weight:850;text-decoration:none}.payment-list{display:grid;gap:8px}input[type=range]{width:100%;accent-color:var(--accent)}.source-preview summary{cursor:pointer;font-weight:800}.source-preview p{margin:10px 0 0;line-height:1.5}.debug-list{margin:10px 0 0;padding-left:22px;color:#b8c7cd;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.55}.error-banner{display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(249,115,115,.45);border-radius:8px;padding:11px 12px;background:#7f1d1d4d;color:#fecaca;line-height:1.4}@media(max-width:560px){.app-shell{padding:10px;gap:8px}.top-bar{align-items:center}.top-status{min-height:30px;padding:0 11px}}