:root{--bg:#0b1110;--panel:#121b18;--panel-2:#1a2521;--line:#2b3932;--text:#f0f5f2;--muted:#a0b2a7;--faint:#8b9d91;--accent:#6addac;--accent-dim:#1c3d2f;--reading-size:28px}
body{font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}button,input,textarea,select{font:inherit}button,a,select,input{touch-action:manipulation}button{transition:background .16s,color .16s,transform .16s}button:active:not(:disabled){transform:scale(.97)}a{color:var(--accent);text-underline-offset:4px}input[type=checkbox]{accent-color:var(--accent);width:19px;height:19px;flex-shrink:0}select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;min-height:44px;max-width:48%}input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}dialog input,dialog textarea{min-width:0}dialog{overscroll-behavior:contain}body.conversation .wrap{max-width:1000px;border-inline:1px solid var(--line)}.translation-panel{padding:14px 22px}.translation-panel:first-child{border-bottom:1px solid #4a6556}.panel-head{gap:8px}.panel-language{border-bottom:0;display:flex;gap:8px;align-items:center;max-width:100%;overflow-wrap:anywhere}.panel-language::after{content:'';display:block;flex:none;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin:0 3px}.panel-head h2{min-width:0;font-size:14px;font-weight:700}.panel-action{border-radius:12px;color:#a5b7ac}.panel-actions{gap:0}.continuous-translation{font-size:var(--reading-size);line-height:1.48;letter-spacing:-.025em;font-weight:500}.continuous-original{font-size:13px;line-height:1.65}.panel-empty{font-size:clamp(18px,4vw,25px);letter-spacing:-.02em;color:#8da496;max-width:22ch;padding:16px 0}.translation-reader:has(.panel-empty:not([hidden])){display:flex;align-items:center}.translation-reader:has(.panel-empty:not([hidden])) .continuous-translation{display:none}.source-label{font-size:10px;color:#80988a;letter-spacing:.03em}.source-reader{color:#a6b7ad;border-color:#29382f}.hide-original .source-reader{display:none!important}.provisional{opacity:.7}.panel-status{color:#a1b5a8}.app-dialog{background:#121b18;border-color:#34473b;border-radius:22px;padding:24px;max-height:88dvh;box-shadow:0 30px 100px #0009}.app-dialog::backdrop{background:#020805c9;backdrop-filter:blur(8px)}.dialog-head{margin-bottom:22px}.dialog-head h2{font-size:22px;letter-spacing:-.04em;line-height:1.3}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.setting-row>span{max-width:60%}.setting-note{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}.settings-section{border-top:1px solid var(--line);margin-top:18px}.session-info{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin-top:20px}.session-info output{font-variant-numeric:tabular-nums;color:var(--accent)}.settings-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.settings-link,.primary-action{background:var(--panel-2);color:var(--text);border:1px solid var(--line);padding:14px 10px;min-height:48px;font-size:12px;border-radius:10px;cursor:pointer}.settings-link:hover{border-color:var(--accent)}.settings-brand{display:block;margin-top:24px;font-size:11px;text-align:center;color:var(--muted)}.help-steps{list-style:none;counter-reset:step;padding:0;margin:0}.help-steps li{position:relative;padding:0 0 23px 40px;counter-increment:step}.help-steps li::before{content:counter(step);position:absolute;left:0;top:0;color:var(--accent);font-size:13px;border:1px solid #365b46;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.help-steps b{display:block;font-size:14px;margin-bottom:5px}.help-steps span{font-size:13px;line-height:1.7;color:var(--muted)}.text-link{font-size:13px}.eyebrow{font-size:11px!important;letter-spacing:.06em;color:var(--accent)!important}.plan-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:22px 0}.plan-row h3{margin:0;font-size:17px}.plan-row p{margin:7px 0 0;font-size:12px}.plan-price{font-size:30px;letter-spacing:-.05em;white-space:nowrap}.welcome-note{background:#162b20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;order:1;border-top:1px solid var(--line);flex:none;font-size:12px}.welcome-note small{color:#a9bcae;font-size:11px}.welcome-note button{flex:none;background:transparent;border:1px solid #496653;border-radius:8px;color:var(--accent);padding:10px 14px;cursor:pointer}.primary-action{background:var(--accent)!important;color:#102319!important;border-color:var(--accent)!important;font-weight:700}#typedText{display:block;box-sizing:border-box;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:12px;resize:vertical}#conversationSettings .hint{display:flex;min-height:42px;align-items:center;gap:12px}#conversationSettings .asst{border-radius:12px}#conversationSettings .modes{margin-top:20px}#conversationSettings .settings-chat{width:100%;background:none;color:var(--muted);font-size:12px}.sug{border-radius:0 14px 14px 0}body.conversation .control{background:#142019;border-color:#344b3c}body.conversation .mic{background:#21372a;border-color:#3b5744;color:#a7e4bd}body.conversation .mic.live{background:var(--accent);color:#0b2316}body.conversation #hint{color:#b6c9bc;font-size:11px;line-height:1.6}#mic:disabled{opacity:.6;cursor:wait}.cb-pop,.cb-btn,.cb-item.active{background:var(--panel-2)}.cb-item{font-size:14px}.cb-it-en{color:var(--muted)}.cb-item.sel{background:#233f2d}.cb-item{min-height:44px}.cb-list{scrollbar-width:thin}#viewChat{max-width:760px;width:100%;margin:auto}.chat-compose textarea{border-radius:14px}.chat-compose{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:380px){.translation-panel{padding:8px 14px}.panel-head h2{font-size:12px}.panel-action{min-width:38px;width:38px}.settings-links{gap:7px}.app-dialog{padding:18px}.continuous-translation{font-size:calc(var(--reading-size) - 2px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.iconify{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.iconify svg{display:block;width:1em;height:1em;fill:currentColor}
:root{color-scheme:dark}select{-webkit-appearance:none;appearance:none;background:#1a2521 url('/select-caret.svg') right 10px center/13px no-repeat;color:#f0f5f2;padding-right:30px}.app-dialog .dialog-head{position:sticky;top:-24px;z-index:2;background:var(--panel);padding-block:12px;margin-top:-12px}.advanced-settings{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.advanced-settings summary{font-size:13px;min-height:44px;cursor:pointer;color:var(--muted);list-style:none;display:flex;justify-content:space-between;align-items:center}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary::after{content:'';width:13px;height:13px;background:url('/select-caret.svg') center/contain no-repeat}.advanced-settings[open] summary::after{transform:rotate(180deg)}
#conversationSettings .cb-en{display:none}#conversationSettings .cb-native{font-size:13px}#conversationSettings .cb-btn{padding-inline:10px}
body{background:var(--bg)!important}
.key-mode{padding:12px 0;color:var(--accent);border-bottom:1px solid var(--line);font-size:14px}.key-row{padding:16px 0;border-bottom:1px solid var(--line)}.key-row strong{display:block;overflow-wrap:anywhere;font-size:14px}.key-row small{display:block;color:var(--muted);margin-top:4px}.key-actions{display:flex;gap:8px;margin-top:10px}.key-actions button{flex:1}.key-guide{margin:20px 0;padding-block:16px;border-block:1px solid var(--line);font-size:13px;line-height:1.65}.key-guide summary{cursor:pointer;min-height:44px;color:var(--text)}.key-guide .help-steps{padding-left:20px}.keys-dialog form>label,.quota-calculator label{display:block;color:var(--muted);font-size:13px;margin-top:14px}.keys-dialog input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:10px;min-height:46px;padding:10px;margin-top:6px}.keys-dialog .key-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.key-consent input{margin-top:3px}.keys-dialog .primary-action{margin-top:18px;min-height:48px;width:100%}.quota-calculator output{display:block;color:var(--accent);margin-top:14px}.keys-dialog #keysStatus{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.keys-dialog button:disabled{opacity:.5;cursor:default}

.key-group{border-block:1px solid var(--line);padding:18px 0;margin-top:18px}.key-group h3{font-size:17px}.key-group button{margin-top:10px}.key-group label{font-size:13px;color:var(--muted)}.key-sharing{margin-top:12px}.key-sharing button{margin-top:8px;width:100%}
.account-dialog input{display:block;box-sizing:border-box;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;min-height:48px;padding:12px;margin-top:7px}.account-dialog input[hidden]{display:none}.account-dialog label{display:block;font-size:13px;color:var(--muted);margin-top:18px}.account-dialog label[hidden]{display:none}.account-dialog form>.primary-action,.account-dialog form>.settings-link{margin-top:18px;width:100%}.account-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.account-tabs button{flex:1}.account-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-name{font-size:20px;overflow-wrap:anywhere}.account-balance{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-block:20px;border-block:1px solid var(--line)}.account-balance span{font-size:13px;color:var(--muted)}.account-balance strong{font-size:40px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.account-dialog .setting-note{overflow-wrap:anywhere}.account-dialog button:disabled{opacity:.5;cursor:wait}#accountRecoveryCode{display:block;overflow-wrap:anywhere;user-select:all;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0;font-size:16px}#accountRecoveryResult button{width:100%;margin-top:10px}

/* Inline writing keeps live transcript nodes separate from the editable draft. */
.translation-reader{cursor:text}.panel-composer[hidden]{display:none}.panel-composer{display:flex;flex-direction:column;min-height:110px;height:100%;gap:8px;margin:0}.panel-input{display:block;flex:1;min-height:50px;width:100%;box-sizing:border-box;resize:none;border:0;border-radius:0;padding:0;background:transparent;color:var(--text);font-size:var(--reading-size);line-height:1.48;letter-spacing:-.025em;outline:none!important}.panel-input::placeholder{color:var(--faint)}.composer-controls{display:flex;align-items:center;gap:8px;flex:none}.composer-note{flex:1;min-width:0;margin:0;font-size:11px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.composer-send{min-height:44px;padding:10px 13px;background:var(--accent);color:#102319;border:0;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}.composer-send:disabled{opacity:.45;cursor:default}.translation-panel.is-composing .translation-reader{display:block;transform:none;cursor:auto}.translation-panel.is-composing .continuous-translation,.translation-panel.is-composing .panel-empty{display:none}.translation-panel.is-composing .source-reader{display:none}.translation-panel.is-composing{box-shadow:inset 2px 0 var(--accent)}
@media(max-height:560px){.face-panels:has(.is-composing){grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.face-panels:has(.translation-panel:first-child.is-composing){grid-template-rows:minmax(0,3fr) minmax(0,1fr)}.face-panels:has(.translation-panel:last-child.is-composing){grid-template-rows:minmax(0,1fr) minmax(0,3fr)}.translation-panel.is-composing .panel-head{margin-bottom:0}.translation-panel.is-composing .panel-status{display:none}}

body.conversation:has(.is-composing){height:var(--compose-height,100dvh)}