:root{--bg: #ffffff;--surface: #f3f5f9;--text: #16181d;--muted: #6b7280;--accent: #006af2;--accent-soft: #e6f0fe;--bad: #c62828;--bad-soft: #fdecec;--warn-soft: #fff4e0;--line: #e2e6ee;--radius: 14px}@media (prefers-color-scheme: dark){:root{--bg: #111317;--surface: #1b1e24;--text: #eef0f4;--muted: #9aa1ad;--accent: #3d8bff;--accent-soft: #16243a;--bad: #ff6b6b;--bad-soft: #3a1b1b;--warn-soft: #3a2e14;--line: #2a2e36}}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Thai,Noto Sans,sans-serif;font-size:17px;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;cursor:pointer}.muted{color:var(--muted)}.small{font-size:14px}.page{max-width:520px;margin:0 auto;padding:24px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px}.page.center{min-height:100%;justify-content:center;text-align:center}.brand{margin:0;font-size:30px;letter-spacing:-.5px;color:var(--accent)}.start-head p{margin:4px 0 0}.field{display:flex;flex-direction:column;gap:8px;font-weight:600}.field input{font:inherit;font-weight:400;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text)}.langs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lang{display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:var(--radius);border:2px solid transparent;background:var(--surface);font-weight:400;text-align:left}.lang.on{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.flag{font-size:22px}.primary{padding:18px;border:0;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:19px;font-weight:700}.primary:disabled{opacity:.5}.error{margin:0;color:var(--bad)}.call{height:100%;display:flex;flex-direction:column;max-width:640px;margin:0 auto}.call-head{padding:calc(14px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line)}.who{font-size:21px;font-weight:700}.banner{display:block;width:calc(100% - 32px);margin:10px 16px 0;padding:12px 14px;border-radius:var(--radius);border:0;text-align:left;font-size:15px}.banner.warn{background:var(--warn-soft)}.banner.bad{background:var(--bad-soft);color:var(--bad)}.banner.tap{background:var(--accent);color:#fff;font-weight:700;text-align:center}.subs{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.hint{margin:auto 0;text-align:center}.block{padding:12px 14px;border-radius:var(--radius);max-width:92%}.block.theirs{background:var(--surface);align-self:flex-start}.block.mine{background:var(--accent-soft);align-self:flex-end}.label{font-size:13px;color:var(--muted)}.tr-big{font-size:22px;line-height:1.35;font-weight:600}.src-small{margin-top:6px;font-size:14px;color:var(--muted)}.src{font-size:17px;line-height:1.35}.tr-small{margin-top:6px;font-size:15px}.bar{display:flex;justify-content:center;gap:40px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.round{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;font-size:28px;max-width:120px}.round span{font-size:13px;color:var(--muted);text-align:center}.round.off{opacity:.8}.round.hang{color:var(--bad)}