:root{--brand:#1d4ed8;--ink:#111418;--paper:#fff;--soft:#f1f4f9;--line:#d4dae3;--ok:#15803d}*{box-sizing:border-box}html{font-size:20px}body{color:var(--ink);background:var(--paper);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}#app{flex-direction:column;gap:1rem;max-width:640px;min-height:100dvh;margin:0 auto;padding:1rem;display:flex}.top{text-align:center}h1{margin:0;font-size:1.8rem}.status{color:#3a4352;min-height:1.6rem;margin:.25rem 0 0;font-size:1.1rem}.talk-area{flex-direction:column;align-items:center;gap:1rem;display:flex}.talk-btn{border:6px solid var(--brand);background:var(--soft);width:min(70vw,15rem);height:min(70vw,15rem);color:var(--brand);cursor:pointer;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.1rem;font-weight:700;display:flex}.talk-btn:focus-visible,.btn:focus-visible{outline:4px solid var(--brand);outline-offset:3px}.talk-btn.listening{background:var(--brand);color:#fff;animation:3s ease-in-out infinite gentle-pulse}.talk-btn.speaking{background:var(--ok);border-color:var(--ok);color:#fff}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@media (prefers-reduced-motion:reduce){.talk-btn.listening{animation:none}}.controls{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{border:3px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;border-radius:.75rem;min-height:3.2rem;padding:.9rem 1.4rem;font-size:1.1rem;font-weight:700}.btn.big{padding:1.1rem 2rem;font-size:1.3rem}.btn.secondary{background:var(--paper);color:var(--brand)}.transcript{flex-direction:column;flex:1;gap:.6rem;padding:.5rem 0;display:flex;overflow-y:auto}.bubble{border-radius:1rem;max-width:85%;padding:.7rem 1rem;font-size:1.05rem}.bubble.user{background:var(--brand);color:#fff;align-self:flex-end}.bubble.agent{background:var(--soft);border:1px solid var(--line);align-self:flex-start}.text-form{gap:.5rem;display:flex}.text-form input{border:3px solid var(--line);border-radius:.75rem;flex:1;min-width:0;padding:.8rem 1rem;font-size:1.1rem}.text-form input:focus-visible{border-color:var(--brand);outline:none}.reminder{background:#fff7e6;border:3px solid #d97706;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.reminder p{margin:0;font-size:1.15rem;font-weight:700}.foot{justify-content:center;display:flex}.hidden{display:none!important}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}