:root{color:#202a31;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#2a83b7;--accent-dark:#1a69a5;--muted:#6d7e88;--border:#dce5ea;background:#f4f8fa;font-family:MiSans,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .15s,color .15s,border-color .15s}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #9dd0ed}button:hover:not(:disabled){filter:brightness(.96)}a{color:inherit;text-decoration:none}input[type=checkbox],input[type=radio]{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px;margin:0}input[type=range]{accent-color:var(--accent);cursor:pointer;width:100%;margin:13px 0 0;display:block}input[type=text],input:not([type]),select{color:#202a31;background:#fff;border:1px solid #cddbe3;border-radius:3px;min-width:0;padding:10px}select{width:100%;font-size:12px}h1,h2,h3,p{margin:0}h2{font-size:14px;font-weight:600}h2 small,h3 small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}h3{font-size:15px;font-weight:600}.app-shell{max-width:1560px;margin:auto;padding:0 32px}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:90px;margin-bottom:22px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:12px;font-size:21px;font-weight:600;display:flex}.brand img{object-fit:contain}.brand small{color:var(--muted);letter-spacing:.025em;margin-top:4px;font-size:11px;font-weight:400;display:block}.header-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;font-size:11px;display:flex}.privacy-badge{color:#4e6878;align-items:center;gap:7px;display:flex}.dot,.live-dot{background:#38866f;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.version-tag{color:#6d7e88;font-variant-numeric:tabular-nums;font-size:10px}.workspace{grid-template-columns:298px minmax(0,1fr);align-items:start;gap:22px;display:grid}.sidebar{flex-direction:column;gap:18px;display:flex}.panel{border:1px solid var(--border);background:#fff;border-radius:4px}.source-panel,.model-panel{padding:18px}.section-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.text-button{color:var(--accent-dark);background:0 0;border:0;padding:5px 0;font-size:11px}.hint{color:var(--muted);font-size:11px;line-height:1.65}.source-item{border:1px solid var(--border);background:#fafcfd;border-radius:3px;margin-bottom:10px;padding:12px 10px}.source-item.selected{background:#f5fafc;border-color:#a9cedf}.source-choice{cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:550;line-height:1.5;display:flex}.source-choice .live-dot{margin-left:auto}.source-note{color:var(--muted);margin:7px 0 8px 24px;font-size:10px;line-height:1.65}.devices{scrollbar-width:thin;border:0;min-width:0;max-height:156px;margin:0;padding:8px 0 2px 24px;overflow:auto}.device{cursor:pointer;overflow-wrap:anywhere;align-items:center;gap:8px;padding:6px 0;font-size:11px;line-height:1.5;display:flex}.device input{width:13px;height:13px}.level-row{color:#70838d;align-items:center;gap:7px;margin:10px 0 0 24px;font-size:9px;display:flex}.level-row span:last-child{font-variant-numeric:tabular-nums;text-align:right;width:27px}.level-row meter{appearance:none;background:#e3edf1;border-radius:1px;flex:1;width:40px;height:5px;overflow:hidden}.level-row meter::-webkit-meter-bar{background:#e3edf1;border:0;height:5px}.level-row meter::-webkit-meter-optimum-value{background:var(--accent)}.level-row meter::-moz-meter-bar{background:var(--accent)}.source-error{color:#ac4248;overflow-wrap:anywhere;margin-top:8px;font-size:11px;line-height:1.65}.button{white-space:nowrap;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:10px 15px;font-size:12px;font-weight:500;display:inline-flex}.button.secondary{color:var(--accent-dark);background:#fff;border-color:#c8dbe6}.button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button.pause{color:var(--accent-dark);background:#eaf4fa;border-color:#bcd9e9}.full{width:100%}.tiny-badge{color:#6c7c85;white-space:nowrap;background:#f0f4f6;border-radius:2px;padding:4px 6px;font-size:9px}.tiny-badge.success{color:#26755f;background:#edf7f2}.field-label{color:var(--muted);margin:14px 0 7px;font-size:11px;display:block}.model-status{color:var(--muted);gap:20px;margin:14px 0;font-size:10px;display:flex}.model-status span{align-items:center;gap:6px;display:flex}.model-status i{background:#bccbd3;border-radius:50%;width:5px;height:5px}.model-status i.ready{background:#38866f}.import-button{margin-top:8px}.model-download-note{margin-top:12px}.cache-settings{border-top:1px solid var(--border);color:#70818b;margin-top:13px;padding-top:10px;font-size:10px}.cache-settings summary{cursor:pointer}.cache-settings p{margin-top:9px;font-size:10px}.danger-link{color:#ac4248;text-align:left;margin-top:7px;font-size:10px}.download-progress{margin-bottom:12px}.download-progress progress{width:100%;height:5px;accent-color:var(--accent)}.download-progress p{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:10px;line-height:1.6}.download-progress b{white-space:nowrap}.main-column{min-width:0}.session-panel{overflow:hidden}.session-heading{justify-content:space-between;align-items:center;gap:15px;padding:24px 26px 20px;display:flex}h1{color:#202a31;letter-spacing:.015em;font-size:22px;font-weight:600}h1 small{color:#60747f;margin-left:9px;font-size:15px;font-weight:400}.session-heading p{color:var(--muted);letter-spacing:.02em;margin-top:7px;font-size:11px}.session-status{white-space:nowrap;border:1px solid var(--border);color:var(--muted);border-radius:3px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:flex}.session-status .dot{background:#a2b3bd;width:5px;height:5px}.session-status.active{color:#26755f;background:#f2faf6;border-color:#c4e5d6}.session-status.active .dot{background:#38866f}.helper-connection{background:#f5f9fb;border:1px solid #e1ebf0;border-radius:3px;justify-content:space-between;align-items:center;gap:12px;margin:0 26px 15px;padding:9px 12px;display:flex}.helper-connection-title{color:#4a6372;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.helper-connection-title strong{font-weight:500}.helper-connection-title strong>span{color:var(--muted);margin-left:4px;font-size:10px;font-weight:400}.helper-state{color:#6c7c85;white-space:nowrap;font-size:9px}.helper-state.connected{color:#26755f}.inline-notice{color:var(--muted);margin:0 26px 15px;font-size:11px;line-height:1.6}.banner{overflow-wrap:anywhere;border:1px solid;border-radius:3px;margin:0 26px 14px;padding:10px 12px;font-size:11px;line-height:1.65}.banner.error{color:#a13c43;background:#fff7f7;border-color:#ebc8cb}.banner.notice{color:#6e5e39;background:#fffdf5;border-color:#e8dfc5}.banner button{margin-left:12px}.session-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin:0 26px;display:flex}.tabs{gap:24px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 0;font-size:12px}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent-dark);font-weight:550}.tabs small{margin-left:4px;font-size:10px;font-weight:400}.tabs button>span{color:#5e7d90;background:#edf5fa;border-radius:2px;margin-left:5px;padding:2px 5px;font-size:9px}.toolbar-actions{align-items:center;gap:15px;display:flex}.toolbar-actions .text-button{font-size:10px}.transcript{scrollbar-width:thin;scrollbar-color:#cbdde7 transparent;height:clamp(360px,52vh,640px);padding:6px 26px;overflow-y:auto}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:350px;padding:25px 10px;display:flex}.empty-mark{letter-spacing:.08em;color:var(--accent);background:#f7fbfd;border:1px solid #c9e1ee;border-radius:3px;margin-bottom:22px;padding:12px 19px;font-size:13px}.empty-state h3{color:#556d7a;font-size:16px;font-weight:400}.empty-state>p{color:#7d8f99;margin-top:11px;font-size:11px;line-height:1.75}.caption{border-bottom:1px solid #e9eff3;padding:20px 0}.caption:last-child{border:0}.caption-meta{color:#758b98;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;font-size:9px;display:flex}.source-chip{color:#4b7a96;background:#edf5fa;border-radius:2px;padding:3px 6px}.source-chip.microphone{color:#50816d;background:#edf5f2}.caption-state{color:#758b98;margin-left:auto}.original{font-size:var(--original-size,22px);color:#4d5d67;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.translation{font-size:var(--translation-size,26px);color:var(--accent-dark);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;line-height:1.65}.caption.partial .original{color:#8fa0aa}.placeholder{color:#8ba0ac;font-size:12px}.transcript-footer{color:#728691;justify-content:space-between;align-items:center;gap:12px;padding:14px 26px 17px;font-size:10px;display:flex}.transcript-footer label{cursor:pointer;white-space:nowrap;align-items:center;gap:7px;display:flex}.transcript-footer input{width:12px;height:12px}.transcript-footer>span{text-align:right;overflow-wrap:anywhere;max-width:55%;font-size:9px}.control-bar{border-top:1px solid var(--border);background:#fafcfd;justify-content:space-between;align-items:center;gap:14px;padding:19px 26px;display:flex}.control-bar>p{color:#5e7684;font-size:10px;line-height:1.7}.control-bar>p .dot{vertical-align:middle;width:5px;height:5px;margin-right:5px}.control-bar small{color:#7c909c;margin-left:13px;font-size:9px;display:block}.control-bar .button{min-width:166px;padding:11px 24px}.workspace-footer{color:#8295a0;justify-content:space-between;gap:15px;padding:19px 1px 24px;font-size:10px;line-height:1.8;display:flex}.workspace-footer a:hover{color:var(--accent-dark)}.display-settings{grid-template-columns:1fr 1fr;gap:28px;min-height:calc(clamp(360px,52vh,640px) + 43px);padding:25px 26px;display:grid}.settings-card{min-width:0}.settings-card h3{color:#365467;margin-bottom:15px;font-size:14px}.settings-card h3 small{margin-left:5px;font-size:11px;display:inline}.settings-card>.hint{margin-top:10px}.range-field{color:#5f7785;margin:22px 0 27px;font-size:11px;display:block}.range-field b{float:right;color:var(--accent-dark);margin-left:8px;font-size:10px;font-weight:500}.settings-card hr{border:0;border-top:1px solid var(--border);margin:24px 0 20px}.pair-input{gap:8px;display:flex}.pair-input input{letter-spacing:.15em;width:100%;font-size:13px}.pair-input .button{padding:9px 12px;font-size:11px}.pairing-help{font-size:10px}.helper-pairing-status{margin-top:9px}.helper-test-button{margin:13px 0 0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1600px){.app-shell{padding-top:10px}.transcript{height:58vh}.display-settings{min-height:calc(58vh + 43px)}}@media (width<=1100px){.app-shell{padding:0 22px}.workspace{grid-template-columns:274px minmax(0,1fr);gap:17px}.source-panel,.model-panel{padding:16px}.session-heading{align-items:flex-start;padding:22px 21px}.session-heading h1{font-size:20px}.session-heading h1 small{margin-left:5px;font-size:13px}.session-status{font-size:9px}.helper-connection,.banner{margin-left:21px;margin-right:21px}.session-toolbar{margin:0 21px}.transcript{padding:6px 21px}.display-settings{gap:20px;padding:24px 21px}.control-bar{padding:18px 21px}.transcript-footer{padding:14px 21px}.header-meta{gap:11px}.privacy-badge,.helper-connection-title strong>span{display:none}.control-bar .button{min-width:150px;padding:11px 16px}}@media (width<=850px){.workspace{grid-template-columns:248px minmax(0,1fr);gap:14px}.source-panel,.model-panel{padding:13px}.source-choice{gap:6px;font-size:11px}.source-note,.devices,.level-row{margin-left:0;padding-left:0}.session-heading{flex-wrap:wrap;gap:10px}.session-heading p{margin-top:5px}.display-settings{grid-template-columns:1fr}.toolbar-actions{gap:10px}.tabs{gap:15px}.tabs small{display:none}.transcript-footer{align-items:flex-start}.control-bar{flex-direction:column;align-items:flex-start}.control-bar .button{align-self:flex-end}.control-bar small{display:none}}@media (width<=650px){.app-shell{padding:0 14px}.app-header{gap:12px;min-height:86px;margin-bottom:16px}.brand{gap:8px;font-size:18px}.brand img{width:37px;height:37px}.brand small{font-size:9px}.header-meta{gap:1px 9px;max-width:155px}.version-tag,.update-button{font-size:9px}.workspace{flex-direction:column;gap:16px;display:flex}.sidebar{grid-template-columns:1fr 1fr;align-items:start;gap:12px;width:100%;display:grid}.source-panel,.model-panel{padding:14px}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:7px}.section-heading h2{font-size:13px}.section-heading h2 small{font-size:10px}.section-heading .text-button{font-size:9px}.tiny-badge{font-size:8px}.source-note{font-size:9px}.device{font-size:10px}.source-item{padding:10px 8px}.button{padding:10px 8px;font-size:10px}.devices{max-height:120px}.level-row{gap:4px;font-size:8px}.model-status{flex-wrap:wrap;gap:12px;font-size:9px}.model-download-note,.cache-settings .hint{font-size:10px}.cache-settings,.danger-link{font-size:9px}.main-column{width:100%}.session-heading{flex-direction:row;align-items:center;padding:20px}.helper-connection,.banner{margin-left:20px;margin-right:20px}.helper-connection-title strong>span{display:inline}.session-toolbar{margin:0 20px}.tabs small{display:inline}.transcript{height:420px;padding:6px 20px}.empty-state{min-height:350px}.transcript-footer{padding:14px 20px}.control-bar{flex-direction:row;align-items:center;padding:18px 20px}.control-bar .button{align-self:center;min-width:145px;font-size:11px}.display-settings{grid-template-columns:1fr 1fr;gap:20px;min-height:420px;padding:24px 20px}.helper-connection-title{gap:5px}.helper-state{font-size:9px}.settings-card h3 small{margin-left:0;display:block}.pair-input{flex-wrap:wrap}.pair-input .button{width:100%}}@media (width<=420px){.sidebar{grid-template-columns:1fr}.source-panel,.model-panel{padding:17px}.section-heading{align-items:center}.source-choice{font-size:12px}.source-note{margin-left:24px;font-size:10px}.devices{padding-left:24px}.level-row{margin-left:24px;font-size:9px}.device{font-size:11px}.button{font-size:12px}.model-status{gap:22px}.section-heading h2 small{margin-left:4px;display:inline}.session-heading{flex-direction:column;align-items:flex-start;gap:10px}.session-heading h1 small{font-size:14px}.helper-connection-title strong>span{display:none}.session-toolbar{gap:7px}.tabs{gap:15px}.tabs small,.toolbar-actions .text-button{font-size:9px}.toolbar-actions{gap:9px}.transcript-footer{gap:8px;font-size:9px}.transcript-footer>span{font-size:8px}.display-settings{grid-template-columns:1fr}.settings-card h3 small{margin-left:5px;display:inline}.pair-input{flex-wrap:nowrap}.pair-input .button{width:auto}.control-bar{flex-direction:column;align-items:flex-start}.control-bar .button{align-self:stretch;width:100%}.control-bar small{display:block}.original{font-size:calc(var(--original-size,22px) * .9)}.translation{font-size:calc(var(--translation-size,26px) * .9)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}