:root{--bg:#fff;--text:#1a1a1a;--muted:#4a4a4a;--accent:#0b5cad;--accent-text:#fff;--surface:#eef4fb;--border:#c8c8c8;--focus:#b35900;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--text:#f2f2f2;--muted:#c4c4c4;--accent:#7db8ff;--accent-text:#0a0a0a;--surface:#1c2430;--border:#555;--focus:#ffb347}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,Segoe UI,Tahoma,system-ui,sans-serif;font-size:1.125rem;line-height:1.7}h1,h2,h3{line-height:1.3}.skip-link{inset-inline-start:.5rem;background:var(--accent);color:var(--accent-text);z-index:10;border-radius:.5rem;padding:.75rem 1rem;position:absolute;top:-4rem}.skip-link:focus{top:.5rem}.app-header,main,.app-footer{max-width:48rem;margin-inline:auto;padding:1rem}.app-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-header h1{color:var(--accent);margin:0}.tagline{color:var(--muted);margin:0}.language-picker{align-items:center;gap:.5rem;display:flex}select,textarea{font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--border);border-radius:.5rem}select{min-width:2.75rem;min-height:2.75rem;padding:.5rem .75rem}textarea{resize:vertical;width:100%;margin:.5rem 0 .75rem;padding:.75rem;display:block}label{font-weight:600;display:block}.language-picker label{display:inline}.hint{color:var(--muted);margin-top:0}main section{margin-block:1.5rem}.phrase-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}button{font:inherit;cursor:pointer}.phrase-button{width:100%;min-height:3.5rem;color:var(--accent-text);background:var(--accent);border:2px solid var(--accent);border-radius:.75rem;padding:.75rem 1rem;font-weight:600}.secondary-button{min-width:2.75rem;min-height:2.75rem;color:var(--text);background:var(--bg);border:2px solid var(--border);border-radius:.5rem;padding:.5rem 1rem}.message-display{background:var(--surface);border:2px solid var(--border);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:.75rem;min-height:7rem;margin:0;padding:1.25rem;font-size:2rem;font-weight:600}.message-display.empty{color:var(--muted);font-size:1.125rem;font-weight:400}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}main:focus{outline:none}.app-footer{color:var(--muted);border-top:1px solid var(--border);font-size:1rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.speech-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:.75rem;display:flex}.speech-row label{display:inline}.speak-button{min-width:3rem;min-height:3rem;color:var(--accent-text);background:var(--accent);border:2px solid var(--accent);border-radius:.75rem;padding:.5rem 1.5rem;font-weight:600}.speech-status{min-height:1.7em;margin:.25rem 0}.speech-warning{color:var(--muted);margin:.25rem 0}.caption-status{min-height:1.7em;margin:.25rem 0;font-weight:600}.caption-status.listening{color:var(--accent)}.caption-box{background:var(--surface);border:2px solid var(--border);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:.75rem;min-height:7rem;margin:.5rem 0;padding:1rem;font-size:1.5rem}.caption-box .empty{color:var(--muted);font-size:1.125rem}.caption-box .interim{color:var(--muted)}.caption-error{border:2px solid var(--focus);border-radius:.5rem;margin:.25rem 0;padding:.5rem .75rem}