*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #1a2744;--panel-bg: #233355;--text: #ffffff;--muted: #b8c4dd;--home: #2e7d32;--home-active: #1b5e20;--other: #1565c0;--other-active: #0d47a1;--error: #c62828;--accent: #ffca28}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:20px;overscroll-behavior:none}#app{display:flex;flex-direction:column;height:100dvh;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));gap:12px}#lang-toggle{display:flex;gap:10px}.toggle-btn{flex:1;min-height:56px;font-size:20px;font-weight:600;border:3px solid var(--muted);border-radius:14px;background:transparent;color:var(--muted);cursor:pointer}.toggle-btn.active{border-color:var(--accent);background:var(--accent);color:#1a1a1a}#status{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px}#status-text{font-size:21px;color:var(--muted);text-align:center}#pulse{width:22px;height:22px;border-radius:50%;background:#ef5350;animation:pulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}#result{flex:1;display:flex;flex-direction:column;gap:10px;background:var(--panel-bg);border-radius:18px;padding:18px;overflow-y:auto}#understood-label{font-size:18px;color:var(--muted);font-weight:600}#transcript{font-size:24px;line-height:1.35}#translation{font-size:32px;line-height:1.3;font-weight:700;color:var(--accent);margin-top:6px}#btn-replay{margin-top:auto;min-height:64px;font-size:24px;font-weight:700;border:none;border-radius:14px;background:var(--accent);color:#1a1a1a;cursor:pointer}#btn-replay:active{filter:brightness(.85)}#error{background:var(--error);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}#error-text{font-size:21px;font-weight:600;line-height:1.35}#btn-error-retry{min-height:56px;font-size:20px;font-weight:700;border:none;border-radius:12px;background:#fff;color:var(--error);cursor:pointer}#talk-buttons{display:flex;flex-direction:column;gap:14px;margin-top:auto}.talk-btn{width:100%;min-height:88px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:26px;font-weight:700;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:transform .08s}.talk-btn:active{transform:scale(.97)}.talk-btn.home{background:var(--home)}.talk-btn.home.recording{background:var(--home-active);outline:4px solid #ef5350}.talk-btn.other{background:var(--other)}.talk-btn.other.recording{background:var(--other-active);outline:4px solid #ef5350}.talk-btn:disabled{opacity:.35;cursor:not-allowed}.talk-icon{font-size:32px}.hidden{display:none!important}