:root,[data-color-scheme=light]{--p-canvas-std: #faf3e8;--p-canvas-max: #ffffff;--p-surface-std: #fffdf9;--p-surface-max: #ffffff;--p-sunken-std: #f2e9da;--p-sunken-max: #f1f1f1;--p-ink-std: #16181c;--p-ink-max: #000000;--p-ink-muted-std: #4a5057;--p-ink-muted-max: #000000;--p-on-fill-std: #ffffff;--p-on-fill-max: #ffffff;--p-hairline-std: #d8d5cd;--p-hairline-max: #000000;--p-shelf-std: #c6c3ba;--p-shelf-max: #000000;--p-live-std: #b4400c;--p-live-max: #8a2f00;--p-live-wash-std: #fbeee6;--p-live-wash-max: #ffffff;--p-danger-std: #a4142b;--p-danger-max: #7e0c1f;--p-danger-wash-std: #fbecee;--p-danger-wash-max: #ffffff;--p-caution-std: #6b4400;--p-caution-max: #573700;--p-affirm-std: #14563f;--p-affirm-max: #0e4433;--p-neutral-std: #3c4652;--p-neutral-max: #000000;--p-focus-std: #16181c;--p-focus-max: #000000;--p-focus-halo-std: #ffffff;--p-focus-halo-max: #ffffff;--p-accent-coral-ink-std: #a83214;--p-accent-coral-ink-max: #7d2109;--p-accent-coral-wash-std: #fde9e2;--p-accent-coral-wash-max: #ffffff;--p-accent-mango-ink-std: #8a4b00;--p-accent-mango-ink-max: #5f3300;--p-accent-mango-wash-std: #fdeed6;--p-accent-mango-wash-max: #ffffff;--p-accent-teal-ink-std: #0a5c56;--p-accent-teal-ink-max: #05403c;--p-accent-teal-wash-std: #d9f0ed;--p-accent-teal-wash-max: #ffffff;--p-accent-periwinkle-ink-std: #3b46a8;--p-accent-periwinkle-ink-max: #262f7d;--p-accent-periwinkle-wash-std: #e6e8fb;--p-accent-periwinkle-wash-max: #ffffff;--p-accent-violet-ink-std: #6b3192;--p-accent-violet-ink-max: #4c1f6b;--p-accent-violet-wash-std: #f1e6fa;--p-accent-violet-wash-max: #ffffff}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]),[data-color-scheme=dark]{--p-canvas-std: #101725;--p-canvas-max: #000000;--p-surface-std: #1a2437;--p-surface-max: #000000;--p-sunken-std: #0a0f1a;--p-sunken-max: #000000;--p-ink-std: #f2f4f6;--p-ink-max: #ffffff;--p-ink-muted-std: #a8b2bc;--p-ink-muted-max: #ffffff;--p-on-fill-std: #0b0e12;--p-on-fill-max: #000000;--p-hairline-std: #2f3741;--p-hairline-max: #ffffff;--p-shelf-std: #000000;--p-shelf-max: #ffffff;--p-live-std: #ff9a5a;--p-live-max: #ffb27a;--p-live-wash-std: #2a1a10;--p-live-wash-max: #000000;--p-danger-std: #ff8f98;--p-danger-max: #ffb3b9;--p-danger-wash-std: #2b1216;--p-danger-wash-max: #000000;--p-caution-std: #e8b45c;--p-caution-max: #ffd08a;--p-affirm-std: #6fd3a9;--p-affirm-max: #93e6c2;--p-neutral-std: #9aa7b4;--p-neutral-max: #ffffff;--p-focus-std: #ffd08a;--p-focus-max: #ffffff;--p-focus-halo-std: #101725;--p-focus-halo-max: #000000;--p-accent-coral-ink-std: #ff9d84;--p-accent-coral-ink-max: #ffc3b2;--p-accent-coral-wash-std: #35191280;--p-accent-coral-wash-max: #000000;--p-accent-mango-ink-std: #f0b264;--p-accent-mango-ink-max: #ffd095;--p-accent-mango-wash-std: #32220c80;--p-accent-mango-wash-max: #000000;--p-accent-teal-ink-std: #5fd6c6;--p-accent-teal-ink-max: #92e8dc;--p-accent-teal-wash-std: #0c2b2880;--p-accent-teal-wash-max: #000000;--p-accent-periwinkle-ink-std: #a3b0ff;--p-accent-periwinkle-ink-max: #c5cdff;--p-accent-periwinkle-wash-std: #1c204a80;--p-accent-periwinkle-wash-max: #000000;--p-accent-violet-ink-std: #cba5e8;--p-accent-violet-ink-max: #ddc4f2;--p-accent-violet-wash-std: #2a1a3a80;--p-accent-violet-wash-max: #000000}}[data-color-scheme=dark]{--p-canvas-std: #101725;--p-canvas-max: #000000;--p-surface-std: #1a2437;--p-surface-max: #000000;--p-sunken-std: #0a0f1a;--p-sunken-max: #000000;--p-ink-std: #f2f4f6;--p-ink-max: #ffffff;--p-ink-muted-std: #a8b2bc;--p-ink-muted-max: #ffffff;--p-on-fill-std: #0b0e12;--p-on-fill-max: #000000;--p-hairline-std: #2f3741;--p-hairline-max: #ffffff;--p-shelf-std: #000000;--p-shelf-max: #ffffff;--p-live-std: #ff9a5a;--p-live-max: #ffb27a;--p-live-wash-std: #2a1a10;--p-live-wash-max: #000000;--p-danger-std: #ff8f98;--p-danger-max: #ffb3b9;--p-danger-wash-std: #2b1216;--p-danger-wash-max: #000000;--p-caution-std: #e8b45c;--p-caution-max: #ffd08a;--p-affirm-std: #6fd3a9;--p-affirm-max: #93e6c2;--p-neutral-std: #9aa7b4;--p-neutral-max: #ffffff;--p-focus-std: #ffd08a;--p-focus-max: #ffffff;--p-focus-halo-std: #101725;--p-focus-halo-max: #000000;--p-accent-coral-ink-std: #ff9d84;--p-accent-coral-ink-max: #ffc3b2;--p-accent-coral-wash-std: #35191280;--p-accent-coral-wash-max: #000000;--p-accent-mango-ink-std: #f0b264;--p-accent-mango-ink-max: #ffd095;--p-accent-mango-wash-std: #32220c80;--p-accent-mango-wash-max: #000000;--p-accent-teal-ink-std: #5fd6c6;--p-accent-teal-ink-max: #92e8dc;--p-accent-teal-wash-std: #0c2b2880;--p-accent-teal-wash-max: #000000;--p-accent-periwinkle-ink-std: #a3b0ff;--p-accent-periwinkle-ink-max: #c5cdff;--p-accent-periwinkle-wash-std: #1c204a80;--p-accent-periwinkle-wash-max: #000000;--p-accent-violet-ink-std: #cba5e8;--p-accent-violet-ink-max: #ddc4f2;--p-accent-violet-wash-std: #2a1a3a80;--p-accent-violet-wash-max: #000000}:root{--color-canvas: var(--p-canvas-std);--color-surface: var(--p-surface-std);--color-surface-sunken: var(--p-sunken-std);--color-text: var(--p-ink-std);--color-text-muted: var(--p-ink-muted-std);--color-text-on-fill: var(--p-on-fill-std);--color-border: var(--p-hairline-std);--color-border-strong: var(--p-ink-std);--color-shelf: var(--p-shelf-std);--color-live: var(--p-live-std);--color-live-wash: var(--p-live-wash-std);--color-danger: var(--p-danger-std);--color-danger-wash: var(--p-danger-wash-std);--color-caution: var(--p-caution-std);--color-affirm: var(--p-affirm-std);--color-neutral: var(--p-neutral-std);--color-focus: var(--p-focus-std);--color-focus-halo: var(--p-focus-halo-std);--color-accent-coral: var(--p-accent-coral-ink-std);--color-accent-coral-wash: var(--p-accent-coral-wash-std);--color-accent-mango: var(--p-accent-mango-ink-std);--color-accent-mango-wash: var(--p-accent-mango-wash-std);--color-accent-teal: var(--p-accent-teal-ink-std);--color-accent-teal-wash: var(--p-accent-teal-wash-std);--color-accent-periwinkle: var(--p-accent-periwinkle-ink-std);--color-accent-periwinkle-wash: var(--p-accent-periwinkle-wash-std);--color-accent-violet: var(--p-accent-violet-ink-std);--color-accent-violet-wash: var(--p-accent-violet-wash-std);--type-root: 1.1875rem;--font-family-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-numeric: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--font-size-legend: calc(var(--type-root) * .9);--font-size-caption: calc(var(--type-root) * .9);--font-size-body: var(--type-root);--font-size-lead: calc(var(--type-root) * 1.1);--font-size-transcript: calc(var(--type-root) * 1.22);--font-size-title: calc(var(--type-root) * 1.44);--font-size-heading: calc(var(--type-root) * 1.75);--font-size-display: calc(var(--type-root) * 2.2);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 650;--font-weight-strong: 750;--line-height-tight: 1.18;--line-height-snug: 1.32;--line-height-body: 1.5;--line-height-loose: 1.6;--letter-spacing-legend: .02em;--letter-spacing-display: -.012em;--letter-spacing-normal: 0;--measure-reading: 34ch;--space-unit: 4px;--space-1: var(--space-unit);--space-2: calc(var(--space-unit) * 2);--space-3: calc(var(--space-unit) * 3);--space-4: calc(var(--space-unit) * 4);--space-5: calc(var(--space-unit) * 5);--space-6: calc(var(--space-unit) * 6);--space-8: calc(var(--space-unit) * 8);--space-10: calc(var(--space-unit) * 10);--space-12: calc(var(--space-unit) * 12);--space-16: calc(var(--space-unit) * 16);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-key: 28px;--radius-pill: 999px;--control-min-size: 48px;--control-height-medium: 52px;--control-height-large: 60px;--control-height-giant: 84px;--hold-key-min-height: 172px;--touch-gap: var(--space-4);--border-width: 1px;--border-width-strong: 2px;--shelf-height: 3px;--elevation-flat: none;--elevation-shelf: 0 var(--shelf-height) 0 0 var(--color-shelf);--focus-ring-width: 3px;--focus-ring-offset: 3px;--motion-duration-instant: 90ms;--motion-duration-quick: .15s;--motion-duration-settle: .24s;--motion-ease-decisive: cubic-bezier(.2, .7, .2, 1);--motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--motion-listening-cycle: 1.4s;--motion-spin-cycle: 1.1s;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--layout-max-width: 33rem;--z-sticky: 10;--z-overlay: 100}[data-text-size=extra-large]{--type-root: 1.375rem;--space-unit: 5px;--control-height-medium: 56px;--control-height-large: 66px;--control-height-giant: 92px;--hold-key-min-height: 188px;--measure-reading: 30ch}[data-contrast=high]{--color-canvas: var(--p-canvas-max);--color-surface: var(--p-surface-max);--color-surface-sunken: var(--p-sunken-max);--color-text: var(--p-ink-max);--color-text-muted: var(--p-ink-muted-max);--color-text-on-fill: var(--p-on-fill-max);--color-border: var(--p-hairline-max);--color-border-strong: var(--p-ink-max);--color-shelf: var(--p-shelf-max);--color-live: var(--p-live-max);--color-live-wash: var(--p-live-wash-max);--color-danger: var(--p-danger-max);--color-danger-wash: var(--p-danger-wash-max);--color-caution: var(--p-caution-max);--color-affirm: var(--p-affirm-max);--color-neutral: var(--p-neutral-max);--color-focus: var(--p-focus-max);--color-focus-halo: var(--p-focus-halo-max);--color-accent-coral: var(--p-accent-coral-ink-max);--color-accent-coral-wash: var(--p-accent-coral-wash-max);--color-accent-mango: var(--p-accent-mango-ink-max);--color-accent-mango-wash: var(--p-accent-mango-wash-max);--color-accent-teal: var(--p-accent-teal-ink-max);--color-accent-teal-wash: var(--p-accent-teal-wash-max);--color-accent-periwinkle: var(--p-accent-periwinkle-ink-max);--color-accent-periwinkle-wash: var(--p-accent-periwinkle-wash-max);--color-accent-violet: var(--p-accent-violet-ink-max);--color-accent-violet-wash: var(--p-accent-violet-wash-max);--border-width: 2px;--border-width-strong: 3px;--shelf-height: 0px;--focus-ring-width: 4px;--font-weight-regular: 500;--font-weight-medium: 600}@media(prefers-reduced-motion:reduce){:root{--motion-duration-instant: 0ms;--motion-duration-quick: 0ms;--motion-duration-settle: 0ms;--motion-listening-cycle: 0ms;--motion-spin-cycle: 0ms}}*,*:before,*:after{box-sizing:border-box}:where(html){-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light dark}:where(body){margin:0;min-height:100%;background-color:var(--color-canvas);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}:where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,fieldset){margin:0}:where(h1,h2,h3,h4,h5,h6){font-weight:var(--font-weight-strong);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-tight);text-wrap:balance}:where(h1){font-size:var(--font-size-heading)}:where(h2){font-size:var(--font-size-title)}:where(h3){font-size:var(--font-size-lead)}:where(p){text-wrap:pretty}:where(ul,ol){margin:0;padding:0;list-style:none}:where(fieldset){border:0;padding:0;min-inline-size:0}:where(legend){padding:0}:where(img,svg,video,canvas){display:block;max-width:100%;height:auto}:where(button,input,select,textarea){font:inherit;color:inherit;letter-spacing:inherit;margin:0}:where(button){background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}:where(a){color:inherit;text-decoration-thickness:max(.09em,1px);text-underline-offset:.18em}:where(hr){border:0;border-top:var(--border-width) solid var(--color-border);margin:0}:where(code,kbd,samp,.ui-numeric){font-family:var(--font-family-numeric);font-variant-numeric:tabular-nums}::selection{background-color:var(--color-text);color:var(--color-canvas)}:where(a,button,input,select,textarea,summary,[tabindex],[role=switch]):focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 var(--focus-ring-offset) var(--color-focus-halo)}:where(main):focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:calc(var(--focus-ring-offset) * -1)}.ui-screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:var(--color-canvas);touch-action:pan-y}.ui-screen--scroll-main{height:100dvh;overflow:hidden}.ui-screen__header{flex:0 0 auto;padding:calc(var(--safe-area-top) + var(--space-3)) calc(var(--safe-area-right) + var(--space-4)) var(--space-3) calc(var(--safe-area-left) + var(--space-4));border-bottom:var(--border-width) solid var(--color-border);background-color:var(--color-canvas)}.ui-screen__main{flex:1 1 auto;width:100%;max-width:var(--layout-max-width);margin-inline:auto;padding-inline:calc(var(--safe-area-left) + var(--space-4)) calc(var(--safe-area-right) + var(--space-4))}.ui-screen--scroll-main>.ui-screen__main{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.ui-screen__main--padded{padding-block:var(--space-5) var(--space-8)}.ui-screen__main:focus{outline:none}.ui-screen__footer{flex:0 0 auto;width:100%;max-width:var(--layout-max-width);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) calc(var(--safe-area-right) + var(--space-4)) calc(var(--safe-area-bottom) + var(--space-4)) calc(var(--safe-area-left) + var(--space-4));border-top:var(--border-width) solid var(--color-border);background-color:var(--color-canvas)}@media(orientation:landscape)and (max-height:540px){.ui-screen__main--padded{padding-block:var(--space-3) var(--space-5)}.ui-screen__footer{padding-block:var(--space-2) calc(var(--safe-area-bottom) + var(--space-2))}.ui-hold__key{min-height:max(var(--control-height-giant),46dvh)}}.ui-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-appearance-scope{display:contents}.ui-appearance-scope--paint{display:block;background-color:var(--color-canvas);color:var(--color-text);font-size:var(--font-size-body)}.ui-stack{display:flex;flex-direction:column;gap:var(--space-4)}.ui-reading{max-width:var(--measure-reading);font-size:var(--font-size-transcript);line-height:var(--line-height-snug);hanging-punctuation:first}.ui-legend{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-legend);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-legend);color:var(--color-text-muted)}.ui-legend:after{content:"";flex:1 1 auto;height:var(--border-width);background-color:var(--color-border)}.ui-shape{--ui-shape-size: .85em;display:inline-block;flex:0 0 auto;width:var(--ui-shape-size);height:var(--ui-shape-size);color:inherit}.ui-shape[data-shape=disc]{background-color:currentColor;border-radius:50%}.ui-shape[data-shape=ring]{border:max(2px,.16em) solid currentColor;border-radius:50%}.ui-shape[data-shape=arc]{border:max(2px,.16em) solid currentColor;border-top-color:transparent;border-radius:50%}.ui-shape[data-shape=arc][data-animated=true]{animation:ui-rotate var(--motion-spin-cycle) linear infinite}.ui-shape[data-shape=square]{background-color:currentColor;border-radius:2px}.ui-shape[data-shape=triangle]{background-color:currentColor;clip-path:polygon(50% 0%,100% 100%,0% 100%)}.ui-shape[data-shape=check]{background-color:currentColor;clip-path:polygon(14% 48%,0% 62%,38% 100%,100% 20%,86% 6%,36% 72%)}.ui-shape[data-shape=cross]{background-color:currentColor;clip-path:polygon(20% 0%,50% 30%,80% 0%,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0% 80%,30% 50%,0% 20%)}.ui-shape[data-shape=slash]{background-color:currentColor;clip-path:polygon(8% 0%,0% 12%,92% 100%,100% 88%)}.ui-shape[data-shape=bars]{background-image:linear-gradient(90deg,currentColor 0 34%,transparent 34% 66%,currentColor 66% 100%)}.ui-shape[data-shape=levels]{background-image:linear-gradient(90deg,currentColor 0 22%,transparent 22% 39%,currentColor 39% 61%,transparent 61% 78%,currentColor 78% 100%)}.ui-shape[data-shape=chevron]{border-top:max(2px,.16em) solid currentColor;border-right:max(2px,.16em) solid currentColor;width:calc(var(--ui-shape-size) * .6);height:calc(var(--ui-shape-size) * .6);transform:rotate(45deg)}@keyframes ui-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height-medium);min-width:var(--control-min-size);padding-inline:var(--space-5);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight);text-align:center;text-decoration:none;touch-action:manipulation;transition:transform var(--motion-duration-instant) var(--motion-ease-decisive),box-shadow var(--motion-duration-instant) var(--motion-ease-decisive),background-color var(--motion-duration-quick) var(--motion-ease-decisive)}.ui-button--full{width:100%}.ui-button--large{min-height:var(--control-height-large);font-size:var(--font-size-lead);border-radius:var(--radius-lg)}.ui-button--giant{min-height:var(--control-height-giant);padding-inline:var(--space-6);font-size:var(--font-size-title);font-weight:var(--font-weight-strong);border-radius:var(--radius-xl)}.ui-button--primary{background-color:var(--color-text);color:var(--color-text-on-fill);border-color:var(--color-text);box-shadow:var(--elevation-shelf)}.ui-button--secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--elevation-shelf)}.ui-button--quiet{background-color:transparent;color:var(--color-text);border-color:transparent;text-decoration:underline}.ui-button--destructive{background-color:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger);box-shadow:var(--elevation-shelf)}.ui-button--destructive .ui-button__label{text-decoration:underline;text-decoration-color:var(--color-danger);text-decoration-thickness:max(2px,.08em)}.ui-button:active:not(:disabled){transform:translateY(var(--shelf-height));box-shadow:none}.ui-button:disabled{opacity:1;background-color:var(--color-surface-sunken);color:var(--color-text-muted);border-color:var(--color-border);border-style:dashed;box-shadow:none;cursor:not-allowed}.ui-button__label{display:inline-block}.ui-button__mark{--ui-shape-size: .9em}.ui-button__spin{width:1em;height:1em;flex:0 0 auto;border:max(2px,.14em) solid currentColor;border-top-color:transparent;border-radius:50%;animation:ui-rotate var(--motion-spin-cycle) linear infinite}.ui-hold{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}.ui-hold__key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:var(--hold-key-min-height);padding:var(--space-6);border:var(--border-width-strong) solid var(--color-border-strong);border-radius:var(--radius-key);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-title);font-weight:var(--font-weight-strong);line-height:var(--line-height-tight);text-align:center;box-shadow:var(--elevation-shelf);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform var(--motion-duration-instant) var(--motion-ease-decisive),box-shadow var(--motion-duration-instant) var(--motion-ease-decisive),background-color var(--motion-duration-quick) var(--motion-ease-decisive)}.ui-hold__key[data-pressed=true]{background-color:var(--color-live-wash);border-color:var(--color-live);color:var(--color-live);transform:translateY(var(--shelf-height));box-shadow:none}.ui-hold__key:disabled{background-color:var(--color-surface-sunken);color:var(--color-text-muted);border-style:dashed;border-color:var(--color-border);box-shadow:none;cursor:not-allowed}.ui-hold__mark{width:1.4em;height:1.4em;border:max(3px,.18em) solid currentColor;border-radius:50%;background-color:transparent}.ui-hold__mark[data-live=true]{background-color:var(--color-live);box-shadow:0 0 0 max(4px,.22em) var(--color-live-wash)}.ui-hold__label{display:block}.ui-hold__hint{margin:0;font-size:var(--font-size-caption);color:var(--color-text-muted);text-align:center}.ui-card{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--elevation-shelf)}.ui-card--sunken{background-color:var(--color-surface-sunken);box-shadow:none}.ui-card--live{background-color:var(--color-live-wash);border-color:var(--color-live)}.ui-card--attention{background-color:var(--color-surface);border-color:var(--color-caution);border-left-width:max(4px,var(--border-width-strong))}.ui-card--pad-none{padding:0}.ui-card--pad-compact{padding:var(--space-3)}.ui-card--pad-comfortable{padding:var(--space-5)}.ui-module{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2) var(--space-4);width:100%;min-height:calc(var(--control-height-giant) + var(--space-6));padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);color:var(--color-text);text-align:left;text-decoration:none;box-shadow:var(--elevation-shelf);touch-action:manipulation;transition:transform var(--motion-duration-instant) var(--motion-ease-decisive),box-shadow var(--motion-duration-instant) var(--motion-ease-decisive)}.ui-module:active:not(:disabled){transform:translateY(var(--shelf-height));box-shadow:none}.ui-module__head{grid-column:1;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.ui-module__title{font-size:var(--font-size-title);font-weight:var(--font-weight-strong);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-tight)}.ui-module__description{grid-column:1;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-muted);line-height:var(--line-height-snug)}.ui-module__status{grid-column:1;display:block;margin-top:var(--space-1)}.ui-module__go{--ui-shape-size: 1.2em;grid-column:2;grid-row:1 / -1;color:var(--color-text-muted)}.ui-module--disabled{background-color:var(--color-surface-sunken);border-style:dashed;box-shadow:none;cursor:not-allowed}.ui-module--disabled .ui-module__title,.ui-module--disabled .ui-module__description{color:var(--color-text-muted)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:var(--border-width) solid currentColor;border-radius:var(--radius-pill);font-size:var(--font-size-legend);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-legend);line-height:var(--line-height-tight);white-space:nowrap}.ui-badge--neutral{color:var(--color-neutral)}.ui-badge--beta{color:var(--color-text);border-style:solid;border-width:var(--border-width-strong)}.ui-badge--pending{color:var(--color-text-muted);border-style:dashed}.ui-badge--inactive{color:var(--color-text-muted);border-style:dotted}.ui-badge--attention{color:var(--color-caution);border-width:var(--border-width-strong)}.ui-status{display:inline-flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-legend);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-legend);line-height:var(--line-height-snug);color:var(--color-text-muted)}.ui-status--large{font-size:var(--font-size-lead)}.ui-status__mark{align-self:center}.ui-status__detail{font-family:var(--font-family-numeric);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.ui-status--live{color:var(--color-live)}.ui-status--live .ui-status__mark[data-animated=true]{animation:ui-live-breath var(--motion-listening-cycle) steps(2,jump-none) infinite}.ui-status--processing,.ui-status--speaking{color:var(--color-text)}.ui-status--ok{color:var(--color-affirm)}.ui-status--attention{color:var(--color-caution)}.ui-status--error{color:var(--color-danger)}.ui-status--offline,.ui-status--idle{color:var(--color-text-muted)}@keyframes ui-live-breath{0%{transform:scale(.82)}to{transform:scale(1.05)}}.ui-live--visible{display:block;font-size:var(--font-size-body);color:var(--color-text)}.ui-field{display:flex;flex-direction:column;gap:var(--space-2)}.ui-field__label{font-size:var(--font-size-lead);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.ui-field__description{font-size:var(--font-size-caption);color:var(--color-text-muted);line-height:var(--line-height-snug)}.ui-field__row{display:flex;align-items:stretch;gap:var(--space-2)}.ui-field__input{flex:1 1 auto;min-width:0;min-height:var(--control-height-large);padding:var(--space-3) var(--space-4);border:var(--border-width-strong) solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-lead)}.ui-field__input::placeholder{color:var(--color-text-muted);opacity:1}.ui-field--invalid .ui-field__input{border-color:var(--color-danger)}.ui-field__reveal{flex:0 0 auto;min-height:var(--control-height-large);min-width:var(--control-min-size);padding-inline:var(--space-4);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);touch-action:manipulation}.ui-field__reveal[aria-pressed=true]{background-color:var(--color-surface-sunken);border-color:var(--color-text)}.ui-field__error{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-danger);line-height:var(--line-height-snug)}.ui-field__error-mark{align-self:center}.ui-toggle{display:flex;flex-direction:column;gap:var(--space-1)}.ui-toggle__control{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-height-large);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);text-align:left;touch-action:manipulation}.ui-toggle__label{flex:1 1 auto;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.ui-toggle__state{flex:0 0 auto;font-size:var(--font-size-legend);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-legend);color:var(--color-text-muted)}.ui-toggle__track{flex:0 0 auto;position:relative;width:62px;height:34px;border:var(--border-width-strong) solid var(--color-border-strong);border-radius:var(--radius-pill);background-color:var(--color-surface-sunken);transition:background-color var(--motion-duration-quick) var(--motion-ease-decisive)}.ui-toggle__knob{position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background-color:var(--color-text);transition:transform var(--motion-duration-quick) var(--motion-ease-decisive)}.ui-toggle__control[data-checked=true] .ui-toggle__track{background-color:var(--color-text)}.ui-toggle__control[data-checked=true] .ui-toggle__knob{background-color:var(--color-surface);transform:translate(28px)}.ui-toggle__control:disabled{background-color:var(--color-surface-sunken);border-style:dashed;color:var(--color-text-muted);cursor:not-allowed}.ui-toggle__description{font-size:var(--font-size-caption);color:var(--color-text-muted);line-height:var(--line-height-snug)}.ui-choice{display:flex;flex-direction:column;gap:var(--space-3)}.ui-choice__legend{font-size:var(--font-size-title);font-weight:var(--font-weight-strong);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-tight)}.ui-choice__help{font-size:var(--font-size-body);color:var(--color-text-muted)}.ui-choice__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.ui-choice__option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:calc(var(--control-height-giant) + var(--space-8));padding:var(--space-4) var(--space-3);border:var(--border-width-strong) solid var(--color-border-strong);border-radius:var(--radius-xl);background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--elevation-shelf);touch-action:manipulation;transition:transform var(--motion-duration-instant) var(--motion-ease-decisive),box-shadow var(--motion-duration-instant) var(--motion-ease-decisive)}.ui-choice__option:active:not(:disabled){transform:translateY(var(--shelf-height));box-shadow:none}.ui-choice__option[data-selected=true]{background-color:var(--color-text);color:var(--color-text-on-fill)}.ui-choice__option-label{font-size:var(--font-size-title);font-weight:var(--font-weight-strong);line-height:var(--line-height-tight);text-align:center}.ui-choice__option-detail{font-size:var(--font-size-caption);color:inherit;opacity:.85;text-align:center}@media(max-width:22rem){.ui-choice__options{grid-template-columns:1fr}}.ui-listening{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-2);height:44px}.ui-listening--large{height:68px;gap:var(--space-3)}.ui-listening__bar{--ui-bar-min: 18%;display:block;width:max(6px,.34em);height:var(--ui-bar-min);border-radius:var(--radius-xs);background-color:var(--color-text-muted);transition:height var(--motion-duration-quick) var(--motion-ease-decisive)}.ui-listening[data-active=false] .ui-listening__bar{height:var(--ui-bar-min);background-color:var(--color-text-muted);animation:none}.ui-listening[data-active=true] .ui-listening__bar{background-color:var(--color-live)}.ui-listening[data-measured=true][data-active=true] .ui-listening__bar{height:calc(var(--ui-bar-min) + (100% - var(--ui-bar-min)) * var(--ui-bar-level))}.ui-listening[data-animated=true] .ui-listening__bar{animation:ui-listening-step var(--motion-listening-cycle) steps(5,jump-none) infinite alternate;animation-delay:calc(var(--ui-bar-index) * var(--motion-listening-cycle) / -5)}@keyframes ui-listening-step{0%{height:22%}to{height:100%}}.ui-spinner{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text)}.ui-spinner__mark{flex:0 0 auto;width:1.4em;height:1.4em;border:max(3px,.16em) solid var(--color-border-strong);border-top-color:transparent;border-radius:50%}.ui-spinner[data-animated=true] .ui-spinner__mark{animation:ui-rotate var(--motion-spin-cycle) linear infinite}.ui-spinner--small .ui-spinner__mark{width:1em;height:1em}.ui-spinner__text{display:flex;flex-direction:column}.ui-spinner__label{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.ui-spinner__detail{font-size:var(--font-size-caption);color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@media(forced-colors:active){.ui-button,.ui-card,.ui-module,.ui-hold__key,.ui-choice__option,.ui-field__input,.ui-field__reveal,.ui-toggle__control,.ui-toggle__track{border:1px solid CanvasText}.ui-button--primary,.ui-choice__option[data-selected=true]{background-color:Highlight;color:HighlightText}.ui-shape,.ui-spinner__mark,.ui-listening__bar,.ui-toggle__knob,.ui-button__spin{forced-color-adjust:none;background-color:CanvasText;border-color:CanvasText;color:CanvasText}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid Highlight;outline-offset:3px}}.ui-avc{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ui-avc__stage{position:relative;display:grid;place-items:center;inline-size:min(14.5rem,56vw);block-size:min(14.5rem,56vw)}.ui-avc__halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 42%,var(--color-accent-mango) 0%,var(--color-accent-coral) 38%,var(--color-accent-violet) 62%,var(--color-accent-periwinkle) 74%,transparent 75%);opacity:.28}.ui-avc--live .ui-avc__halo{background:radial-gradient(circle at 50% 50%,var(--color-live-wash) 0%,var(--color-live-wash) 52%,transparent 73%);animation:ui-avc-pulse 1.8s ease-in-out infinite}.ui-avc[data-state=speaking] .ui-avc__halo{background:radial-gradient(circle at 50% 45%,var(--color-accent-periwinkle) 0%,var(--color-accent-teal) 45%,var(--color-accent-violet) 70%,transparent 74%);opacity:.32;animation:ui-avc-speak 2.6s ease-in-out infinite}@keyframes ui-avc-speak{0%,to{transform:scale(.97);opacity:.22}50%{transform:scale(1.03);opacity:.4}}@keyframes ui-avc-pulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.06);opacity:1}}.ui-avc__button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);inline-size:min(11rem,43vw);block-size:min(11rem,43vw);padding:var(--space-3);border:var(--border-width-strong) solid var(--color-border-strong);border-radius:50%;background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--font-weight-bold, 700);line-height:var(--line-height-tight, 1.2);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-shadow:0 var(--shelf-height) 0 0 var(--color-shelf)}.ui-avc[data-policy=TAP_TO_SPEAK] .ui-avc__button,.ui-avc[data-state=speaking] .ui-avc__button{touch-action:manipulation}.ui-avc__button:disabled{cursor:not-allowed;opacity:.55}.ui-avc[data-state=capturing] .ui-avc__button{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-on-fill)}.ui-avc[data-state=speaking] .ui-avc__button{border-color:var(--color-accent-periwinkle);color:var(--color-accent-periwinkle)}.ui-avc[data-state=attention] .ui-avc__button{border-color:var(--color-caution)}.ui-avc[data-state=unavailable] .ui-avc__button{border-style:dashed;color:var(--color-text-muted)}.ui-avc__glyph{inline-size:3.25rem;block-size:3.25rem}.ui-avc__action{font-size:var(--type-body)}.ui-avc__status{margin:0;font-size:var(--type-title, 1.35rem);font-weight:var(--font-weight-bold, 700)}.ui-avc[data-state=capturing] .ui-avc__status{color:var(--color-danger)}.ui-avc__mic-off,.ui-avc__hint{margin:0;max-inline-size:34ch;color:var(--color-text-muted)}.ui-segmented{display:flex;gap:var(--space-1);padding:var(--space-1);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-3, .75rem);background:var(--color-surface-sunken);touch-action:pan-y}.ui-segmented__option{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:.125rem;min-block-size:3rem;padding:var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-2, .5rem);background:transparent;color:var(--color-text-muted);font:inherit;cursor:pointer}.ui-segmented__option--selected{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-bold, 700)}.ui-segmented__option:disabled{cursor:not-allowed;opacity:.6}.ui-segmented__label{font-size:var(--type-body)}.ui-segmented__note{font-size:var(--type-small, .9rem);color:var(--color-caution)}@media(prefers-reduced-motion:reduce){.ui-avc--live .ui-avc__halo,.ui-avc[data-state=speaking] .ui-avc__halo{animation:none}}[data-reduce-motion=true] .ui-avc--live .ui-avc__halo,[data-reduce-motion=true] .ui-avc[data-state=speaking] .ui-avc__halo{animation:none}.app-skip{position:absolute;inset-inline-start:var(--space-3);inset-block-start:var(--space-3);z-index:10;padding:var(--space-2) var(--space-3);transform:translateY(calc(-100% - var(--space-4)));background-color:var(--color-canvas);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);min-height:var(--control-height-medium);display:inline-flex;align-items:center;transition:transform var(--motion-duration-quick) var(--motion-ease-decisive)}.app-skip:focus-visible{transform:translateY(0)}.app-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.app-inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.app-select{min-height:var(--control-min-size);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text)}.app-pair-editor{display:flex;flex-direction:column;gap:var(--space-3);padding-block-start:var(--space-2)}.app-pair-editor__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.app-pair-editor .app-select{width:100%;font-size:var(--font-size-body)}@media(max-width:42rem){.app-pair-editor__fields{grid-template-columns:1fr}}.app-modules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.app-modules>li{display:flex}.app-modules>li>*{flex:1 1 auto}.app-login{display:flex;flex-direction:column;gap:var(--space-5);max-width:var(--measure-reading);margin-inline:auto;width:100%}.app-login__fields{display:flex;flex-direction:column;gap:var(--space-3)}.app-note{color:var(--color-text-muted);margin:0}.app-code-block{margin:var(--space-2) 0;padding:var(--space-2);max-inline-size:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-text);font:var(--font-body, .9rem)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.app-alert{margin:0;padding:var(--space-3);border:var(--border-width-strong) solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);background-color:var(--color-surface)}.app-fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.app-control-cluster{display:flex;flex-direction:column;gap:var(--space-4)}:root[data-reduce-motion=true]{--motion-duration-instant: 0ms;--motion-duration-quick: 0ms;--motion-duration-settle: 0ms;--motion-listening-cycle: 0ms;--motion-spin-cycle: 0ms}@media(min-width:64rem){.ui-screen{--layout-max-width: 76rem}.ui-screen__main--padded{padding-inline:var(--space-6, 2rem)}.ui-screen__main>.ui-stack,.ui-screen__header>.app-row,.ui-screen__footer{max-inline-size:60rem;margin-inline:auto}.app-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.ui-avc__stage{inline-size:16rem;block-size:16rem}.ui-avc__button{inline-size:12rem;block-size:12rem}.ui-segmented{max-inline-size:32rem;margin-inline:auto;inline-size:100%}.ui-screen__main>.ui-stack[data-testid=module-screen-interpreter]{max-inline-size:72rem;inline-size:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;column-gap:var(--space-6, 2rem);row-gap:var(--space-4)}[data-testid=module-screen-interpreter]>.ui-reading{grid-column:1 / -1;grid-row:1;text-align:center}[data-testid=module-screen-interpreter]>.app-control-cluster{grid-column:1;grid-row:2 / span 3;align-self:start}.app-control-cluster>.ui-segmented{margin-inline:0;max-inline-size:none}[data-testid=module-screen-interpreter]>[data-testid=interpreter-language-pair]{grid-column:2;grid-row:2}[data-testid=module-screen-interpreter]>[data-testid=interpreter-transcript]{grid-column:2;grid-row:3}[data-testid=module-screen-interpreter]>[data-testid=interpreter-live-explanation]{grid-column:2;grid-row:4}}.app-pair{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);font-size:var(--type-title, 1.35rem);font-weight:var(--font-weight-bold, 700)}.app-pair__joiner{color:var(--color-text-muted)}