:root{--paper:#f3f5f1;--ink:#18362d;--muted:#68776e;--line:#dce3dc;--green:#206c4b;--caption-size:46px}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,select,input{font:inherit}button,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:#fff;border-radius:9px;min-height:44px;padding:11px 16px;font-weight:600}button:hover:not(:disabled){filter:brightness(.94)}button:disabled,select:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #8cbf56}select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;min-width:0;padding:11px}main{flex-direction:column;width:100%;min-height:100dvh;padding:20px 24px;display:flex}h1{color:var(--muted);margin:0;font-size:18px;font-weight:500}.controls{grid-template-columns:minmax(220px,260px) auto 1fr;align-items:end;gap:12px;margin-bottom:18px;display:grid}.controls label{min-width:0}.controls label,.settings-grid label{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.settings-toggle{justify-self:end}.start{background:var(--green);color:#fff;border-color:var(--green)}.stop{color:#7e3024;background:#ffe5da;border-color:#d8aca0}.logout{margin-top:8px}.settings{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:18px;padding:20px}.settings-grid{grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) 100px;gap:16px;display:grid}.mic-row{gap:6px;min-width:0;display:flex}.mic-row select{flex:1}.refresh{padding:6px 13px;font-size:22px}.check-option{cursor:pointer;align-items:center;gap:8px;margin-top:18px;font-size:14px;display:flex}.check-option input{width:18px;height:18px;accent-color:var(--green)}.hint,.privacy,.diagnostics{color:var(--muted);font-size:13px}.hint{margin:12px 0}summary{cursor:pointer;padding:8px 0}.diagnostics p{overflow-wrap:anywhere}.alert{color:#842d1c;overflow-wrap:anywhere;background:#fff0e7;border:1px solid #ebc1ad;border-radius:9px;margin:0 0 16px;padding:12px 16px;font-size:14px}.stage{color:#20252b;background:#fff;border:1px solid #e1e5e9;border-radius:16px;flex-direction:column;flex:1;min-height:70dvh;display:flex;overflow:hidden}.stage-toolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.status{color:#52606d;align-items:center;gap:8px;font-size:13px;display:inline-flex}.status i{background:#64748b;border-radius:50%;flex-shrink:0;width:7px;height:7px}.status.listening i{background:#206c4b}.status.recovering{color:#8a5700}.status.error{color:#b42318}.elapsed{font-variant-numeric:tabular-nums;color:#64707d;padding-left:6px}.stage .alert{margin:16px 24px 0}.auto-label{color:#64707d;margin:18px 36px 0;font-size:13px}.caption-content{flex-direction:column;flex:1;justify-content:center;padding:clamp(28px,5vw,80px);display:flex}.caption-language{color:#374151;margin:0 0 10px;font-size:14px;font-weight:600}.caption-language span{color:#64707d;margin-left:12px;font-size:12px;font-weight:400}.translation{font-size:var(--caption-size);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-weight:500;line-height:1.4}.translation.placeholder{color:#64707d}.original{border-top:1px solid #e5e7eb;margin-top:28px;padding-top:20px}.original .caption-language{color:#64707d;margin-bottom:7px}.original>p:last-child{color:#52606d;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.5}.caption-error{color:#b42318;overflow-wrap:anywhere;font-size:14px}.live-source{background:#f1f8f3;border-left:4px solid #68a488;border-radius:0 9px 9px 0;margin-top:26px;padding:16px 20px}.live-source-heading{color:#286245;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.live-source-heading i{background:#2d9360;border-radius:50%;width:8px;height:8px}.live-source p{font-size:clamp(19px, calc(var(--caption-size) * .48), 27px);color:#315848;overflow-wrap:anywhere;margin:7px 0 0;line-height:1.4}.hearing-note{color:#286245;margin:24px 0 0;font-size:16px}.active-mic{color:#64707d;margin:-4px 4px 0;font-size:13px}.live{border-bottom:1px solid var(--line);padding:20px 0}.live h2{color:var(--muted);margin:0 0 8px;font-size:13px}.live p{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.history{margin-top:18px}.history>h2{font-size:14px;font-weight:600}.history>h2 span{color:var(--muted);margin-left:8px;font-size:12px;font-weight:400}.empty{color:var(--muted);font-size:14px}.history-list{border:1px solid var(--line);background:#fff;border-radius:12px;max-height:430px;margin-top:10px;overflow-y:auto}.history article{border-bottom:1px solid var(--line);padding:18px 24px}.history article:last-child{border-bottom:0}.history article p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.history article .history-language{color:var(--muted);margin-bottom:6px;font-size:12px}.history article .history-original{color:var(--muted);margin-top:6px;font-size:14px}.login-page{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));place-items:center;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;max-width:400px;padding:32px}.login-card h2{text-align:center;margin:0 0 24px;font-size:20px}.login-form,.login-field{flex-direction:column;display:flex}.login-form{gap:16px}.login-field{gap:8px}.login-field label{font-size:14px;font-weight:600}.login-field input{border:1px solid var(--line);border-radius:9px;width:100%;min-width:0;padding:12px;font-size:16px}.login-error{color:#b42318;overflow-wrap:anywhere;margin:0;font-size:14px}.login-form button{width:100%;margin-top:8px}main:fullscreen{background:var(--paper);overflow-y:auto}main:fullscreen .caption-content{padding:4vh 6vw}main:fullscreen .translation{font-size:clamp(var(--caption-size), 4vw, 80px)}main:fullscreen .original>p:last-child{font-size:clamp(22px,2vw,40px)}@media (max-width:960px){main{padding:16px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mic-control{grid-column:1/-1}.stage-toolbar{flex-wrap:wrap}.caption-content{padding:28px}.current-card .translation,main:fullscreen .current-card .translation{font-size:min(var(--caption-size), 42px)}}@media (max-width:600px){main{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}h1{font-size:15px}.controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.controls label{grid-column:1/-1}.controls button{white-space:normal;width:100%;min-width:0;min-height:48px}.settings-toggle{justify-self:stretch}.settings{padding:16px}.settings-grid{grid-template-columns:minmax(0,1fr);gap:14px}.mic-control{grid-column:auto}.stage{min-height:65dvh}.stage-toolbar{padding:14px 16px}.caption-content{padding:24px 20px}.auto-label{margin-left:20px;margin-right:20px}.stage .alert{margin-left:16px;margin-right:16px}.original>p:last-child{font-size:18px}.history article{padding:16px}.login-card{padding:24px 20px}}.display-options{border:0;border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 20px;margin:20px 0 16px;padding:16px 0 0;display:grid}.display-options legend{padding:0 10px 0 0;font-size:14px;font-weight:600}.display-options .check-option{margin:0}.settings,.controls,.live,.history,.diagnostics{flex-shrink:0}.diagnostics{margin-bottom:16px}.diagnostics h2{margin:0;font-size:14px}.caption-metrics{color:#64707d;border-top:1px solid #e5e7eb;margin:0;padding:16px 28px;font-size:13px}.history h2{margin:0}.caption-stack{justify-content:flex-start;gap:14px;padding:24px}.caption-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:18px 24px}.card-heading{color:#64707d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.draft-label{color:#725313;background:#fff5d9;border-radius:6px;padding:3px 8px}.current-card{border-color:#cbd5df;flex:1;min-height:30dvh}.current-card .card-text{scrollbar-gutter:stable;max-height:52dvh;overflow-y:auto}.previous-card{background:#f8fafb;flex-direction:column;flex-shrink:0;height:150px;display:flex}.previous-card .card-text{scrollbar-gutter:stable;min-height:0;overflow-y:auto}.previous-card .card-heading{margin-bottom:8px}.previous-card .translation,main:fullscreen .previous-card .translation{font-size:clamp(20px, calc(var(--caption-size) * .55), 30px);color:#52606d}.previous-card .original{margin-top:12px;padding-top:12px}.previous-card .original>p:last-child,main:fullscreen .previous-card .original>p:last-child{font-size:16px}.empty-card{background:#fcfcfd;border-style:dashed}main:fullscreen .caption-stack{padding:24px}@media (max-width:600px){.display-options{grid-template-columns:minmax(0,1fr)}.caption-stack,main:fullscreen .caption-stack{gap:10px;padding:12px}.caption-card{padding:14px 16px}.current-card{min-height:38dvh}.current-card .card-text{scrollbar-gutter:auto;max-height:50dvh}.previous-card{height:118px}.previous-card .card-text{scrollbar-gutter:auto}.previous-card .translation,main:fullscreen .previous-card .translation{font-size:clamp(18px, calc(var(--caption-size) * .5), 26px)}.current-card .translation,main:fullscreen .current-card .translation{font-size:min(var(--caption-size), clamp(26px, 7vw, 36px))}main:fullscreen .caption-content{padding:12px}.card-heading{margin-bottom:10px}.live-source{margin-top:16px;padding:12px 14px}.original{margin-top:16px;padding-top:12px}}@media (max-width:360px){.controls{grid-template-columns:minmax(0,1fr)}.controls label{grid-column:auto}}@media (max-height:600px) and (orientation:landscape){.stage{min-height:0}.current-card{min-height:220px}.previous-card{height:105px}}