:root{--ve-red-050: #fdecec;--ve-red-100: #f9c9cb;--ve-red-500: #ec1f27;--ve-red-600: #c3251d;--ve-red-700: #9b0225;--ve-red-800: #970224;--ve-red-900: #6d0019;--ve-green-050: #f2f7e6;--ve-green-300: #a0da67;--ve-green-400: #a4cf63;--ve-green-500: #adcb53;--ve-green-600: #9cbb45;--ve-green-700: #7d9a34;--ve-ink-900: #050504;--ve-ink-800: #19242e;--ve-ink-700: #333333;--ve-ink-600: #505050;--ve-ink-500: #a4a4a4;--ve-ink-400: #777777;--ve-ink-300: #cccccc;--ve-ink-200: #eeeeee;--ve-ink-100: #f7f7f7;--ve-ink-000: #ffffff;--ve-slate-700: #2c5364;--ve-slate-800: #203a43;--ve-slate-900: #0f2027;--ve-teal-500: #2db69e;--ve-amber-500: #eea82f;--ve-blue-050: #eaf2f7;--ve-blue-300: #7fb3c8;--ve-blue-500: #17627f;--ve-blue-600: #114f67;--act-primary: var(--ve-blue-500);--act-primary-hover: var(--ve-blue-600);--act-approve: var(--ve-green-500);--act-approve-hover: var(--ve-green-600);--act-danger: var(--ve-red-600);--act-danger-hover: var(--ve-red-700);--text-heading: var(--ve-ink-800);--text-body: var(--ve-ink-700);--text-muted: var(--ve-ink-600);--text-inverse: var(--ve-ink-000);--surface-page: var(--ve-ink-100);--surface-card: var(--ve-ink-000);--surface-subtle: var(--ve-ink-100);--surface-sunken: var(--ve-ink-200);--surface-brand: var(--ve-red-500);--surface-inverse: var(--ve-ink-800);--border-subtle: rgba(0, 0, 0, .1);--border-default: rgba(0, 0, 0, .125);--border-strong: rgba(0, 0, 0, .2);--border-inverse: rgba(255, 255, 255, .2);--status-idle-plate: var(--ve-ink-100);--status-idle-ink: var(--ve-ink-800);--status-live-plate: var(--ve-red-050);--status-live-ink: var(--ve-red-600);--status-done-plate: var(--ve-green-050);--status-done-ink: #5c7526;--status-danger: var(--ve-red-600);--font-sans: "Roboto", Helvetica, Arial, sans-serif;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--weight-black: 900;--text-2xs: 13px;--text-xs: 14px;--text-sm: 15px;--text-base: 16px;--text-md: 18px;--text-lg: 20px;--text-xl: 22px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 30px;--text-5xl: 36px;--text-6xl: 60px;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.625;--tracking-cta: 1.4px;--tracking-none: 0;--app-radius: 6px;--app-radius-control: 4px;--app-radius-chrome: 3px;--app-radius-status: 999px;--shadow-xs: 0 1px 2px rgba(5, 5, 4, .06);--shadow-sm: 0 1px 3px rgba(5, 5, 4, .09), 0 1px 2px rgba(5, 5, 4, .05);--shadow-md: 0 4px 12px rgba(5, 5, 4, .1);--shadow-lg: 0 12px 28px rgba(5, 5, 4, .14);--shadow-press: inset 0 2px 4px rgba(5, 5, 4, .22);--focus-act: 0 0 0 3px rgba(23, 98, 127, .35);--focus-danger: 0 0 0 3px rgba(195, 37, 29, .3);--dur-control: .1s;--dur-opacity: .2s;--dur-media: .35s;--ease-control: ease-in-out;--ease-overshoot: cubic-bezier(.64, .01, .3, 1.46)}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:local("Roboto Light"),local("Roboto"),url(/fonts/roboto-300.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local("Roboto"),url(/fonts/roboto-400.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:local("Roboto Medium"),local("Roboto"),url(/fonts/roboto-500.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local("Roboto Bold"),local("Roboto"),url(/fonts/roboto-700.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-display:swap;src:local("Roboto Black"),local("Roboto"),url(/fonts/roboto-900.woff2) format("woff2")}:root{--navy: var(--act-primary);--navy-dark: var(--act-primary-hover);--green: var(--act-approve);--green-dark: var(--ve-green-700);--red: var(--ve-red-500);--bg: var(--surface-page);--card: var(--surface-card);--text: var(--text-body);--muted: var(--text-muted);--border: var(--border-default);--focus: var(--act-primary);--app-masthead-h: 44px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:var(--weight-light);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-text-size-adjust:100%}button{font:inherit;font-family:var(--font-sans);cursor:pointer;min-height:48px;border-radius:var(--app-radius);border:1px solid transparent;transition:all var(--dur-control) var(--ease-control)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-act)}button:disabled{opacity:.45;cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app-masthead{height:var(--app-masthead-h);background:var(--surface-brand);display:flex;align-items:center;padding:0 16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.app-masthead-logo{height:26px;width:auto;display:block}.center-screen{min-height:calc(100dvh - var(--app-masthead-h));display:flex;align-items:center;justify-content:center;padding:16px}.card{background:var(--card);border:1px solid var(--border-subtle);border-radius:var(--app-radius);padding:24px;max-width:480px;width:100%;box-shadow:var(--shadow-xs)}.brand-title{font-size:var(--text-5xl);font-weight:var(--weight-bold);text-transform:uppercase;line-height:var(--leading-tight);margin:0;color:var(--text-heading);letter-spacing:var(--tracking-none)}.card>.brand-title:after{content:"";display:block;width:64px;height:7px;background:var(--ve-red-500);margin-top:15px}.brand-title.small{font-size:var(--text-xl);margin-right:8px}.card>.brand-title.small:after{display:none}.brand-sub{color:var(--muted);margin:15px 0 20px;font-weight:var(--weight-regular);font-size:var(--text-sm);line-height:var(--leading-snug)}.brand-sub.small{font-size:var(--text-2xs);margin:0}.explainer{font-size:var(--text-sm);font-weight:var(--weight-light);color:var(--muted);margin:8px 0}.login-card input[type=password]{width:100%;min-height:52px;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-light);color:var(--text-body);padding:8px 15px;margin:12px 0;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--app-radius-control);transition:all var(--dur-control) var(--ease-control)}.login-card input[type=password]::placeholder{color:var(--ve-ink-400);opacity:1}.login-card input[type=password]:focus{outline:none;border-color:var(--act-primary);box-shadow:var(--focus-act)}.btn-primary{width:100%;background:var(--act-primary);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-cta);border-color:var(--act-primary);padding:14px}.btn-primary:hover:not(:disabled){background:var(--act-primary-hover);border-color:var(--act-primary-hover)}.btn-primary:active:not(:disabled){background:var(--act-primary-hover);box-shadow:var(--shadow-press)}.btn-secondary{background:var(--surface-card);color:var(--act-primary);font-weight:var(--weight-bold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.4px;border:1px solid var(--border-default);padding:10px 14px;flex:1}.btn-dir-a2b{background:var(--act-primary);color:var(--text-inverse);border-color:var(--act-primary)}.btn-dir-a2b:hover:not(:disabled),.btn-dir-a2b:active:not(:disabled){background:var(--act-primary-hover);border-color:var(--act-primary-hover);color:var(--text-inverse)}.btn-dir-a2b:disabled{background:var(--ve-blue-050);color:#6f8b98;border-color:var(--border-default);opacity:1}.btn-dir-b2a{background:var(--act-approve);color:var(--text-heading);border-color:var(--act-approve)}.btn-dir-b2a:hover:not(:disabled),.btn-dir-b2a:active:not(:disabled){background:var(--act-approve-hover);border-color:var(--act-approve-hover);color:var(--text-heading)}.btn-dir-b2a:disabled{background:var(--ve-green-050);color:#8a9469;border-color:var(--border-default);opacity:1}.btn-ghost{background:transparent;color:var(--act-primary);border:1px solid var(--border-default);padding:8px 12px;min-height:40px;font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.4px}.btn-ghost:hover{background:var(--surface-subtle);border-color:var(--border-strong)}.error{color:var(--status-danger);font-weight:var(--weight-bold);font-size:var(--text-sm)}.notice{font-size:12px;font-weight:var(--weight-light);color:var(--muted);line-height:var(--leading-snug);margin:6px 0 0}.notice.warn{color:var(--status-danger);font-weight:var(--weight-bold)}.pending-box{text-align:center}.pending-box h2{font-size:var(--text-xl);font-weight:var(--weight-bold);text-transform:uppercase;line-height:var(--leading-tight);color:var(--text-heading)}.pending-code{font-size:var(--text-4xl);font-weight:var(--weight-black);letter-spacing:.15em;color:var(--text-heading);background:var(--surface-sunken);border-radius:var(--app-radius);padding:12px;user-select:all}.lang-row{display:flex;justify-content:flex-end}.lang-toggle{display:inline-flex;border:1px solid var(--border-default);border-radius:var(--app-radius-control);overflow:hidden}.lang-toggle button{min-height:40px;min-width:48px;border:none;border-radius:0;background:var(--surface-card);color:var(--muted);font-weight:var(--weight-bold);font-size:var(--text-xs);text-transform:uppercase}.lang-toggle button.active{background:var(--act-primary);color:var(--text-inverse)}.main-screen{max-width:560px;margin:0 auto;padding:12px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;min-height:calc(100dvh - var(--app-masthead-h))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.topbar-actions{display:flex;gap:8px;align-items:center}.pair-row{display:flex;align-items:center;justify-content:center;gap:14px}.pair-lang{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-heading)}.lang-select{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-heading);padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--app-radius-control);background:var(--surface-card);max-width:42vw;min-height:44px;transition:all var(--dur-control) var(--ease-control)}.lang-select:focus{outline:none;border-color:var(--act-primary);box-shadow:var(--focus-act)}.btn-swap{font-size:var(--text-xl);background:var(--surface-card);color:var(--act-primary);border:1px solid var(--border-default);border-radius:var(--app-radius-control);min-width:56px}.btn-swap:hover{background:var(--surface-subtle);border-color:var(--border-strong)}.status{text-align:center;font-weight:var(--weight-bold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.4px;padding:10px;border-radius:var(--app-radius);background:var(--status-idle-plate);color:var(--status-idle-ink);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;gap:10px}.status-listening,.status-error{background:var(--status-live-plate);color:var(--status-live-ink);border-color:var(--ve-red-100)}.status-speaking,.status-generating_speech{background:var(--status-done-plate);color:var(--status-done-ink);border-color:#adcb5380}.rec-dot{width:14px;height:14px;border-radius:50%;background:var(--ve-red-500);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.record-buttons{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:420px){.record-buttons{grid-template-columns:1fr 1fr}}.btn-record{background:var(--act-primary);color:var(--text-inverse);border-color:var(--act-primary);padding:22px 16px;border-radius:var(--app-radius);display:flex;flex-direction:column;gap:6px;min-height:96px}.btn-record:hover:not(:disabled){background:var(--act-primary-hover);border-color:var(--act-primary-hover)}.btn-record:active:not(:disabled){box-shadow:var(--shadow-press)}.btn-record.alt{background:var(--act-approve);border-color:var(--act-approve);color:var(--text-heading)}.btn-record.alt:hover:not(:disabled){background:var(--act-approve-hover);border-color:var(--act-approve-hover)}.btn-record.recording{background:var(--ve-red-500);border-color:var(--ve-red-500);color:var(--text-inverse);animation:recpulse 1.2s infinite}.btn-record.recording:hover:not(:disabled){background:var(--ve-red-500);border-color:var(--ve-red-500)}@keyframes recpulse{0%,to{box-shadow:0 0 #ec1f2773}50%{box-shadow:0 0 0 12px #ec1f2700}}.btn-record-label{font-size:var(--text-lg);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-cta);line-height:var(--leading-tight)}@media(max-width:420px){.btn-record-label{letter-spacing:.6px}}.btn-record-sub{font-size:var(--text-2xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-none);text-transform:none;opacity:.85}.typed-row textarea{width:100%;border:1px solid var(--border-default);border-radius:var(--app-radius-control);padding:10px 12px;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-light);line-height:var(--leading-normal);color:var(--text-body);background:var(--surface-card);resize:vertical;min-height:56px;transition:all var(--dur-control) var(--ease-control)}.typed-row textarea::placeholder{color:var(--ve-ink-400);opacity:1}.typed-row textarea:focus{outline:none;border-color:var(--act-primary);box-shadow:var(--focus-act)}.typed-buttons{display:flex;gap:10px;margin-top:8px}.result-card{background:var(--card);border:1px solid var(--border-subtle);border-radius:var(--app-radius);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-xs)}.result-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:var(--weight-bold)}.result-text{margin:4px 0 0;font-size:var(--text-base);font-weight:var(--weight-light);line-height:var(--leading-normal);color:var(--text-body);overflow-wrap:anywhere}.result-text.large{font-size:var(--text-lg);font-weight:var(--weight-regular);color:var(--text-heading)}.result-block.highlight{border-left:4px solid var(--ve-red-500);padding-left:12px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-control{background:var(--surface-card);border:1px solid var(--border-default);color:var(--act-primary);font-weight:var(--weight-bold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.4px;padding:12px 8px}.btn-control:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--border-strong)}.footer-notices{margin-top:auto}.modal-backdrop{position:fixed;inset:0;background:#19242ea6;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.usage-table{width:100%;border-collapse:collapse;margin:12px 0 16px}.usage-table th,.usage-table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);font-weight:var(--weight-light)}.usage-table th{background:var(--surface-subtle);color:var(--text-heading);font-weight:var(--weight-bold);text-transform:uppercase;font-size:var(--text-2xs);letter-spacing:.4px}@media(prefers-color-scheme:dark){:root{--bg: #101a22;--card: var(--ve-ink-800);--text: #e6ebef;--muted: #a9b6c0;--border: var(--border-inverse);--navy: var(--ve-blue-300);--navy-dark: #9ac6d7;--text-heading: #f2f5f7;--text-body: #e6ebef;--text-muted: #a9b6c0;--surface-card: var(--ve-ink-800);--surface-subtle: #223140;--surface-sunken: #223140;--surface-inverse: #050504;--border-subtle: rgba(255, 255, 255, .14);--border-default: rgba(255, 255, 255, .2);--border-strong: rgba(255, 255, 255, .32);--act-primary: var(--ve-blue-300);--act-primary-hover: #9ac6d7;--status-idle-plate: #223140;--status-idle-ink: #e6ebef;--status-live-plate: #3a1c1d;--status-live-ink: #f0a9a5;--status-done-plate: #2b3320;--status-done-ink: var(--ve-green-300);--status-danger: #f0a9a5;--focus-act: 0 0 0 3px rgba(127, 179, 200, .45)}.btn-primary,.btn-dir-a2b,.btn-record{background:var(--ve-blue-500);border-color:var(--ve-blue-500);color:var(--text-inverse)}.btn-primary:hover:not(:disabled),.btn-dir-a2b:hover:not(:disabled),.btn-record:hover:not(:disabled){background:var(--ve-blue-600);border-color:var(--ve-blue-600)}.btn-dir-a2b:disabled{background:#22333d;color:#7d919d}.btn-record.alt,.btn-dir-b2a{background:var(--ve-green-500);border-color:var(--ve-green-500);color:var(--ve-ink-800)}.btn-dir-b2a:disabled{background:#3c4633;color:#8e9a78;border-color:#ffffff24}.btn-record.recording{background:var(--ve-red-500);border-color:var(--ve-red-500)}.btn-secondary,.btn-swap,.btn-control,.lang-toggle button,.lang-select,.typed-row textarea,.login-card input[type=password]{background:var(--surface-subtle);color:var(--text);border-color:var(--border-default)}.lang-toggle button.active{background:var(--ve-blue-500);color:var(--text-inverse)}.pending-code{background:#223140;color:var(--text)}}.version-tag{text-align:center;font-size:11px;font-weight:var(--weight-regular);letter-spacing:.4px;color:var(--muted, var(--ve-ink-500));opacity:.8;padding:4px 0 10px;user-select:none}