:root{--listening-border:#8fd14f;--listening-glow:#8fd14fb8;color:#2c2c1b;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#e7e3d8 0,#f3f1ea 48rem);min-width:320px;min-height:100vh;margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}button,select,textarea{color:#2c2c1b;font:inherit;background:#faf9f5;border:1px solid #c8c4b7;border-radius:.75rem}button{cursor:pointer;font-weight:700}button:hover:not(:disabled){background:#e7e3d8;border-color:#5d6b4a}button:disabled{cursor:not-allowed;opacity:.45}select{width:100%;padding:.65rem .75rem}.app-shell{width:min(100% - 2rem,54rem);margin:0 auto;padding:1.25rem 0 3rem}.auth-locked>:not(.auth-panel){display:none}.auth-panel{background:#faf9f5f0;border:1px solid #c8c4b7;border-radius:1rem;width:min(100%,28rem);margin:8vh auto 0;padding:2rem;box-shadow:0 1rem 3rem #2c2c1b1f}.auth-panel h1{margin-bottom:1.5rem;font-size:clamp(1.6rem,4vw,2.3rem)}.login-form{gap:.65rem;display:grid}.login-form label{color:#6e6a58;font-size:.85rem;font-weight:700}.login-form input{color:#2c2c1b;width:100%;font:inherit;background:#faf9f5;border:1px solid #c8c4b7;border-radius:.75rem;padding:.75rem}.login-form input:focus{border-color:#5d6b4a;outline:2px solid #5d6b4a33}.login-button{color:#faf9f5;background:#5d6b4a;border-color:#5d6b4a;margin-top:.75rem;padding:.75rem 1rem}.login-button:hover:not(:disabled){color:#fff;background:#465538}.page-header{margin-bottom:1rem}.header-topline{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.brand-block{min-width:0}.brand-block h1{color:#2c2c1b;letter-spacing:.025em;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.55rem,3vw,2.35rem);font-weight:500;line-height:1}.brand-name{font-weight:700}.brand-title,.brand-separator{font-weight:500}.header-subtitle{color:#6e6a58;max-width:52rem;margin:.35rem 0 0;font-size:.78rem;line-height:1.35}.header-account{flex:none;justify-items:end;gap:.45rem;display:grid}.header-logout{color:#6e6a58;background:0 0;border-color:#c8c4b7;padding:.4rem .65rem}.header-logout:hover:not(:disabled){color:#2c2c1b;background:#e7e3d8;border-color:#5d6b4a}.eyebrow{color:#5d6b4a;letter-spacing:.16em;margin:0 0 .7rem;font-size:.75rem;font-weight:800}h1,h2,p{margin-top:0}h1{max-width:72rem;margin-bottom:0;font-size:clamp(1.2rem,3vw,2.5rem);line-height:1.04}.language-panel,.status-panel,.text-card{background:#faf9f5f0;border:1px solid #c8c4b7;border-radius:1rem;box-shadow:0 1rem 3rem #2c2c1b1f}.language-panel{grid-template-areas:"controls""flags""dialog";gap:.65rem;padding:1rem;display:grid}.language-pair{grid-area:flags;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"source-flag arrow target-flag";align-items:start;gap:clamp(.75rem,2vw,1.5rem);display:grid}.flag-button#source-action{grid-area:source-flag}.flag-button#target-action{grid-area:target-flag}.language-controls-panel{background:#e7e3d8b3;border:1px solid #c8c4b7;border-radius:.75rem;grid-area:controls;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"source-controls.target-controls";align-items:center;gap:clamp(.75rem,2vw,1.5rem);min-height:3.6rem;padding:.55rem 0;display:grid}.source-controls,.target-controls{align-items:end;gap:.75rem;min-width:0;display:flex}.source-controls{grid-area:source-controls;justify-content:flex-start;padding-left:6px}.target-controls{grid-area:target-controls;justify-content:flex-end;padding-right:6px}.source-controls,.target-controls{flex-direction:row}.target-controls .language-selection{order:2}.target-controls .voice-options,.target-controls #target-voice-man{order:1}.target-controls #target-voice-woman{order:2}.flag-button{text-align:center;isolation:isolate;background:#d1be9c;border:1px solid #a0835c;border-radius:1rem;grid-template:"flag."1fr"flag label""flag secondary""flag hint""flag."1fr/minmax(0,.95fr) minmax(0,1.35fr);align-items:center;gap:.2rem .75rem;min-height:9.25rem;padding:.8rem;display:grid;position:relative;overflow:visible}#target-action{grid-template-columns:minmax(0,1.35fr) minmax(0,.95fr);grid-template-areas:".flag""label flag""secondary flag""hint flag"".flag"}.flag-button:after{z-index:1;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(#2c2c1b1f,#2c2c1b94);position:absolute;inset:0}.flag-button:hover:not(:disabled){border-color:#5d6b4a}.action-button.is-listening{border:var(--voice-border-width,.5px) solid var(--listening-border);box-shadow:0 0 0 var(--voice-pulse,3px) rgb(143 209 79/var(--voice-opacity,.6)), 0 0 1rem rgb(143 209 79/var(--voice-opacity,.6));will-change:border-width, box-shadow;transition:border-width 80ms linear,box-shadow 80ms linear}.action-button.is-listening .flag-image,.action-button.is-listening .flag-fallback{filter:grayscale(.72)brightness(.72)}.action-button.is-listening:before{z-index:0;border:.5px solid var(--listening-border);border-radius:inherit;content:"";pointer-events:none;animation:voice-listening-pulse var(--voice-pulse-duration,.95s) ease-in-out infinite alternate;position:absolute;inset:-3px}.flag-image,.flag-fallback{z-index:2;object-fit:contain;object-position:center;border-radius:.35rem;grid-area:flag;justify-self:center;width:100%;max-width:100%;height:auto;max-height:6rem;position:relative;inset:auto}.flag-fallback{background:#d1be9c;place-items:center;font-size:5rem;display:grid}.flag-image{background:0 0;padding:0}.flag-image[hidden],.flag-fallback[hidden]{display:none}.button-state-label,.button-state-secondary,.button-state-hint{z-index:2;text-align:center;grid-area:label;place-self:center stretch;position:relative}.button-state-label{color:#f3f1ea;letter-spacing:.05em;text-shadow:0 2px 4px #2c2c1bb3;font-size:clamp(.95rem,1.7vw,1.2rem);font-weight:800;line-height:1.15}.button-state-secondary{color:#f3f1ea;letter-spacing:.05em;text-shadow:0 2px 4px #2c2c1bb3;grid-area:secondary;font-size:clamp(.82rem,1.35vw,1rem);font-weight:700;line-height:1.15}.button-state-hint{color:#f3f1ea;text-shadow:0 2px 4px #2c2c1bb3;grid-area:hint;max-width:25rem;font-size:.62rem;font-weight:700;line-height:1.2}.direction-arrow{color:#5d6b4a;text-align:center;white-space:nowrap;grid-area:arrow;align-self:center;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1}.language-selection{flex:0 13rem;min-width:8rem}.source-controls .language-selection,.target-controls .language-selection{flex:0 12rem}.language-selection label{color:#6e6a58;margin-bottom:.35rem;font-size:.78rem;display:block}.voice-options{gap:.4rem;display:flex}.voice-button{color:#6e6a58;background:#faf9f5;border-color:#c8c4b7;align-items:center;gap:.3rem;padding:.35rem .5rem;font-size:.78rem;display:inline-flex}.voice-button img{object-fit:contain;border-radius:999px;width:1.8rem;height:1.8rem}.voice-button.is-selected{color:#2c2c1b;background:#e7e3d8;border-color:#5d6b4a;box-shadow:0 0 0 2px #5d6b4a2e}.language-pair-actions{grid-area:dialog;justify-content:center;display:flex}.language-pair-actions .clear-button{color:#5d6b4a;background:#e7e3d8;padding:.45rem 1rem}.status-panel{grid-template-columns:16rem minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding:.8rem 1rem;display:grid}.status-message{color:#6e6a58;text-overflow:ellipsis;white-space:nowrap;width:16rem;min-width:16rem;font-size:.82rem;font-weight:700;line-height:1.35;display:block;overflow:hidden}.speech-visualizer{background:#e7e3d8;border:1px solid #c8c4b7;border-radius:.75rem;width:100%;min-width:0;height:2.8rem;padding:.35rem .6rem;position:relative;overflow:hidden}.histogram-bars{justify-content:space-between;align-items:flex-end;gap:.25rem;width:100%;height:100%;padding:.15rem 0 .2rem;display:flex;position:relative}.histogram-bars:after{content:"";background:#c8c4b7;height:1px;position:absolute;bottom:.1rem;left:0;right:0}.histogram-bars span{z-index:1;min-width:.2rem;height:max(12%, var(--bar-height));opacity:.72;transform-origin:bottom;background:linear-gradient(#a0835c 0%,#5d6b4a 100%);border-radius:.3rem .3rem .12rem .12rem;flex:1 1 0;transition:height 80ms linear,opacity .12s;position:relative}.speech-visualizer.is-listening .histogram-bars span{opacity:1;background:linear-gradient(#8fd14f 0%,#5d6b4a 100%);animation:none}.speech-visualizer.is-listening .histogram-bars span:nth-child(2n){animation-delay:-.25s}.speech-visualizer.is-listening .histogram-bars span:nth-child(3n){animation-delay:-.5s}.status-row{align-items:center;gap:.65rem;min-width:0;font-weight:700;display:flex}.status-actions{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.profile-status{color:#5d6b4a;letter-spacing:.04em;white-space:nowrap;background:#e7e3d8;border:1px solid #c8c4b7;border-radius:999px;padding:.28rem .5rem;font-size:.7rem;font-weight:800}.clear-button{color:#6e6a58;background:0 0;flex:none;padding:.55rem .85rem}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.text-card{min-width:0;padding:1rem}.partial-card,.translation-card,.recognized-card{min-height:18rem}.partial-card{grid-column:1/-1;min-height:0;padding-top:.75rem;padding-bottom:.75rem}.translation-card{background:linear-gradient(145deg,#e7e3d8f0,#faf9f5f5);border-color:#a0835c}.card-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}h2{color:#5d6b4a;letter-spacing:.1em;text-transform:uppercase;margin-bottom:0;font-size:.8rem}.card-badge{color:#2c2c1b;letter-spacing:.08em;background:#d1be9c;border-radius:999px;padding:.25rem .45rem;font-size:.65rem;font-weight:800}.card-actions{gap:.45rem;display:flex}.icon-button{border-radius:.65rem;place-items:center;width:2.3rem;height:2.3rem;padding:0;font-size:1.05rem;display:inline-grid}.partial-text,.translation-text{white-space:pre-wrap;margin-bottom:0;line-height:1.7}.partial-text{color:#6e6a58;min-height:1.5rem;font-style:italic}.translation-text{color:#2c2c1b;min-height:12rem;font-size:1.05rem}.transcript-text{resize:vertical;color:#2c2c1b;background:#faf9f5;width:100%;min-height:12rem;padding:1rem;font-size:1rem;line-height:1.75;display:block}.transcript-text:not([readonly]){border-color:#5d6b4a;outline:2px solid #5d6b4a33}.error-message{color:#6b2f27;background:#f3e2de;border:1px solid #a65d4f;border-radius:.75rem;margin:1rem 0 0;padding:1rem}@keyframes listening-border{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 .45rem var(--listening-glow)}}@keyframes voice-listening-pulse{0%{opacity:.48;box-shadow:0 0 0 1.5px #8fd14f7a}to{opacity:1;box-shadow:0 0 0 6px #8fd14feb}}@media (width<=44rem){.app-shell{width:min(100% - 1rem,76rem);padding-top:2rem}.language-pair{grid-template-columns:1fr;grid-template-areas:"source-flag""arrow""target-flag"}.language-controls-panel{grid-template-columns:1fr;grid-template-areas:"source-controls""target-controls"}.content-grid{grid-template-columns:minmax(0,1fr)}.partial-card{grid-column:auto}.direction-arrow{justify-self:center;transform:rotate(90deg)}.language-selection{flex:50%}.status-panel{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"message message""visualizer actions";align-items:center}.status-message{grid-area:message;width:100%;min-width:0}.speech-visualizer{grid-area:visualizer;width:100%;min-width:0}.status-actions{grid-area:actions}.clear-button{width:auto}}