:root{--bg: #0b1020;--surface: #151b30;--surface-2: #1d2440;--text: #e6ecff;--text-dim: #9aa5c8;--accent: #4f8cff;--danger: #ff5c6c;--ok: #3ddc84;--warn: #ffc24b;--radius: 14px;--font-scale: 1}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-text-size-adjust:100%}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:720px;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.app.high-contrast{--bg: #000;--surface: #000;--surface-2: #111;--text: #fff;--text-dim: #ddd;--accent: #7db2ff}.app-header{padding:12px 16px 8px}.app-header h1{margin:0 0 8px;font-size:1.6rem;letter-spacing:.02em}.header-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mode-pill,.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.85rem;background:var(--surface-2);color:var(--text-dim);border:1px solid #2b3560}.test-pill{border-color:var(--warn);color:var(--warn)}.status-listening,.status-translating{border-color:var(--ok);color:var(--ok)}.status-error{border-color:var(--danger);color:var(--danger)}.status-connecting,.status-requesting-mic,.status-waking{border-color:var(--warn);color:var(--warn)}.lang-line{margin-top:6px;color:var(--text-dim);font-size:.85rem}.listening-banner,.error-banner,.offline-banner{display:flex;align-items:center;gap:8px;margin:4px 16px;padding:8px 12px;border-radius:var(--radius);font-size:.9rem}.listening-banner{background:#3ddc841f;border:1px solid var(--ok);color:var(--ok)}.listening-dot{width:10px;height:10px;border-radius:50%;background:var(--ok);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.error-banner{background:#ff5c6c1f;border:1px solid var(--danger);color:var(--danger);justify-content:space-between}.offline-banner{background:#ffc24b26;border:1px solid var(--warn);color:var(--warn)}.app-main{flex:1;display:flex;flex-direction:column;gap:10px;padding:8px 16px 170px;min-height:0}.caption-panel{background:var(--surface);border-radius:var(--radius);padding:20px 16px;min-height:30dvh;display:flex;align-items:center;justify-content:center;text-align:center}.caption-text{margin:0;font-size:calc(1.7rem * var(--font-scale));line-height:1.35;font-weight:600}.caption-partial .caption-text{color:var(--text-dim);font-weight:400;font-style:italic}.caption-source{margin:10px 0 0;font-size:calc(1.2rem * var(--font-scale));color:var(--accent)}.caption-translit,.transcript-translit{margin:4px 0 0;font-size:calc(.95rem * var(--font-scale));color:var(--text-dim);font-style:italic}.caption-placeholder,.transcript-empty{color:var(--text-dim);font-size:calc(1.1rem * var(--font-scale))}.vu-meter{height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.vu-meter-fill{height:100%;background:linear-gradient(90deg,var(--ok),var(--warn));transition:width 90ms linear}.transcript-wrap{position:relative;flex:1;min-height:20dvh;display:flex}.transcript{flex:1;overflow-y:auto;background:var(--surface);border-radius:var(--radius);padding:12px 14px}.transcript-entry{padding:10px 0;border-bottom:1px solid var(--surface-2)}.transcript-entry:last-child{border-bottom:none}.transcript-text{margin:0;font-size:calc(1.05rem * var(--font-scale));line-height:1.4}.transcript-source{margin:4px 0 0;color:var(--accent);font-size:calc(.95rem * var(--font-scale))}.transcript-time{display:block;margin-top:4px;color:var(--text-dim);font-size:.72rem}.resume-scroll{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;border:none;background:var(--accent);color:#fff;font-size:.9rem;box-shadow:0 4px 12px #0006}.controls{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:720px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 25%);display:flex;flex-direction:column;gap:8px}.controls-row{display:flex;gap:8px}.controls-secondary .btn{flex:1}.btn{min-height:48px;padding:10px 14px;border-radius:var(--radius);border:1px solid #2b3560;background:var(--surface-2);color:var(--text);font-size:1rem;cursor:pointer}.btn:disabled{opacity:.45;cursor:default}.btn-big{flex:1;font-size:1.25rem;font-weight:700;min-height:60px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-icon{min-height:36px;padding:4px 10px;border-radius:8px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:20}.settings-drawer{position:fixed;z-index:21;left:0;right:0;bottom:0;max-height:85dvh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:16px 20px calc(20px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .25s ease}.settings-drawer.open{transform:translateY(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center}.drawer-header h2{margin:0}.drawer-note{color:var(--warn);font-size:.85rem}.field{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-size:.95rem}.field select{min-height:48px;border-radius:10px;background:var(--surface-2);color:var(--text);border:1px solid #2b3560;padding:0 10px;font-size:1rem}.field-toggle{flex-direction:row;align-items:flex-start;gap:12px}.field-toggle input{width:24px;height:24px;margin-top:2px}.field-toggle small{display:block;color:var(--text-dim)}.font-size-row{display:flex;align-items:center;gap:12px}.font-scale-value{min-width:56px;text-align:center;color:var(--text-dim)}.privacy-note{margin-top:18px;padding:12px;border-radius:var(--radius);background:var(--surface-2);color:var(--text-dim);font-size:.85rem;line-height:1.4}.privacy-footer{text-align:center;color:var(--text-dim);font-size:.72rem;padding:4px 0 calc(150px + env(safe-area-inset-bottom))}.debug-link{color:var(--accent);font-size:.9rem;text-decoration:none}.debug-page .app-main{padding-bottom:24px}.debug-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden;font-size:.85rem}.debug-table th,.debug-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--surface-2);vertical-align:top;word-break:break-word}.debug-table th{color:var(--text-dim);font-weight:500;width:45%}.debug-actions{display:flex;flex-direction:column;gap:8px}.room{padding-bottom:0}.room-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px}.room-header .btn{min-height:44px;padding:8px 18px;font-weight:700}.room-grid{flex:1;display:flex;flex-direction:column;gap:12px;padding:4px 12px calc(60px + env(safe-area-inset-bottom));overflow-y:auto}.room-empty{color:var(--text-dim);font-size:calc(1.05rem * var(--font-scale));padding:24px 12px;text-align:center;line-height:1.5}.speaker-card{border:2px solid var(--speaker-color);border-radius:var(--radius);background:var(--surface);padding:12px 14px}.speaker-card.speaking{box-shadow:0 0 14px color-mix(in srgb,var(--speaker-color) 45%,transparent)}.speaker-head{display:flex;align-items:center;justify-content:space-between}.speaker-name{display:inline-flex;align-items:center;gap:8px;color:var(--speaker-color);font-weight:700;font-size:calc(.95rem * var(--font-scale));letter-spacing:.03em;text-transform:uppercase}.speaker-live{width:10px;height:10px;border-radius:50%;background:var(--speaker-color);animation:pulse 1s ease-in-out infinite}.speaker-summary{margin:8px 0 4px;font-size:calc(1.15rem * var(--font-scale));line-height:1.35;font-weight:600}.speaker-feed-wrap{position:relative}.speaker-recent{margin-top:6px;border-top:1px solid var(--surface-2);padding-top:6px;max-height:calc(9.5em * var(--font-scale));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.feed-resume{position:absolute;bottom:8px;right:8px;width:36px;height:36px;border-radius:50%;border:none;background:var(--speaker-color);color:#fff;font-size:1.1rem;box-shadow:0 3px 8px #00000073}.speaker-line{margin:4px 0;color:var(--text-dim);font-size:calc(.98rem * var(--font-scale));line-height:1.4}.speaker-line.speaker-partial{color:var(--speaker-color);font-style:italic}.room-detecting{margin:2px 4px;color:var(--text-dim);font-style:italic;font-size:calc(.95rem * var(--font-scale));line-height:1.4}.room-detecting-tag{font-size:.72rem;opacity:.7;font-style:normal}.room-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--ok);font-size:.8rem}.speaker-chip{display:inline-block;color:var(--speaker-color);border:1px solid var(--speaker-color);border-radius:999px;font-size:.7rem;padding:1px 8px;margin-bottom:3px}.btn-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}@media(min-width:720px){.app-header h1{font-size:2rem}}