:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#2d1f1a;background:#fffaf5;font-synthesis:none;--green:#b94713;--dark:#9d3c10;--line:#ece7e1;--muted:#687076;--pale:#fff1e7;--danger:#b52f2f}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{min-height:44px;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.5}input,textarea,select{min-width:0;max-width:100%;border:1px solid #dcd7d1;border-radius:10px;background:#fff;padding:11px 12px;color:inherit;font-size:16px}input::placeholder,textarea::placeholder{color:#8c8b88}input[type=checkbox],input[type=radio]{accent-color:#c44811}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #efaa7c;outline-offset:2px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.muted{color:var(--muted)}
.workspace{max-width:1060px;margin:0 auto;padding:12px 24px 20px;min-height:100dvh;display:flex;flex-direction:column}.page-header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;margin-bottom:12px;flex:none}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-logo{width:120px;height:auto;display:block}.brand-product{border-left:1px solid #ddd5cc;padding-left:12px;font-size:22px;font-weight:700}.fullscreen-button{border:1px solid #e5c8b3;background:#fff8f1;color:#9e4217;border-radius:10px;padding:9px 15px;font-size:14px;white-space:nowrap}.fullscreen-button:hover{background:#ffebdc}.devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;max-width:1000px;flex:1;min-height:0;margin:0 auto}.device-wrap{min-width:0;display:flex;flex-direction:column}.device-caption{font-size:12px;line-height:22px;color:#687076;padding:0 2px 5px;flex:none}.phone{display:flex;flex-direction:column;height:calc(100dvh - 116px);min-height:560px;max-height:1000px;overflow:hidden;background:#fff;border:1px solid #e1dad2;border-radius:16px}.device-tabs{display:none}.single-view .workspace{max-width:580px}.single-view .devices{display:flex;max-width:none}.single-view .device-wrap{width:100%}.single-view .device-caption{display:none}.single-view .phone{height:calc(100dvh - 92px)}
.primary,.send-button{background:#f26a21;color:#2d1f1a;font-weight:650}.primary:hover,.send-button:hover{background:#c44811;color:#fff}.primary,.secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:10px;font-size:16px;padding:10px 14px}.secondary{border:1px solid #e3d7cd;background:#fff;color:#674c3c}.secondary:hover{background:#fff7f0}.text-button{font-size:13px;padding:6px 8px;color:#a44115}.icon-button{width:44px;min-width:44px;border-radius:10px;font-size:25px}.icon-button:hover{background:#fff1e7}
.join-screen{flex:1;min-height:0;overflow-y:auto;padding:28px 24px}.join-title{font-size:24px;line-height:1.4;margin:0 0 8px;font-weight:650}.join-description{font-size:14px;line-height:1.7;color:#687076;margin:0 0 25px}.join-form{display:flex;flex-direction:column;gap:14px}.field-label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}.field-label input{width:100%;min-height:46px;font-weight:400}.identity-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:2px 0;padding:0;border:0}.identity-options legend{font-size:14px;font-weight:600;padding:0;margin-bottom:9px}.identity-card{position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid #ddd7cf;border-radius:10px;padding:15px 12px;min-height:96px;cursor:pointer;background:#fff}.identity-card:has(input:checked){background:#fff1e7;border-color:#e18a50;box-shadow:inset 0 0 0 1px #e18a50}.identity-card input{position:absolute;right:10px;top:13px;width:17px;height:17px;margin:0;padding:0}.identity-card strong{font-size:16px;padding-right:21px}.identity-card small{font-size:12px;line-height:1.6;color:#6f665d}.create-room.text-button{align-self:center;color:#78685b;font-size:13px;margin-top:0}.scan-other{font-size:14px;min-height:44px}.join-notice{font-size:13px;line-height:1.65;color:var(--danger);margin:14px 0 0;overflow-wrap:anywhere}.join-notice.info{color:#8f511f}
.room-screen{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#fff}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 15px 2px;flex:none}.identity-button{display:flex;align-items:center;text-align:left;min-width:0;gap:10px;padding:2px 0}.member-name{display:block;max-width:220px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:17px;font-weight:650}.member-role{display:block;font-size:12px;line-height:1.7;color:#687076;margin-top:2px}.chevron{font-size:18px;color:#7a7067}.share-room{border:1px solid #ead5c5;border-radius:9px;color:#a44115;background:#fff8f1;padding:8px 11px;font-size:13px;white-space:nowrap;flex:none}.room-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:29px;padding:0 15px 7px;border-bottom:1px solid #eee8e2;flex:none;font-size:11px;color:#7b746c}.connection-state{display:flex;align-items:center;gap:6px;white-space:nowrap}.connection-state i{width:6px;height:6px;border-radius:50%;background:#bb833e}.connection-state.ready i{background:#438164}.audio-strip{font-size:11px;color:#7b746c;text-align:right}.chat-scroll{flex:1 1 220px;min-height:125px;overflow:auto;padding:12px 15px;scrollbar-width:thin;overscroll-behavior:contain;background:#fbfaf8}.messages{display:flex;flex-direction:column;gap:13px}.message{max-width:92%;align-self:flex-start;min-width:0}.message.own{align-self:flex-end}.message-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:10px;color:#81776d;margin-bottom:4px}.own .message-meta{justify-content:flex-end}.bubble{padding:10px 12px;border:1px solid #e7e1d9;border-radius:11px;background:#fff;font-size:18px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.own .bubble{background:#fff1e7;border-color:#f1d7c2}.message-tools{display:flex;align-items:center;gap:12px;min-height:31px;margin-top:1px}.own .message-tools{justify-content:flex-end}.message-tools button{font-size:12px;color:#916244;min-height:32px;padding:3px 1px}.message-tools button.playing{color:#a42e26}.message-edited{font-size:10px;color:#8b8177}.empty-chat{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:125px;height:100%;color:#687076;text-align:center;padding:15px}.empty-chat p{font-size:17px;margin:5px 0 10px}.empty-chat small{font-size:13px;line-height:1.6}.live-caption{flex:none;margin:0;padding:10px 15px;background:#fff4df;border-top:1px solid #efd7ae;border-bottom:1px solid #efd7ae;max-height:150px;overflow:auto;line-height:1.5}.live-tag{display:block;font-size:11px;color:#9b651d;margin-bottom:4px}.live-text{font-size:19px;white-space:pre-wrap;overflow-wrap:anywhere}
.reply-section{flex:none;padding:5px 12px 9px;border-top:1px solid #eee8e2;background:#fff}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}.section-heading strong{font-size:13px;font-weight:600}.section-heading .text-button{min-height:36px}.question-context{font-size:11px;line-height:1.5;color:#84796f;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reply-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.reply-option{text-align:left;background:#fff5ec;border:1px solid #eed6c2;border-radius:9px;font-size:14px;line-height:1.5;padding:9px 10px;min-height:46px;color:#7b3919;overflow-wrap:anywhere}.reply-option:hover:not(:disabled){background:#ffe8d6;border-color:#db9d71}.reply-state{font-size:11px;line-height:1.6;color:#84796f;margin:5px 0 0}.reply-state.error{color:var(--danger)}.room-screen.is-typing .reply-section{display:none}.shortcuts-section{flex:none;padding:1px 12px 7px;border-top:1px solid #eee8e2;background:#fff}.shortcuts,.frequent-shortcuts{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}.shortcut{flex:none;min-height:40px;white-space:nowrap;padding:7px 10px;border:1px solid #e7dbd0;background:#fffaf5;color:#7f543b;border-radius:8px;font-size:13px;line-height:1.5}.frequent-row{display:flex;align-items:center;gap:6px;margin-top:4px;min-width:0}.frequent-label{font-size:11px;color:#956a4b;white-space:nowrap}.frequent-shortcut{background:#fff0df}.panel-notice{flex:none;background:#fff4e6;border-top:1px solid #efddc6;font-size:12px;line-height:1.6;padding:7px 13px;color:#8e561e;overflow-wrap:anywhere;max-height:90px;overflow-y:auto}
.composer{position:sticky;bottom:0;z-index:2;flex:none;background:#fff;border-top:1px solid #e5ddd5;padding:9px 12px 8px}.composer-label{display:block}.message-input{width:100%;display:block;resize:none;min-height:44px;max-height:90px;font-size:16px;line-height:1.45;background:#fffaf6;border-color:#ded3c7;padding:10px 11px}.composer-actions{display:flex;align-items:center;gap:10px;padding-top:5px}.complete-sentence{font-size:13px;min-height:44px}.send-button{margin-left:auto;border-radius:9px;min-height:44px;min-width:82px;font-size:15px;padding:9px 18px}.phrase-matches{display:flex;align-items:center;gap:6px;padding-top:7px;overflow-x:auto}.phrase-match-label{font-size:11px;color:#8a7766;white-space:nowrap}.completion-section{padding-top:7px}.completion-state{font-size:11px;line-height:1.5;color:#8d6448;margin:0 0 5px}.completion-state.error{color:var(--danger)}.completion-options{display:flex;flex-direction:column;gap:5px;max-height:160px;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.completion-row{display:flex;flex:none;border:1px solid #eed7c3;border-radius:8px;background:#fff6ed;overflow:hidden}.completion-option{flex:1;min-width:0;text-align:left;font-size:14px;line-height:1.5;padding:9px 10px;min-height:44px;overflow-wrap:anywhere;color:#7d3e1d}.completion-option:hover{background:#ffead8}.completion-edit{flex:none;min-width:44px;font-size:12px;color:#8d6448;border-left:1px solid #eed7c3;padding:6px}
.hearing-controls{position:sticky;bottom:0;z-index:2;flex:none;padding:16px 16px 12px;background:#fff;border-top:1px solid #e6dfd7}.mic-button{display:flex;width:100%;align-items:center;justify-content:center;gap:14px;min-height:92px;padding:18px;border:1px solid #dc721f;border-radius:14px;background:#f26a21;color:#2d1f1a;font-size:23px;font-weight:650}.mic-button:hover{background:#ea5d17}.mic-button.recording{background:#fff0eb;border-color:#d35c44;color:#a52d21}.mic-icon{display:block;position:relative;width:14px;height:23px;border:2px solid currentColor;border-radius:8px;flex:none}.mic-icon:after{content:"";position:absolute;left:-7px;top:6px;width:24px;height:23px;border:2px solid currentColor;border-top:0;border-radius:0 0 12px 12px}.mic-button.recording .mic-icon{width:18px;height:18px;border-radius:3px;background:currentColor;border:0}.mic-button.recording .mic-icon:after{display:none}.recording-time{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.speech-hint{font-size:12px;line-height:1.7;color:#687076;text-align:center;margin:10px 0 0}.mic-notice{font-size:13px;line-height:1.65;color:var(--danger);margin:8px 0 0;overflow-wrap:anywhere}.room-screen[data-role=hearing] .chat-scroll{flex-basis:350px}
.display-notice{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #ecd8b9;border-radius:10px;background:#fff6e5;color:#865c28;font-size:12px;line-height:1.6;padding:5px 10px;margin-bottom:10px;flex:none}.display-notice button{min-width:44px;font-size:23px}.device-demo{overflow:hidden}.device-demo .workspace{position:fixed;top:var(--device-viewport-top,0px);left:0;width:100%;height:var(--device-viewport-height,100dvh);min-height:0;max-width:none;padding:6px 14px 10px;overflow:hidden}.device-demo .page-header{width:100%;max-width:1000px;margin:0 auto 6px;min-height:44px}.device-demo .device-caption{display:none}.device-demo .devices{max-width:1000px;align-items:stretch}.device-demo .phone{height:100%;min-height:0;max-height:none;flex:1}.device-demo.single-view .devices,.device-demo.single-view .page-header{max-width:580px}.device-demo .display-notice{max-width:1000px;width:100%;margin:0 auto 6px}.device-demo dialog{max-height:calc(var(--device-viewport-height,100dvh) - 24px)}.display-short .chat-scroll{min-height:80px;flex-basis:100px}.display-short .completion-options{max-height:110px}.display-short .shortcuts-section{max-height:110px;overflow-y:auto}.display-short.display-editing .reply-section,.display-short.display-editing .shortcuts-section{display:none}.display-very-short .room-meta{display:none}.display-very-short .room-heading{padding-top:2px;padding-bottom:0}.display-very-short .chat-scroll{min-height:48px;flex-basis:48px}.display-very-short .completion-options{max-height:90px}.display-very-short .hearing-controls{padding:8px 12px}.display-very-short .mic-button{min-height:60px;font-size:20px}.display-very-short .speech-hint{font-size:11px;margin-top:5px}
/* Native dialogs keep destructive confirmation distinct from ordinary actions. */
dialog{width:min(430px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid #e4ddd5;border-radius:20px;padding:18px 22px 22px;color:inherit;background:#fff;box-shadow:0 20px 70px #4c2c1730}dialog::backdrop{background:#37251855}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.modal-header h2{font-size:19px;margin:0}.modal-header button{margin-right:-7px}.modal-copy{font-size:13px;line-height:1.75;color:#687076;overflow-wrap:anywhere}.modal-input,.modal-textarea,.modal-select{width:100%;font-size:16px;margin:8px 0 13px;min-height:44px}.modal-textarea{min-height:110px;resize:vertical}.modal-select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px}.modal-qr{display:block;width:205px;height:205px;max-width:100%;margin:10px auto 15px;border:1px solid var(--line);border-radius:12px}.invite-code{display:block;text-align:center;font-size:27px;font-weight:700;letter-spacing:4px;color:#a44115;margin:13px 0;overflow-wrap:anywhere}.modal-actions{display:flex;gap:9px;margin-top:12px}.modal-actions button{flex:1}.modal-error{font-size:13px;line-height:1.6;color:var(--danger);overflow-wrap:anywhere}.danger-button{color:var(--danger);font-size:14px;width:100%;margin-top:14px}.copy-success{color:#397652}.member-list{list-style:none;margin:0;padding:0}.member-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between;gap:8px}.member-list small{font-size:12px;color:#687076}.phrase-editor-row{display:flex;align-items:center;gap:6px;margin:7px 0}.phrase-editor-row input{width:100%;font-size:14px;min-height:44px;padding:9px}.phrase-editor-row button{font-size:13px;color:var(--danger);min-width:44px}.learned-title{font-size:15px;margin:21px 0 10px}.learned-phrase-row{display:flex;align-items:center;gap:5px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.learned-phrase-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.learned-phrase-row small{font-size:10px;color:#687076;white-space:nowrap}.learned-phrase-row button{flex:none;min-width:44px}.memory-summary{padding:14px;border-radius:12px;background:#fff8f0;font-size:14px;line-height:1.6;color:#805a40}.memory-confirm-actions{display:flex;gap:10px;margin-top:18px}.memory-confirm-actions button{flex:1;min-height:48px;border-radius:12px;font-size:14px;font-weight:600}.memory-cancel{background:#f0f1f2;color:#53575b}.memory-confirm{background:#c93535;color:#fff}.memory-confirm:hover{background:#ae2424}.memory-entry{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px;margin:0 0 12px;border:1px solid #ead8c8;border-radius:10px;background:#fff8f0;font-size:13px;color:#995023}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin:5px 0;font-size:14px;line-height:1.5}.setting-row input{width:20px;height:20px;flex:none;margin:0;padding:0}.menu-link{display:block;text-align:left;width:100%;padding:10px 0;color:#a44115;font-size:14px;border-top:1px solid #eee7df}.connecting-shimmer{background:#fff1e5;border-radius:9px;min-height:46px}
@media(max-width:720px){.workspace,.single-view .workspace{width:100%;max-width:none;height:100dvh;min-height:0;padding:0;overflow:hidden}.page-header{padding:4px 12px;margin:0;min-height:54px;gap:10px;border-bottom:1px solid #eee5dc;background:#fff}.brand-logo{width:105px}.brand-product{font-size:19px;padding-left:10px}.brand{gap:10px}.fullscreen-button{font-size:13px;min-height:42px;padding:8px 12px}.device-tabs{display:flex;flex:none;margin:0;padding:4px 12px;gap:6px;background:#fffaf5;border-bottom:1px solid #eee5dc}.device-tabs button{flex:1;font-size:13px;min-height:40px;border:1px solid transparent;border-radius:9px;color:#7b6759}.device-tabs .selected{background:#fff;border-color:#ead3c1;color:#a44115}.single-view .device-tabs{display:none}.devices,.single-view .devices{display:block;max-width:none;min-height:0;overflow:hidden}.device-wrap{height:100%}.device-wrap:not(.mobile-active){display:none}.single-view .device-wrap{display:flex}.device-caption{display:none}.phone,.single-view .phone{height:100%;min-height:0;max-height:none;flex:1;border:0;border-radius:0}.join-screen{padding:24px 22px}.room-heading{padding:8px 13px 1px}.member-name{max-width:170px;font-size:16px}.room-meta{padding-left:13px;padding-right:13px}.chat-scroll{padding:10px 12px;min-height:100px;flex-basis:180px}.bubble{font-size:17px}.reply-option{font-size:13px}.live-text{font-size:18px}.live-caption{max-height:130px}.device-demo .workspace,.device-demo.single-view .workspace{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.device-demo .page-header,.device-demo.single-view .page-header{padding:3px 12px;min-height:48px;max-width:none;margin-bottom:0}.device-demo .devices,.device-demo.single-view .devices{max-width:none}.device-demo .display-notice{width:calc(100% - 20px);margin:4px 10px;font-size:11px}.display-notice{margin:5px 10px;font-size:11px}.hearing-controls{padding:12px 14px}.mic-button{min-height:86px;font-size:22px}.speech-hint{margin-top:8px}.device-demo .phone{border:0;border-radius:0}.single-view .room-screen{flex:1}.display-short .chat-scroll{min-height:75px}.display-very-short .chat-scroll{min-height:45px}}
@media(max-width:380px){.join-screen{padding:20px 16px}.join-title{font-size:22px}.join-description{font-size:13px;margin-bottom:20px}.identity-card{padding:13px 10px;gap:7px}.identity-card small{font-size:11px}.identity-card input{right:9px}.member-name{max-width:130px}.member-role{font-size:11px}.share-room{font-size:12px;padding:7px 9px}.room-meta,.audio-strip{font-size:10px}.reply-section,.shortcuts-section{padding-left:10px;padding-right:10px}.reply-option{font-size:12px;padding:8px;min-height:44px}.reply-state{font-size:10px}.shortcut{font-size:12px;min-height:38px;padding:6px 9px}.composer{padding-left:10px;padding-right:10px}.mic-button{gap:12px;font-size:20px}.recording-time{font-size:13px}.speech-hint{font-size:11px}.section-heading strong{font-size:12px}.chat-scroll{min-height:88px}.bubble{font-size:16px}.completion-option{font-size:13px}}
@media(max-height:620px){.chat-scroll{min-height:70px;flex-basis:90px}.completion-options{max-height:105px}.room-screen.is-typing .shortcuts-section{display:none}.room-meta{min-height:24px}.hearing-controls{padding-top:8px;padding-bottom:8px}.mic-button{min-height:64px;font-size:20px}.speech-hint{font-size:11px;margin-top:5px}.join-screen{padding-top:17px}.join-description{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.page-header:has(.service-badge:not(.sr-only)){flex-wrap:wrap}.service-badge:not(.sr-only){flex-basis:100%;font-size:12px;line-height:1.6;color:#a3412c;padding:3px 0 5px}
.audio-strip{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:38px;cursor:pointer}.auto-speech{width:20px;height:20px;padding:0;margin:0;flex:none}.room-screen[data-role=hearing] .room-meta{min-height:44px;padding-bottom:3px}
.display-very-short .room-screen[data-role=hearing] .room-meta{display:flex}.audio-strip{min-height:44px}
.correction-card{border:1px solid #e5b48e;background:#fff8ef;border-radius:10px;padding:10px 12px;margin-bottom:6px}.correction-card strong{font-size:13px;color:#914015}.correction-card p{font-size:16px;line-height:1.5;margin:7px 0;overflow-wrap:anywhere}.correction-adopt{border:1px solid #d9a17c;border-radius:8px;padding:6px 12px;color:#914015;min-height:44px}.correction-card small{display:block;font-size:11px;line-height:1.5;color:#76675b;margin-top:6px}

.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#ffeadb;color:#9a421b;font-size:17px;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.message-avatar{width:24px;height:24px;font-size:12px}.avatar-preview{width:72px;height:72px;font-size:28px}.avatar-editor{display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:18px}.avatar-picker{position:relative;border:1px solid #dab99e;border-radius:9px;padding:11px 15px;color:#914015;cursor:pointer;font-size:14px}.avatar-picker input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.avatar-hint{font-size:12px;color:#76675b;line-height:1.6;margin:0;text-align:center}.avatar-editor .secondary{width:auto}.message-meta{align-items:center}

.phrase-editor-row{align-items:flex-start}.phrase-editor-field{flex:1;min-width:0}.phrase-editor-field textarea{width:100%;font-size:14px;line-height:1.6;resize:vertical;min-height:100px}.phrase-count{display:block;text-align:right;color:#76675b;font-size:12px;margin-top:4px}.phrase-count.over-limit{color:#b32323}.learned-phrase-row>span{overflow-wrap:anywhere}

.voice-editor {padding:14px 0;border-bottom:1px solid var(--line,#eee);}
.voice-editor h3 {font-size:16px;margin:0 0 6px;}
.voice-help,.voice-status {font-size:12px;line-height:1.5;color:#666;margin:6px 0;}
.voice-options {display:grid;grid-template-columns:36px repeat(3,minmax(0,1fr));gap:7px;align-items:center;margin:9px 0;}
.voice-gender {font-size:13px;font-weight:600;}
.voice-choice {min-height:40px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#333;font-size:14px;}
.voice-choice[aria-pressed="true"] {background:var(--pale);border-color:#e18a50;color:var(--dark);box-shadow:inset 0 0 0 1px #e18a50;font-weight:700;}
.voice-actions {display:flex;gap:8px;margin-top:12px;}
.voice-actions button {flex:1;min-height:40px;}

.phrase-row-actions{display:flex;flex-direction:column;gap:6px;flex:0 0 56px}
.phrase-editor-row .phrase-row-save{min-height:44px;padding:6px 8px;border-radius:9px;background:var(--green);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}
.phrase-editor-row .phrase-row-save:disabled{background:#f3ebe4;color:#795c49;opacity:1}
.phrase-row-feedback{font-size:12px;line-height:1.5;color:var(--danger);margin:4px 0 0;overflow-wrap:anywhere}
.phrase-row-feedback:empty{display:none}

/* Suggestions rise above the composer, leaving the input and send action accessible. */
.composer{z-index:8;overflow:visible}.completion-section{position:absolute;left:10px;right:10px;bottom:calc(100% + 6px);z-index:12;padding:10px 12px;background:#fffaf5;border:1px solid #dec7af;border-radius:14px;box-shadow:0 -7px 28px rgba(75,49,25,.16)}.completion-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.completion-heading strong{font-size:14px}.completion-close{min-height:34px;padding:4px 6px;font-size:12px}.completion-section .completion-options{max-height:min(260px,36dvh)}.completion-section .completion-option{font-size:16px;line-height:1.45;min-height:46px}.completion-section .completion-state{font-size:12px}.completion-section:after{content:'';position:absolute;left:26px;bottom:-6px;width:10px;height:10px;background:#fffaf5;border-right:1px solid #dec7af;border-bottom:1px solid #dec7af;transform:rotate(45deg)}.phrase-matches:not([hidden]){position:absolute;bottom:calc(100% + 8px);left:10px;right:10px;z-index:10;background:white;padding:10px;border:1px solid #dec7af;border-radius:12px}.composer:has(.completion-section:not([hidden])) .phrase-matches{display:none}

.message.latest{background:#FFF3E7;border:1px solid #E0B086;border-left:4px solid #D85A18;border-radius:14px;padding:12px 12px 6px}.latest-label{font-size:12px;font-weight:700;color:#9E4518;margin-bottom:8px}.message.latest .bubble{font-size:25px!important;line-height:1.5;font-weight:600;background:transparent;border:0;padding:4px 0;max-width:100%;color:#24211E}.message:not(.latest) .bubble{font-size:15px;color:#776A5D}.live-caption{font-size:26px;line-height:1.45;background:#FFEBD5;border:2px solid #D85A18;border-left-width:5px;border-radius:14px;padding:13px 15px;margin:8px 12px;flex:none;max-height:32dvh;overflow:auto;font-weight:600}.live-tag{display:block;font-size:13px;color:#9E4518;margin-bottom:6px}.live-text{font-size:26px;color:#24211E}