:root{color-scheme:light dark;--paper: #f2f6f3;--ink: #12201d;--muted: #63716d;--surface: #ffffff;--surface-2: #e4ece8;--line: #cad6d1;--chinese: #0e6f73;--partner: #c44735;--amber: #d8a62a;--danger: #b42318;--shadow: 0 12px 36px rgb(18 32 29 / 8%);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Noto Sans Hebrew,Noto Sans Devanagari,Noto Sans Arabic,sans-serif;background:var(--paper);color:var(--ink)}@media(prefers-color-scheme:dark){:root{--paper: #0d1513;--ink: #e8f0ed;--muted: #9aaba5;--surface: #16201d;--surface-2: #1d2a26;--line: #30413b;--shadow: 0 16px 48px rgb(0 0 0 / 22%)}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100dvh;background:var(--paper);overscroll-behavior:none}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.boot-screen{display:grid;min-height:100dvh;place-items:center;font-size:26px;font-weight:700}.app-shell{min-height:100dvh;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.app-content{min-height:calc(100dvh - 68px - env(safe-area-inset-bottom))}.install-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:color-mix(in srgb,var(--amber) 22%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--amber) 55%,var(--line))}.install-banner div{display:flex;flex-direction:column;gap:2px}.install-banner span{color:var(--muted);font-size:12px}.install-banner button,.text-button{border:0;background:transparent;color:var(--chinese)}.tab-bar{position:fixed;z-index:20;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.tab-bar a{padding:11px 8px;border-radius:16px;color:var(--muted);text-align:center;text-decoration:none;font-size:13px;font-weight:650}.tab-bar a.active{background:color-mix(in srgb,var(--chinese) 12%,var(--surface));color:var(--chinese)}.page{width:min(100%,760px);margin:0 auto;padding:calc(22px + env(safe-area-inset-top)) 18px 30px}.brand-header{display:flex;align-items:center;gap:14px;margin:8px 0 34px}.brand-header h1,.page-head h1{margin:0;font-size:28px;letter-spacing:0}.brand-header p,.page-head p{margin:4px 0 0;color:var(--muted);line-height:1.5}.brand-mark{display:grid;width:52px;height:52px;flex:none;place-items:center;border-radius:14px;background:var(--ink);color:var(--paper);font-size:25px;font-weight:800}.page>section{margin-bottom:22px}.page h2{margin:0 0 12px;font-size:17px}.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.language-grid button{min-height:78px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-align:start}.language-grid button strong,.language-grid button span{display:block}.language-grid button strong{margin-bottom:5px;font-size:19px}.language-grid button span{color:var(--muted);font-size:13px}.language-grid button.selected{border:2px solid var(--partner);background:color-mix(in srgb,var(--partner) 10%,var(--surface))}.primary-button,.secondary-button{min-height:50px;padding:13px 18px;border-radius:12px;border:1px solid transparent;font-weight:700}.primary-button{width:100%;background:var(--chinese);color:#fff}.secondary-button{background:var(--surface);border-color:var(--line);color:var(--ink)}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:13px 14px;border:1px solid color-mix(in srgb,var(--chinese) 35%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--chinese) 8%,var(--surface));color:var(--ink);font-size:13px}.notice.warning{border-color:color-mix(in srgb,var(--amber) 55%,var(--line));background:color-mix(in srgb,var(--amber) 14%,var(--surface))}.privacy-note{color:var(--muted);font-size:12px;line-height:1.5;text-align:center}.conversation-page{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - env(safe-area-inset-bottom));overflow:hidden}.conversation-status{z-index:5;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:8px;min-height:42px;padding:calc(7px + env(safe-area-inset-top)) 12px 7px;border-bottom:1px solid var(--line);background:var(--surface);font-size:13px}.conversation-status strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-status button{border:0;background:transparent;color:var(--danger);font-weight:700}.conversation-status .voice-toggle{color:var(--chinese)}.dot,.error-dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}.error-dot{background:var(--danger)}.conversation-single{display:grid;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr) auto}.conversation-feed{display:flex;min-height:0;flex-direction:column;gap:12px;overflow-y:auto;padding:14px 14px 18px;scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.feed-empty{margin:auto;color:var(--muted);text-align:center}.feed-item{display:flex;max-width:88%;flex-direction:column;gap:5px;align-self:flex-start;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow-wrap:anywhere}.feed-item.chinese{align-self:flex-end;border-color:color-mix(in srgb,var(--chinese) 35%,var(--line))}.feed-role{color:var(--muted);font-size:11px}.feed-source{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.feed-translation{color:var(--ink);font-size:22px;line-height:1.3}.feed-pending{color:var(--amber);font-size:14px}.feed-error{color:var(--danger);font-size:13px}.single-controls{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:10px 12px calc(78px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.single-control{display:grid;min-width:0;gap:4px}.single-control>span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.language-lane{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:var(--paper)}.language-lane+.language-lane{border-top:1px solid var(--line)}.lanes.landscape .language-lane+.language-lane{border-top:0;border-left:1px solid var(--line)}.lane-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.lane-header div{display:flex;flex-direction:column;gap:2px}.lane-header strong{font-size:16px}.lane-header span{color:var(--muted);font-size:11px}.lane-header i{width:9px;height:9px;border-radius:50%;background:var(--line)}.language-lane.chinese .lane-header i.active{background:var(--chinese)}.language-lane.partner .lane-header i.active{background:var(--partner)}.lane-transcript{min-height:0;overflow:auto;padding:8px 16px}.empty-copy{margin-top:20px;color:var(--muted);font-size:16px;line-height:1.5}.latest-turn>p{margin:0 0 10px;color:var(--muted);font-size:17px;line-height:1.45}.latest-turn h2{margin:0;color:var(--ink);font-size:clamp(28px,8vw,44px);line-height:1.2}.inline-error{color:var(--danger)!important}.thinking{display:flex;align-items:center;gap:9px;color:var(--muted)}.pulse{width:9px;height:9px;border-radius:50%;background:currentColor;animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.25;transform:scale(.7)}}.history-strip{display:grid;gap:10px;margin-top:24px;padding-top:12px;border-top:1px solid var(--line);opacity:.55}.history-strip p{margin:0 0 2px;color:var(--muted);font-size:12px}.history-strip strong{font-size:14px}.hold-button{position:relative;appearance:none;-webkit-appearance:none;display:flex;min-height:62px;align-items:center;justify-content:center;gap:9px;margin:8px 12px 12px;border:1px solid transparent;border-radius:16px;font-size:16px;font-weight:750;cursor:pointer;touch-action:none;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hold-button>*{pointer-events:none}.hold-progress-track{position:absolute;right:8px;bottom:5px;left:8px;height:5px;overflow:hidden;border-radius:999px;background:#ffffff59}.hold-progress-fill{display:block;height:100%;border-radius:inherit;background:#fff;transition:width .12s linear}.hold-content{position:relative;z-index:1;display:flex;align-items:center;gap:9px}.hold-button.chinese{--hold-accent: var(--chinese);border-color:color-mix(in srgb,var(--chinese) 50%,transparent);background:color-mix(in srgb,var(--chinese) 10%,var(--surface));color:var(--chinese)}.hold-button.partner{--hold-accent: var(--partner);border-color:color-mix(in srgb,var(--partner) 50%,transparent);background:color-mix(in srgb,var(--partner) 10%,var(--surface));color:var(--partner)}.hold-button.listening{background:var(--hold-accent);border-color:var(--hold-accent);color:#fff}.hold-button:disabled{opacity:.48}.hold-button.busy{background:var(--hold-accent);border-color:var(--hold-accent);color:#fff}.hold-button.preparing{background:color-mix(in srgb,var(--hold-accent) 18%,var(--surface));border-color:color-mix(in srgb,var(--hold-accent) 55%,var(--line));color:var(--hold-accent)}.hold-button.preparing .hold-icon{animation:preparing-spin .9s linear infinite}@keyframes preparing-spin{to{transform:rotate(360deg)}}.hold-icon{font-size:20px}.settings-panel{display:grid;gap:12px;margin-bottom:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.settings-panel h2{margin:0}.settings-panel label{display:grid;gap:6px;color:var(--muted);font-size:12px}.settings-panel input,.settings-panel select,.settings-panel textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink)}.clear-key{justify-self:start;padding:0;font-size:12px}.settings-panel textarea{resize:vertical}.inline-row{display:flex!important;grid-template-columns:none;flex-direction:row;align-items:center;color:var(--ink)!important;font-size:14px!important}.inline-row input{width:auto}.history-list{display:grid;gap:10px}.history-item{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.history-summary{display:grid;width:100%;grid-template-columns:1fr auto;gap:5px 10px;padding:14px;border:0;background:transparent;color:var(--ink);text-align:start}.history-summary span,.history-summary small{color:var(--muted);font-size:12px}.history-summary small{grid-column:2}.history-detail{display:grid;gap:12px;padding:4px 14px 14px}.history-detail p{margin:0 0 3px;color:var(--muted);font-size:13px}.history-detail strong{font-size:17px}.history-item>.text-button{width:100%;padding:10px;border-top:1px solid var(--line)}.danger{color:var(--danger)}.empty-state{padding:70px 20px;color:var(--muted);text-align:center}@media(min-width:760px){.page{padding-right:28px;padding-left:28px}.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}