@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2212}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2212}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--paper: #faf5ec;--card: #ffffff;--ink: #241f17;--muted: #6b645a;--line: #e3dcce;--error: #b3261e;--person-0: #1c6b33;--person-1: #0e5aa0;--person-2: #99184c;--person-3: #8a4500}html,body{height:100%}body{font-family:Atkinson Hyperlegible,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--paper);color:var(--ink);font-size:22px;line-height:1.35;overscroll-behavior:none}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:4px solid var(--ink);outline-offset:2px}main{display:flex;flex-direction:column;height:100dvh;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));gap:14px}#picker-title{font-size:30px;font-weight:700;text-align:center;margin-top:10px}#picker-hint{font-size:20px;color:var(--muted);text-align:center}#chip-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;overflow-y:auto;padding:4px}.chip{min-height:68px;font-size:22px;font-weight:700;border:3px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink)}.chip.selected{border-color:var(--ink);background:var(--ink);color:var(--paper)}.chip:disabled{opacity:.35;cursor:not-allowed}.chip-native{font-size:17px;font-weight:400;color:var(--muted)}.chip.selected .chip-native{color:inherit;opacity:.8}#btn-start{min-height:76px;font-size:28px;font-weight:700;border:none;border-radius:18px;background:var(--ink);color:var(--paper)}#btn-start:disabled{opacity:.3;cursor:not-allowed}#topbar{display:flex;align-items:center;justify-content:space-between;min-height:48px}#wordmark{font-size:19px;font-weight:700;color:var(--muted);letter-spacing:.02em}#topbar-actions{display:flex;gap:10px}#btn-settings,#btn-clear{min-height:52px;padding:0 18px;font-size:19px;font-weight:700;color:var(--ink);border:3px solid var(--line);border-radius:14px;background:var(--card)}#btn-settings:disabled{opacity:.35}#result{flex:1;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:2px}#transcript-block{background:var(--card);border-radius:16px;border-left:8px solid var(--speaker-color, var(--muted));padding:14px 16px}#understood-label{font-size:18px;color:var(--muted);font-weight:700}#transcript{font-size:24px}#translations{display:flex;flex-direction:column;gap:12px}.translation-block{background:var(--card);border-radius:16px;border-left:8px solid var(--block-color, var(--muted));padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:background .25s}.translation-block.speaking{background:color-mix(in srgb,var(--block-color) 14%,var(--card))}.translation-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.translation-lang{font-size:18px;font-weight:700;color:var(--block-color, var(--muted))}.block-replay{width:54px;height:54px;font-size:26px;border:none;border-radius:14px;background:var(--paper);border:3px solid var(--line);flex-shrink:0}.block-replay:active{filter:brightness(.9)}.translation-text{font-size:28px;font-weight:700}#error{background:var(--error);color:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}#error-text{font-size:21px;font-weight:700;white-space:pre-line;line-height:1.4}#btn-error-retry{min-height:60px;font-size:22px;font-weight:700;border:none;border-radius:14px;background:#fff;color:var(--error)}#btn-convo-start{margin:auto;width:min(72vw,320px);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;font-size:24px;font-weight:700;text-align:center;line-height:1.2;border:none;background:var(--accent);color:var(--ink);box-shadow:0 6px 24px #241f172e;transition:transform .08s}#convo-start-icon{font-size:76px;line-height:1}#btn-convo-start:active{transform:scale(.96)}#convo-strip{margin-top:auto;display:flex;flex-direction:column;gap:12px}#strip-status{display:flex;align-items:center;justify-content:center;gap:16px;min-height:84px;background:var(--card);border:3px solid var(--line);border-radius:18px;padding:14px 18px}#strip-ring{width:42px;height:42px;border-radius:50%;border:6px solid var(--ink);flex-shrink:0}#strip-ring.listening{animation:breathe 1.6s ease-in-out infinite}#strip-ring.listening.voiced{animation:breathe .7s ease-in-out infinite;border-width:9px;border-color:var(--person-0)}#strip-ring.thinking{border-color:var(--line);border-top-color:var(--ink);animation:spin 1s linear infinite}#strip-text{font-size:25px;font-weight:700}#btn-convo-end{min-height:76px;font-size:26px;font-weight:700;border:none;border-radius:18px;background:var(--error);color:#fff}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#strip-ring.listening,#strip-ring.listening.voiced,#strip-ring.thinking{animation:none}#btn-convo-start,.translation-block{transition:none}}.hidden{display:none!important}