:root{color-scheme:light;--bg:#f5f4ed;--paper:#fffefa;--green:#244d3e;--green-dark:#1f4235;--green-soft:#e7ece2;--ink:#263a30;--muted:#8a9186;--border:#e4e6db;--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--serif:"Noto Serif SC","Songti SC",STSong,serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}a{color:inherit;text-decoration:none}button svg,svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #97b89c;outline-offset:3px}button{transition:background .18s,transform .18s,opacity .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.app-shell{max-width:1392px;margin:0 auto;padding:0 64px}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:13px;font-size:21px;font-weight:600;letter-spacing:.04em}.brand-mark{display:flex;align-items:center;justify-content:center;gap:4px;width:44px;height:44px;background:var(--green);border-radius:13px;transform:rotate(-4deg)}.brand-mark i{display:block;width:3px;background:#f0eddd;border-radius:3px}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:19px}.brand-mark i:nth-child(4){height:9px}.brand-sub{display:block;font-size:8px;color:#899084;letter-spacing:.14em;font-weight:500;margin-top:6px}.header-actions{display:flex;align-items:center;gap:24px}.nav-button{display:flex;align-items:center;gap:8px;color:#586757;font-size:12px}.nav-button svg{width:17px;height:17px}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}.icon-button:hover{background:#e8ebdf}.history-count{display:grid;place-items:center;min-width:17px;height:17px;border-radius:99px;background:#e3e8dc;color:#4e624d;font-size:10px}.intro{display:flex;justify-content:space-between;align-items:center;padding:47px 0 35px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.16em;color:#889280;font-weight:500}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#89a37c}.intro h1{font-family:var(--serif);font-size:39px;letter-spacing:.02em;margin:16px 0 14px;font-weight:500;line-height:1.5}.intro h1 span{color:#73836c}.intro>div>p{font-size:12px;color:#8b9387;margin:0;letter-spacing:.06em}.intro-note{display:flex;align-items:center;gap:19px;padding-right:10px}.note-flower{font-size:45px;font-weight:300;line-height:1;color:#839077}.intro-note p{font-family:var(--serif);font-size:12px!important;color:#66715e!important;line-height:2.1;letter-spacing:.04em!important}.intro-note p span{color:#9ba18f}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:25px}.controls-column{min-width:0}.listen-card{background:var(--paper);border:1px solid var(--border);border-radius:19px;padding:22px 23px 18px;box-shadow:0 4px 22px #213c2b03}.card-topline{display:flex;justify-content:space-between;align-items:center}.small-caps{font-size:8px;color:#9aa08f;letter-spacing:.12em}.connection-label{display:flex;align-items:center;gap:5px;font-size:9px;color:#889680}.connection-label i{display:block;width:5px;height:5px;background:#96ab87;border-radius:50%}.connection-label.error{color:#a16a51}.connection-label.error i{background:#b47a60}.language-route{display:flex;justify-content:center;align-items:center;gap:29px;padding-top:30px}.language-route>div{display:flex;flex-direction:column;align-items:center}.language-code{display:grid;place-items:center;width:45px;height:45px;font-family:Georgia,serif;font-size:21px;background:#f2f1e9;border:1px solid #e9e8de;border-radius:13px;color:#697360}.language-code.target{font-family:var(--serif);background:#eaf0e5;border-color:#dfe8d8;color:#35533c}.language-route strong{font-size:12px;font-weight:500;margin-top:10px}.language-route small{color:#a1a692;font-size:9px;margin-top:5px}.route-arrow{width:29px;position:relative;top:-17px;color:#98a38e}.route-arrow svg{width:27px;height:27px;stroke-width:1}.listening-stage{text-align:center;padding:25px 0 20px}.waveform{height:61px;display:flex;align-items:center;justify-content:center;gap:4px;padding:9px 0}.waveform i{display:block;width:3px;height:var(--height);background:#a3b59a;border-radius:5px;transition:height .14s;opacity:.45}.waveform i:nth-child(3n){background:#597a56}.listening-stage.listening .waveform i{opacity:.75;animation:wave 1s ease-in-out infinite;animation-delay:var(--delay)}.listening-stage.speaking .waveform i{opacity:1;background:#739463}.listening-stage.connecting .waveform i{animation:wave 1.6s ease-in-out infinite;animation-delay:var(--delay);opacity:.5}.listening-stage p{font-size:15px;letter-spacing:.03em;margin:12px 0 8px;font-weight:500}.listening-stage>span{font-size:10px;color:#929b89}.session-metrics{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0e7;padding:16px 1px;font-size:10px;color:#788572}.session-metrics>span{display:flex;align-items:center;gap:6px}.session-metrics #session-time{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.record-dot{width:5px;height:5px;background:#b7beac;border-radius:50%}.record-dot.active{background:#628453;animation:blink 1.6s infinite}.muted{color:#a0a794}.start-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;border-radius:10px;color:#f8faf0;background:var(--green);font-size:13px;letter-spacing:.05em;box-shadow:0 3px 7px #244d3e0b}.start-button svg{width:16px;height:16px}.start-button:hover{background:#315f4d}.start-button:disabled{opacity:.62}.start-button.stop{background:#385c48}.mic-note{text-align:center;color:#a5aa9a;font-size:9px;margin-top:12px;line-height:1.7}.voice-card{background:#eeefe5;border:1px solid #e4e7d9;border-radius:13px;margin-top:14px;padding:18px}.voice-heading{display:flex;align-items:center;gap:12px}.voice-icon{color:#788c6c;display:flex}.voice-icon svg{width:19px;height:19px}.voice-heading>div{flex:1}.voice-heading strong{font-size:11px;font-weight:500}.voice-heading p{font-size:9px;color:#9aA18d;margin:5px 0 0}.switch{width:32px;height:19px;background:#ccd4c1;border-radius:99px;padding:3px;flex-shrink:0}.switch>span{display:block;height:13px;width:13px;background:#fffef8;border-radius:50%;transition:transform .18s}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]>span{transform:translateX(13px)}.voice-hint{font-size:10px;color:#849274;line-height:1.7;margin:14px 0 0}.session-note{display:flex;gap:11px;margin:26px 8px 15px}.note-number{font-family:Georgia,serif;color:#9ca98c;font-size:13px;padding-top:3px}.session-note p{font-size:10px;line-height:1.9;color:#969f8b;margin:0}.demo-button{display:flex;align-items:center;gap:7px;color:#7b8f71;font-size:10px;margin:0 auto;padding:8px 12px}.demo-button svg{width:14px;height:14px}.demo-button:hover{color:#35563c}.transcript-panel{position:relative;min-height:602px;border:1px solid var(--border);border-radius:19px;background:var(--paper);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 24px #213c2b03}.transcript-toolbar{display:flex;align-items:center;justify-content:space-between;padding:25px 29px 0}.transcript-title{display:flex;align-items:center;gap:8px}.transcript-title h2{font-size:15px;font-weight:500;margin:0;letter-spacing:.03em}.source-control{display:flex;align-items:center;gap:5px;font-size:10px;color:#87927e;cursor:pointer;position:relative}.source-control input{position:absolute;opacity:0;width:14px;height:14px}.custom-checkbox{height:13px;width:13px;background:#e8eede;border:1px solid #b5c2a7;border-radius:3px;display:flex;align-items:center;justify-content:center}.custom-checkbox svg{width:10px;height:10px;color:#718268;stroke-width:2}.source-control input:not(:checked)+.custom-checkbox{background:transparent;border-color:#c9d0bf}.source-control input:not(:checked)+.custom-checkbox svg{visibility:hidden}.source-control input:focus-visible+.custom-checkbox{outline:2px solid var(--green)}.session-badge{color:#8c7656;background:#f1ead9;border-radius:4px;padding:3px 5px;font-size:9px}.course-row{display:flex;align-items:center;gap:12px;margin:14px 29px 0;padding-bottom:18px;border-bottom:1px solid #eef0e7}.course-row input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:#7c8972;font-size:10px;padding:2px 0;text-overflow:ellipsis}.course-row input::placeholder{color:#a4ab98}.course-date{font-size:9px;white-space:nowrap;color:#a9af9e;font-variant-numeric:tabular-nums}.transcript-body{height:443px;min-height:260px;overflow-y:auto;overscroll-behavior:contain;padding:0 29px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#dbe0cf transparent;flex:1}.empty-state{height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 0 30px}.paper-illustration{width:139px;height:122px;position:relative;margin-bottom:24px}.paper-back{position:absolute;width:76px;height:97px;border-radius:6px;background:#edf0e5;border:1px solid #dde4d3;transform:rotate(-13deg);left:18px;top:12px}.paper-front{position:absolute;width:84px;height:106px;border-radius:6px;background:#fffefa;border:1px solid #d9e0ce;transform:rotate(7deg);left:38px;top:10px;padding:17px 13px;box-shadow:2px 3px 0 #d9e0ce30}.paper-label{display:flex;align-items:center;justify-content:space-between;color:#8c9e7d;font-family:var(--serif);font-size:12px;margin-bottom:15px;white-space:nowrap}.paper-label svg{width:12px;height:12px}.paper-front i{display:block;height:2px;margin:6px 0;background:#e1e7d8;border-radius:9px}.paper-front i:nth-last-of-type(1){width:60%}.paper-seal{position:absolute;bottom:2px;right:4px;font-size:27px;color:#9bab89}.floating-star{position:absolute;top:1px;right:-3px;font-size:27px;color:#a8b198}.empty-state h3{font-size:16px;font-weight:400;letter-spacing:.04em;font-family:var(--serif);margin:0 0 13px;color:#819074}.empty-state>p{font-size:10px;line-height:2.1;color:#a2aa98;margin:0}.empty-features{display:flex;align-items:center;gap:20px;margin-top:24px;color:#a4af99;font-size:9px}.empty-features span{position:relative}.empty-features span:not(:first-child):before{content:"";position:absolute;left:-10px;top:4px;width:2px;height:2px;background:#c4ccbc;border-radius:50%}.transcript-footer{height:65px;flex-shrink:0;border-top:1px solid #e9ecdf;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fcfcf7;gap:10px}.transcript-footer>span{font-size:9px;color:#a2ab96;display:flex;align-items:center;gap:6px}.local-dot{display:inline-block;width:4px;height:4px;background:#a8b79a;border-radius:50%;flex-shrink:0}.save-button{display:flex;align-items:center;gap:6px;border:1px solid #dce3d2;background:#f5f7ee;padding:8px 12px;border-radius:7px;color:#708568;font-size:10px;white-space:nowrap}.save-button svg{width:13px;height:13px}.save-button:disabled{opacity:.42}.save-button:hover:not(:disabled){background:#e9efdd}.segments{padding-top:9px;padding-bottom:20px}.segment{padding:20px 0;border-bottom:1px solid #edf0e6;animation:appear .25s ease-out}.segment:last-child{border-bottom:0}.segment-meta{display:flex;align-items:center;gap:8px;font-size:9px;color:#a5ae9a;font-variant-numeric:tabular-nums;margin-bottom:10px}.segment-index{font-family:Georgia,serif;font-size:11px;color:#86977d}.segment-latency{margin-left:auto}.segment-source{font-size:12px;line-height:1.8;margin:0 0 9px;color:#8c9584;white-space:pre-wrap;overflow-wrap:anywhere}.segment-translation{font-size:16px;line-height:1.9;color:#394e3c;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.segment.pending .segment-translation:empty:before{content:"正在翻译…";font-size:12px;color:#a1ad96}.segment.error .segment-translation{color:#aa7f63;font-size:12px}.segments.hide-source .segment-source{display:none}.streaming-cursor{display:inline-block;height:15px;width:2px;background:#708764;margin-left:2px;animation:blink .9s infinite;vertical-align:-2px}.live-tail{display:flex;align-items:center;gap:4px;padding:0 0 25px}.live-tail>span{width:3px;height:3px;background:#8ca178;border-radius:50%;animation:blink 1.2s infinite}.live-tail>span:nth-child(2){animation-delay:.2s}.live-tail>span:nth-child(3){animation-delay:.4s}.live-tail p{font-size:10px;color:#97a48a;margin:0 0 0 7px}.scroll-latest{position:absolute;right:28px;bottom:78px;border:1px solid #d9e1ce;background:#f0f4e9;color:#658258;box-shadow:0 2px 12px #304b3010;border-radius:20px;padding:8px 12px;font-size:10px}.page-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a4ac97;margin:30px 0 25px;letter-spacing:.035em}.page-footer i{font-style:normal;margin:0 8px;color:#bbc1b1}.footer-symbol{font-size:15px;color:#8fa180;margin-left:8px}.notice{position:fixed;z-index:10;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:min(560px,calc(100vw - 32px));width:max-content;padding:14px 16px;border-radius:12px;background:#284b3c;color:#fffdf0;box-shadow:0 8px 35px #1e362a25;font-size:12px;line-height:1.7}.notice button{color:inherit;font-size:22px;line-height:1;padding:0 4px}.modal{width:min(460px,calc(100% - 32px));border:1px solid #e1e6d6;border-radius:19px;background:var(--paper);color:var(--ink);padding:0;box-shadow:0 20px 80px #18372722;max-height:min(85dvh,800px);overflow:auto}.modal::backdrop{background:#203e2c44;backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 26px 18px;border-bottom:1px solid var(--border);margin:0}.modal-heading h2{font-family:var(--serif);font-size:23px;font-weight:500;margin:12px 0 0}.modal-heading .eyebrow{font-size:8px}.modal-heading .icon-button{--icon-bg:var(--paper)}.modal-content{padding:22px 26px 27px}.field-label{display:block;font-size:12px;font-weight:500;margin:0 0 8px}.field-label span{font-size:10px;color:var(--muted);font-weight:400;margin-left:7px}.field-description{font-size:11px;color:#8b9680;line-height:1.9;margin:0 0 15px}.modal textarea,.modal select,.modal input{border:1px solid #dfe6d4;background:#f9faf4;border-radius:9px;padding:12px;color:#45613d;width:100%;font-size:14px;line-height:1.65;margin:0 0 21px;resize:vertical}.modal textarea::placeholder{color:#a5ad9b}.modal select{appearance:auto}.settings-note{font-size:10px;color:#9ba38e;line-height:1.9;margin:16px 0 22px}.primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--green);color:#fffef2;border-radius:9px;font-size:13px}.primary-button:hover{background:#365f4a}.primary-button:disabled{opacity:.6}.primary-button svg{width:16px;height:16px}.history-list{display:grid;gap:10px}.history-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid #e3e8d9;border-radius:10px;padding:14px}.history-item:hover{background:#f1f5e9}.history-item>div{flex:1;min-width:0}.history-item strong{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item p{font-size:10px;color:#939f87;margin:7px 0 0}.history-item svg{width:14px;height:14px;color:#93a184}.history-empty{padding:30px 10px;text-align:center;color:#97a08c;font-size:12px}.export-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:17px 12px;border:1px solid #e1e7d6;border-radius:11px;margin-top:11px}.export-option:hover{background:#f4f7ee}.export-option>span:nth-child(2){flex:1}.export-option strong{display:block;font-size:12px;font-weight:500}.export-option small{display:block;font-size:9px;color:#939f86;margin-top:7px}.export-option>svg{width:14px;height:14px;color:#a0ad90}.export-icon{display:grid;place-items:center;width:32px;height:38px;border-radius:6px;background:#eef2e7;color:#8a9d78}.export-icon svg{width:18px;height:18px}.share-button{margin-top:21px}.form-error{color:#a6644f;font-size:12px;line-height:1.7}.login-modal{max-width:400px}.live-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes wave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}@keyframes blink{0%,100%{opacity:.45}50%{opacity:1}}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.app-shell{padding:0 60px}.intro{padding-top:60px;padding-bottom:43px}.transcript-panel{min-height:640px}.listen-card{padding-top:25px;padding-bottom:21px}.listening-stage{padding-top:35px;padding-bottom:27px}.language-route{padding-top:34px}}@media(max-width:1100px){.app-shell{padding:0 36px}.workspace{grid-template-columns:300px minmax(0,1fr);gap:19px}.listen-card{padding-left:19px;padding-right:19px}.intro h1{font-size:34px}.intro-note{padding-right:0}.transcript-toolbar{padding-left:23px;padding-right:23px}.course-row{margin-left:23px;margin-right:23px}.transcript-body{padding:0 23px}.transcript-footer{padding:0 23px}}@media(max-width:820px){.app-shell{padding:0 24px}.site-header{height:90px}.intro{padding:35px 0 28px}.intro-note{display:none}.workspace{grid-template-columns:260px minmax(0,1fr);gap:16px}.listen-card{padding:19px 17px 17px}.card-topline{gap:4px}.small-caps{font-size:7px;letter-spacing:.08em}.connection-label{font-size:8px}.language-route{gap:22px}.intro h1{font-size:32px}.source-control{font-size:9px}.transcript-toolbar{padding:22px 18px 0}.course-row{margin-left:18px;margin-right:18px;gap:5px}.course-date{font-size:8px}.transcript-body{padding:0 18px}.empty-state h3{font-size:13px}.empty-state>p{font-size:9px}.empty-features{font-size:8px;gap:13px}.empty-features span:not(:first-child):before{left:-7px}.transcript-footer{padding:0 17px;flex-wrap:wrap;gap:5px}.transcript-footer>span{font-size:8px}.save-button{padding:7px 9px;font-size:9px}.session-note{margin-left:3px;margin-right:3px;gap:7px}.session-note p{font-size:9px}}@media(max-width:640px){.app-shell{padding:0 20px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.site-header{height:83px;padding-top:env(safe-area-inset-top)}.brand{font-size:18px;gap:10px}.brand-mark{width:36px;height:36px;border-radius:10px;gap:3px}.brand-mark i{width:2.5px}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:17px}.brand-sub{font-size:6.5px;letter-spacing:.13em;margin-top:5px}.header-actions{gap:10px}.nav-button{font-size:11px;gap:5px}.nav-button svg{width:15px;height:15px}.icon-button{width:32px;height:32px}.icon-button svg{width:19px;height:19px}.intro{padding:29px 0 25px}.eyebrow{font-size:7px;letter-spacing:.13em}.intro h1{font-size:29px;margin:12px 0 9px;letter-spacing:0}.intro>div>p{font-size:10px}.workspace{display:flex;flex-direction:column;gap:19px}.listen-card{padding:18px 19px 15px;border-radius:16px;position:relative}.card-topline .small-caps{font-size:7px;letter-spacing:.12em}.connection-label{font-size:9px}.language-route{justify-content:flex-start;gap:13px;padding-top:22px}.language-route>div{display:grid;grid-template-columns:31px 39px;grid-template-rows:17px 15px;column-gap:8px;align-items:center}.language-code{grid-row:1/3;width:31px;height:31px;border-radius:9px;font-size:15px}.language-route strong{font-size:11px;margin:0;align-self:end}.language-route small{font-size:7px;margin:0;align-self:start;margin-top:2px;white-space:nowrap}.route-arrow{width:18px;top:0}.route-arrow svg{width:18px;height:18px}.listening-stage{padding:17px 0 12px;display:grid;grid-template-columns:1fr 83px;text-align:left;align-items:center}.waveform{grid-column:2;grid-row:1/3;width:83px;height:46px;overflow:hidden;gap:3px;padding:0;justify-self:end}.waveform i{width:2px;flex-shrink:0;height:calc(var(--height)*.72)}.waveform i:nth-child(-n+5),.waveform i:nth-last-child(-n+5){display:none}.listening-stage p{grid-column:1;grid-row:1;margin:0 0 6px;font-size:15px}.listening-stage>span{grid-column:1;grid-row:2;font-size:9px}.session-metrics{padding:11px 0 12px;font-size:9px}.session-metrics #session-time{font-size:11px}.start-button{min-height:47px;font-size:13px;border-radius:9px}.mic-note{margin-top:10px;font-size:8px}.voice-card{margin-top:10px;padding:13px 16px;border-radius:11px}.voice-heading{gap:10px}.voice-heading>div{display:flex;align-items:center;gap:9px}.voice-heading strong{font-size:11px;white-space:nowrap}.voice-heading p{font-size:9px;margin:0}.voice-icon svg{width:17px;height:17px}.voice-hint{font-size:9px;margin-top:10px}.session-note{display:none}.demo-button{position:absolute;top:134px;right:22px;font-size:9px;opacity:.85;padding:5px 0}.controls-column{position:relative}.transcript-panel{min-height:400px;border-radius:16px}.transcript-toolbar{padding:20px 19px 0}.transcript-title h2{font-size:13px}.source-control{font-size:9px}.course-row{margin:12px 19px 0;padding-bottom:14px}.course-row input{font-size:16px;transform:scale(.68);transform-origin:left;width:145%;margin-right:-32%;padding:0;height:20px}.course-date{font-size:8px}.transcript-body{padding:0 19px;height:380px;max-height:65dvh;flex:auto}.empty-state{min-height:309px;padding:27px 0 25px}.paper-illustration{transform:scale(.8);height:102px;margin-bottom:13px}.empty-state h3{font-size:14px;margin-bottom:12px}.empty-state>p{font-size:9px}.empty-features{font-size:8px;gap:20px;margin-top:19px}.empty-features span:not(:first-child):before{left:-10px}.transcript-footer{height:59px;padding:0 18px;flex-wrap:nowrap}.transcript-footer>span{font-size:8px}.save-button{font-size:10px;padding:8px 10px}.page-footer{margin:21px 0;padding-bottom:max(10px,env(safe-area-inset-bottom));font-size:8px}.page-footer>span:nth-child(2){display:none}.page-footer i{margin:0 5px}.segment{padding:17px 0}.segment-source{font-size:12px;line-height:1.8}.segment-translation{font-size:16px;line-height:1.85}.segment-meta{font-size:9px}.modal{width:calc(100% - 28px);border-radius:16px}.modal-heading{padding:23px 21px 17px}.modal-content{padding:20px 21px 23px}.modal textarea,.modal input,.modal select{font-size:16px}.field-description{font-size:12px}.settings-note{font-size:11px}.notice{font-size:11px}.history-item strong{font-size:13px}.history-item p{font-size:11px}}@media(max-width:360px){.app-shell{padding-left:15px;padding-right:15px}.brand{font-size:16px}.brand-sub{font-size:6px}.header-actions{gap:5px}.nav-button{font-size:10px}.intro h1{font-size:26px}.voice-heading>div{gap:6px}.voice-heading p{font-size:8px}.demo-button{font-size:8px;right:19px}.listening-stage>span{font-size:8px}.transcript-footer{padding:0 13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media print{.site-header,.intro,.controls-column,.transcript-footer,.page-footer,.source-control,.scroll-latest,.notice,dialog,.live-tail{display:none!important}.app-shell{max-width:none;padding:0}.workspace{display:block}.transcript-panel{border:0;overflow:visible;display:block}.transcript-body{height:auto;max-height:none;overflow:visible}.segment{break-inside:avoid}.segments.hide-source .segment-source{display:block}.course-row input{transform:none;width:auto;font-size:16px}body{background:white}.transcript-toolbar{padding-top:0}}

/* Keep the live transcript and stop control together on a classroom phone. */
.switch{position:relative}.switch:after{content:"";position:absolute;inset:-13px -6px}.icon-button{min-width:44px;min-height:44px}.nav-button{min-height:44px}.source-control{min-height:32px}
@media(max-width:640px){
.session-active .intro{display:none}.session-active .site-header{height:70px}.session-active .workspace{margin-top:14px;gap:13px}.session-active .controls-column{position:sticky;top:0;z-index:4;background:var(--bg);padding-top:max(5px,env(safe-area-inset-top));padding-bottom:4px}.session-active .listen-card{display:grid;grid-template-columns:minmax(0,1fr) 113px;gap:0 12px;padding:14px 16px 11px}.session-active .card-topline{grid-column:1;justify-content:flex-start}.session-active .small-caps,.session-active .language-route{display:none}.session-active .listening-stage{grid-column:1;display:block;padding:10px 0 6px}.session-active .listening-stage p{font-size:13px;margin:0}.session-active .listening-stage>span,.session-active .waveform{display:none}.session-active .session-metrics{grid-column:1;border:0;padding:5px 0 0;font-size:8px;justify-content:flex-start;gap:15px}.session-active .session-metrics #session-time{font-size:10px}.session-active .start-button{grid-column:2;grid-row:1/4;align-self:center;min-height:48px;font-size:12px}.session-active .mic-note{grid-column:1/3;font-size:9px;margin-top:9px;text-align:left;color:#94a084}.session-active .voice-card{padding:10px 15px;margin-top:8px}.session-active .voice-heading>div{gap:12px}.session-active .voice-hint{margin:8px 0 0}.session-active .transcript-panel{min-height:390px}.session-active .transcript-body{height:calc(100dvh - 354px);min-height:280px;max-height:none}.session-active .empty-state{min-height:270px}.session-active .paper-illustration{transform:scale(.65);margin-bottom:0;height:87px}.session-active .empty-state h3{font-size:13px}.session-active .page-footer{margin-top:15px}.header-actions{gap:3px}.nav-button{min-width:75px}.icon-button{width:44px;height:44px}.demo-button{min-height:32px}.session-active .scroll-latest{bottom:72px}
}

.translation-note{flex-shrink:0;padding-bottom:8px;margin:11px 30px 0;font-size:11px;line-height:1.7;color:#7b8876}.interpretation-mode{margin:21px 0;padding:15px 17px;border:1px solid var(--border);border-radius:12px;background:#f1f4eb}.interpretation-mode strong{font-size:13px;color:var(--green)}.interpretation-mode p{margin:7px 0 0;font-size:12px;line-height:1.8;color:#75806e}.segment.refining .segment-latency{color:#667c52}.segment.pending .segment-translation{color:#42634e}@media(max-width:1100px){.translation-note{margin-left:23px;margin-right:23px}}@media(max-width:820px){.translation-note{margin-left:18px;margin-right:18px;font-size:10px}}@media(max-width:640px){.translation-note{margin-left:19px;margin-right:19px;font-size:10px}}@media print{.translation-note{display:none}}

/* Voice details remain legible in the compact recording bar. */
@media(max-width:640px){.voice-heading>div,.session-active .voice-heading>div{display:block;min-width:0}.voice-heading p{margin-top:3px;font-size:9px;line-height:1.4}.voice-heading strong{font-size:11px}}

.segment-live-source{margin:12px 0 0;padding-top:9px;border-top:1px dashed #e3e8db;font-size:11px;line-height:1.7;color:#87927e;white-space:pre-wrap;overflow-wrap:anywhere}.segments.hide-source .segment-live-source{display:none}