:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif:"Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--step--2:.6875rem;--step--1:.8125rem;--step-0:.9375rem;--step-1:1.0625rem;--step-2:1.375rem;--step-3:1.875rem;--step-4:2.75rem;--step-5:clamp(2.5rem, 6vw, 4.5rem);--tracking-tight:-.022em;--tracking-wide:.08em;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--radius-xs:6px;--radius-s:10px;--radius-m:14px;--radius-l:20px;--radius-xl:28px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-instant:90ms;--duration-fast:.16s;--duration-base:.24s;--duration-slow:.42s;--violet-300:#b9a6ff;--violet-400:#9b86ff;--violet-500:#7c5cff;--violet-600:#6540f0;--azure-400:#4ea8ff;--azure-500:#2b8bf5;--mint-400:#2dd4a7;--mint-500:#14b88a;--amber-400:#ffb454;--rose-400:#ff6b81;--rose-500:#ef476f;--brand-grad:linear-gradient(115deg, var(--violet-500) 0%, var(--azure-400) 52%, var(--mint-400) 100%);--brand-grad-soft:linear-gradient(115deg, #7c5cff38 0%, #4ea8ff2e 52%, #2dd4a729 100%);--bg:#08090d;--bg-raised:#0e1016;--bg-panel:#11131b;--bg-panel-hover:#161925;--bg-inset:#06070a;--bg-scrim:#040508c7;--text:#f2f3f7;--text-muted:#a4a9bb;--text-dim:#6f7488;--text-inverse:#08090d;--line:#ffffff14;--line-strong:#ffffff29;--accent:var(--violet-400);--accent-ink:#fff;--success:var(--mint-400);--warning:var(--amber-400);--danger:var(--rose-400);--shadow-s:0 1px 2px #0006, 0 2px 8px #0000003d;--shadow-m:0 2px 6px #0000005c, 0 12px 32px #00000052;--shadow-l:0 8px 24px #0006, 0 32px 72px #0006;--shadow-brand:0 8px 32px #7c5cff52;--ring:0 0 0 1px var(--line-strong), 0 0 0 4px #7c5cff42;--glass:#11131bb8;--blur:saturate(160%) blur(22px)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7fa;--bg-raised:#fff;--bg-panel:#fff;--bg-panel-hover:#f2f3f8;--bg-inset:#eef0f6;--bg-scrim:#f8f8fccc;--text:#14151b;--text-muted:#4d5265;--text-dim:#7b8095;--text-inverse:#fff;--line:#10121c1a;--line-strong:#10121c2e;--accent:var(--violet-600);--shadow-s:0 1px 2px #10121c0f, 0 2px 8px #10121c0f;--shadow-m:0 2px 6px #10121c14, 0 12px 32px #10121c1a;--shadow-l:0 8px 24px #10121c1a, 0 32px 72px #10121c24;--shadow-brand:0 8px 32px #7c5cff38;--glass:#ffffffc7}@media (prefers-reduced-motion:reduce){:root{--duration-instant:1ms;--duration-fast:1ms;--duration-base:1ms;--duration-slow:1ms}}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--step-0);font-feature-settings:"cv02" 1, "cv03" 1, "cv04" 1, "ss01" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;color:var(--text);background:var(--bg);line-height:1.55;overflow:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(1100px 620px at 12% -8%,#7c5cff33,#0000 62%),radial-gradient(900px 520px at 92% 6%,#2dd4a71f,#0000 60%),radial-gradient(700px 700px at 50% 118%,#4ea8ff1f,#0000 60%);position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;opacity:.32;background-image:linear-gradient(to right, var(--line) 1px, transparent 1px), linear-gradient(to bottom, var(--line) 1px, transparent 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(1200px 800px at 50% 0,#000 0%,#0000 78%);mask-image:radial-gradient(1200px 800px at 50% 0,#000 0%,#0000 78%)}[data-theme=light] body:after{opacity:.5}img,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}:focus-visible{box-shadow:var(--ring);outline:none}::selection{color:var(--text);background:#7c5cff57}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background-clip:content-box}.eyebrow{font-size:var(--step--2);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);font-weight:600}.display{font-family:var(--font-serif);font-size:var(--step-4);letter-spacing:var(--tracking-tight);font-weight:400;line-height:1.04}.serif{font-family:var(--font-serif);letter-spacing:var(--tracking-tight)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.92em}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tabular{font-variant-numeric:tabular-nums}.app{z-index:1;grid-template-rows:auto 1fr auto;height:100%;display:grid;position:relative;overflow:hidden}.stage{flex-direction:column;min-height:0;display:flex;overflow:hidden}.split{grid-template-columns:minmax(0,1fr) minmax(320px,420px);height:100%;min-height:0;display:grid;overflow:hidden}.split__main{gap:var(--space-s);padding:var(--space-m);flex-direction:column;min-width:0;min-height:0;display:flex}.split__aside{padding:var(--space-m) var(--space-m) var(--space-m) 0;min-width:0;min-height:0}.transcript-panel{flex-direction:column;height:100%;min-height:0;display:flex}@media (width<=900px){.split{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-rows:auto minmax(0,auto);grid-template-columns:minmax(0,1fr);height:auto;overflow-y:auto}.split__main,.split__aside{padding:var(--space-s);min-height:0}.transcript-panel{height:auto;min-height:12rem}.split__aside .scroller{max-height:55vh}.split__aside .stream__empty{padding:var(--space-m)!important}.split__main .stream__body{min-height:7.5rem}.split__main .row-between{row-gap:var(--space-2xs);flex-wrap:wrap}}.stack{gap:var(--space-s);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2xs);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-s);display:flex}.wrap{flex-wrap:wrap}.grow{flex:auto;min-width:0}@media (width<=560px){.hide-sm{display:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scroller{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-m);position:relative;overflow:hidden}.panel--flush{border-radius:var(--radius-l) var(--radius-l) 0 0;box-shadow:none;border-bottom:none}.panel--glass{background:var(--glass);-webkit-backdrop-filter:var(--blur)}.panel__head{justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-s);border-bottom:1px solid var(--line);background:linear-gradient(#ffffff08,#0000);display:flex}.panel__title{align-items:center;gap:var(--space-2xs);font-size:var(--step--1);letter-spacing:.02em;color:var(--text-muted);font-weight:600;display:flex}.panel__body{padding:var(--space-s)}.inset{background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--radius-m)}.accent-rule{background:var(--brand-grad);opacity:.5;height:1px;position:absolute;inset:0 0 auto}.btn{--btn-bg:var(--bg-panel);--btn-fg:var(--text);--btn-line:var(--line-strong);justify-content:center;align-items:center;gap:var(--space-2xs);height:38px;padding:0 var(--space-s);border-radius:var(--radius-pill);border:1px solid var(--btn-line);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--step--1);white-space:nowrap;transition:transform var(--duration-instant) var(--ease-out), background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);font-weight:550;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-panel-hover);border-color:var(--text-dim)}.btn:active:not(:disabled){transform:translateY(1px)scale(.985)}.btn:disabled{opacity:.42}.btn--primary{--btn-bg:var(--brand-grad);--btn-fg:#fff;--btn-line:transparent;box-shadow:var(--shadow-brand)}.btn--primary:hover:not(:disabled){background:var(--brand-grad);filter:brightness(1.07);border-color:#0000}.btn--danger{--btn-bg:#ef476f24;--btn-fg:var(--danger);--btn-line:#ef476f57}.btn--danger:hover:not(:disabled){border-color:var(--danger);background:#ef476f38}.btn--ghost{--btn-bg:transparent;--btn-line:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--bg-panel-hover);color:var(--text);border-color:var(--line)}.btn--lg{height:46px;padding:0 var(--space-m);font-size:var(--step-0)}.btn--icon{width:38px;padding:0}.btn--icon.btn--lg{width:46px}.btn--block{width:100%}.btn--recording{--btn-bg:#ef476f29;--btn-fg:var(--danger);--btn-line:#ef476f66}.mic{border-radius:var(--radius-pill);background:var(--brand-grad);color:#fff;width:76px;height:76px;box-shadow:var(--shadow-brand), 0 0 0 0 #7c5cff66;transition:transform var(--duration-fast) var(--ease-spring);place-items:center;display:grid;position:relative}.mic:hover:not(:disabled){transform:scale(1.04)}.mic:active:not(:disabled){transform:scale(.96)}.mic[data-live=true]{background:linear-gradient(140deg, var(--rose-500), #c9184a);box-shadow:0 0 #ef476f73}.mic__ring{border-radius:inherit;opacity:0;pointer-events:none;border:1.5px solid;position:absolute;inset:-6px}.mic[data-live=true] .mic__ring{animation:mic-pulse 2s var(--ease-out) infinite}.mic__level{border-radius:inherit;border:2px solid var(--rose-400);opacity:calc(var(--level,0) * .75);pointer-events:none;transition:transform var(--duration-fast) var(--ease-out);position:absolute;inset:-6px;transform:scale(1)}@keyframes mic-pulse{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(1.28)}to{opacity:0;transform:scale(1.28)}}.field{gap:var(--space-3xs);flex-direction:column;min-width:0;display:flex}.field__label{font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.input,.textarea,.select{width:100%;min-width:0;padding:var(--space-2xs) var(--space-xs);background:var(--bg-inset);border:1px solid var(--line-strong);border-radius:var(--radius-s);color:var(--text);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.input,.textarea{font-size:var(--step-0)}.textarea{resize:none;min-height:92px;line-height:1.6}.input:hover,.textarea:hover,.select:hover{border-color:var(--text-dim)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7c5cff33}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.select{appearance:none;padding-right:var(--space-l);cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.select option{background:var(--bg-panel);color:var(--text)}.segmented{background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.segmented__item{align-items:center;gap:var(--space-3xs);height:30px;padding:0 var(--space-xs);border-radius:var(--radius-pill);font-size:var(--step--1);color:var(--text-dim);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);font-weight:550;display:inline-flex}.segmented__item:hover{color:var(--text-muted)}.segmented__item[aria-selected=true]{color:var(--text);background:var(--bg-panel);box-shadow:var(--shadow-s)}.segmented__item[data-tone=brand][aria-selected=true]{color:#fff;background:var(--brand-grad)}.toggle{align-items:center;gap:var(--space-2xs);cursor:pointer;user-select:none;display:inline-flex}.toggle__track{border-radius:var(--radius-pill);background:var(--bg-inset);border:1px solid var(--line-strong);width:38px;height:22px;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);flex:none;position:relative}.toggle__thumb{background:var(--text-dim);width:16px;height:16px;transition:transform var(--duration-base) var(--ease-spring), background var(--duration-base) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle input:checked+.toggle__track{background:var(--brand-grad);border-color:#0000}.toggle input:checked+.toggle__track .toggle__thumb{background:#fff;transform:translate(16px)}.toggle input:focus-visible+.toggle__track{box-shadow:var(--ring)}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}.range::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--accent) var(--fill,50%), var(--line-strong) var(--fill,50%));height:4px}.range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;box-shadow:var(--shadow-s);transition:transform var(--duration-fast) var(--ease-spring);background:#fff;border:1px solid #0003;border-radius:50%;margin-top:-5px}.range:active::-webkit-slider-thumb{transform:scale(1.15)}.range::-moz-range-track{border-radius:var(--radius-pill);background:var(--line-strong);height:4px}.range::-moz-range-progress{border-radius:var(--radius-pill);background:var(--accent);height:4px}.range::-moz-range-thumb{width:14px;height:14px;box-shadow:var(--shadow-s);background:#fff;border:none;border-radius:50%}.langbar{align-items:center;gap:var(--space-s);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.langbar__slot{gap:var(--space-3xs);flex-direction:column;min-width:0;display:flex}.langbar__native{font-size:var(--step-1);letter-spacing:var(--tracking-tight);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.langbar__meta{align-items:center;gap:var(--space-3xs);font-size:var(--step--2);color:var(--text-dim);min-height:18px;display:flex}.swap{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--bg-panel);width:38px;height:38px;color:var(--text-muted);transition:transform var(--duration-base) var(--ease-spring), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);place-items:center;display:grid}.swap:hover:not(:disabled){color:var(--text);border-color:var(--accent);transform:rotate(180deg)}.swap:disabled{opacity:.35}.swap--spin:hover:not(:disabled) svg{transform:rotate(180deg)}.swap svg{transition:transform var(--duration-slow) var(--ease-in-out)}.stream{flex-direction:column;height:100%;min-height:0;display:flex}.stream__body{min-height:0;padding:var(--space-m);flex:auto;position:relative;overflow-y:auto}.stream__text{font-size:var(--step-2);letter-spacing:var(--tracking-tight);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.42}.stream__text--source{color:var(--text-muted)}.stream__text--target{color:var(--text)}.stream__empty{place-items:center;gap:var(--space-2xs);text-align:center;height:100%;min-height:140px;color:var(--text-dim);display:grid}.stream__cursor{vertical-align:text-bottom;background:var(--accent);width:2px;height:1.05em;margin-left:2px;animation:1.1s steps(2,start) infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.is-partial{color:var(--text-dim);font-style:italic}.is-fresh{animation:fresh .52s var(--ease-out)}@keyframes fresh{0%{background:linear-gradient(90deg,#7c5cff38,#0000 70%)}to{background:0 0}}.entries{gap:var(--space-2xs);padding:var(--space-s);flex-direction:column;display:flex}.entry{gap:var(--space-xs);padding:var(--space-2xs) var(--space-s) var(--space-2xs) var(--space-2xs);border-radius:var(--radius-m);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border:1px solid #0000;grid-template-columns:52px minmax(0,1fr);display:grid}.entry:hover{background:var(--bg-panel-hover);border-color:var(--line)}.entry__time{font-family:var(--font-mono);font-size:var(--step--2);font-variant-numeric:tabular-nums;color:var(--text-dim);padding-top:2px}.entry__who{width:20px;height:20px;font-size:var(--step--2);color:var(--text-inverse);background:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.entry--a .entry__who{background:var(--brand-grad)}.entry--b .entry__who{background:linear-gradient(140deg, var(--mint-400), var(--azure-500))}.entry__source{color:var(--text-dim);font-size:var(--step--1);line-height:1.5}.entry__target{font-size:var(--step-0);margin-top:2px;line-height:1.5}.entry__meta{align-items:center;gap:var(--space-2xs);margin-top:var(--space-3xs);font-size:var(--step--2);color:var(--text-dim);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);display:flex}.entry:hover .entry__meta,.entry:focus-within .entry__meta{opacity:1}.status{align-items:center;gap:var(--space-2xs);height:26px;padding:0 var(--space-2xs) 0 var(--space-2xs);border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--bg-inset);font-size:var(--step--2);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-weight:600;display:inline-flex}.status__dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.status[data-state=connected],.status[data-state=listening]{color:var(--success);border-color:#2dd4a757}.status[data-state=listening] .status__dot{animation:breathe 1.8s var(--ease-in-out) infinite}.status[data-state=processing],.status[data-state=translating]{color:var(--azure-400);border-color:#4ea8ff57}.status[data-state=processing] .status__dot,.status[data-state=translating] .status__dot{animation:breathe 1s var(--ease-in-out) infinite}.status[data-state=speaking]{color:var(--violet-300);border-color:#9b86ff57}.status[data-state=error]{color:var(--danger);border-color:#ef476f66}.status[data-state=paused],.status[data-state=idle]{color:var(--text-dim)}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.badge{align-items:center;gap:var(--space-3xs);height:22px;padding:0 var(--space-2xs);border-radius:var(--radius-xs);background:var(--bg-inset);border:1px solid var(--line);font-size:var(--step--2);color:var(--text-dim);white-space:nowrap;font-weight:600;display:inline-flex}.badge--accent{color:var(--violet-300);background:#7c5cff1a;border-color:#9b86ff4d}.badge--warn{color:var(--warning);background:#ffb4541a;border-color:#ffb4544d}.badge--good{color:var(--success);background:#2dd4a71a;border-color:#2dd4a74d}.toasts{right:var(--space-m);bottom:var(--space-m);z-index:60;gap:var(--space-2xs);max-width:min(380px, calc(100vw - var(--space-l)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;align-items:flex-start;gap:var(--space-2xs);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-m);border:1px solid var(--line-strong);background:var(--glass);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-l);animation:toast-in var(--duration-base) var(--ease-spring);display:flex}.toast[data-tone=error]{border-color:#ef476f6b}.toast[data-tone=warn]{border-color:#ffb4546b}.toast[data-tone=success]{border-color:#2dd4a76b}.toast__body{min-width:0}.toast__title{font-size:var(--step--1);font-weight:600}.toast__detail{font-size:var(--step--2);color:var(--text-muted);overflow-wrap:anywhere}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}.scrim{z-index:50;padding:var(--space-m);background:var(--bg-scrim);-webkit-backdrop-filter:blur(8px);animation:fade-in var(--duration-fast) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius-xl);width:min(620px,100%);max-height:min(84vh,780px);box-shadow:var(--shadow-l);animation:modal-in var(--duration-base) var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}.modal--wide{width:min(880px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.modal__head{justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--line);display:flex}.modal__title{font-size:var(--step-1);letter-spacing:var(--tracking-tight);font-weight:600}.modal__body{min-height:0;padding:var(--space-m);flex:auto;overflow-y:auto}.modal__foot{justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-m);border-top:1px solid var(--line);background:var(--bg-inset);display:flex}.setting{justify-content:space-between;align-items:flex-start;gap:var(--space-m);padding:var(--space-xs) 0;border-bottom:1px solid var(--line);display:flex}.setting:last-child{border-bottom:none}.setting__label{font-size:var(--step-0);font-weight:550}.setting__hint{font-size:var(--step--1);color:var(--text-dim);max-width:42ch;margin-top:2px}.setting__control{align-items:center;gap:var(--space-2xs);flex:none;display:flex}.substage{background:radial-gradient(900px 500px at 50% 110%,#7c5cff29,#0000 62%),linear-gradient(#05060a,#0a0c13);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}[data-theme=light] .substage{background:radial-gradient(900px 500px at 50% 110%,#7c5cff1f,#0000 62%),linear-gradient(#fbfbfe,#eff0f7)}.substage--top .substage__stack{padding-top:var(--space-xl);align-items:flex-start}.substage--middle .substage__stack{justify-content:center;align-items:center}.substage--bottom .substage__stack{padding-bottom:var(--space-xl);align-items:flex-end}.substage__stack{gap:var(--space-s);width:100%;padding:var(--space-l);flex-direction:column;max-width:1400px;margin:0 auto;display:flex}.subtitle{letter-spacing:-.024em;text-wrap:balance;text-shadow:0 2px 18px #0000008c;max-width:30ch;font-weight:650;line-height:1.18}[data-theme=light] .subtitle{text-shadow:0 1px 12px #ffffffb3}.subtitle--source{font-size:calc(var(--sub-size,1) * 1.9rem);color:var(--text-dim);font-weight:450}.subtitle--target{font-size:calc(var(--sub-size,1) * 3.4rem);background:var(--brand-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.substage__chrome{top:var(--space-s);right:var(--space-s);align-items:center;gap:var(--space-2xs);opacity:0;transition:opacity var(--duration-base) var(--ease-out);display:flex;position:absolute}.substage:hover .substage__chrome,.substage__chrome:focus-within{opacity:1}.divider{background:var(--line);border:none;height:1px}.vdivider{background:var(--line);align-self:stretch;width:1px}.spinner{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;flex:none;width:15px;height:15px;animation:.72s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--bg-inset) 25%, var(--line) 37%, var(--bg-inset) 63%);animation:shimmer 1.5s var(--ease-in-out) infinite;background-size:400% 100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.dl{gap:var(--space-2xs) var(--space-s);font-size:var(--step--1);grid-template-columns:minmax(0,1fr) auto;display:grid}.dl dt{color:var(--text-dim)}.dl dd{font-family:var(--font-mono);text-align:right;overflow-wrap:anywhere;margin:0}.chip-row{gap:var(--space-3xs);flex-wrap:wrap;display:flex}.grid-2{gap:var(--space-s);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=720px){.grid-2{grid-template-columns:minmax(0,1fr)}.setting{align-items:stretch;gap:var(--space-2xs);flex-direction:column}.setting__control{justify-content:flex-start}}@media (width<=900px){.langbar{gap:var(--space-2xs);grid-template-columns:minmax(0,1fr)}.swap{justify-self:center}}