*{box-sizing:border-box}body{margin:0;background:#f2f6f3;color:#123e35;font-family:Tahoma,Arial,sans-serif}main{max-width:560px;margin:auto;padding:26px 22px calc(24px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between}.brand{font:800 28px Arial;color:#063e36;text-decoration:none}.brand small{display:block;font:11px Tahoma;margin-top:4px}.badge{font-size:11px;background:#e0ebe3;border:1px solid #cadbd0;border-radius:30px;padding:8px 12px}.intro{margin:34px 0 25px}.intro p{font-size:13px;color:#637b72;line-height:1.8}h1{font-size:38px;margin:10px 0 14px}.card{background:white;border:1px solid #e0e9e3;border-radius:28px;text-align:center;padding:30px 24px 22px;box-shadow:0 14px 45px #123e3508}.avatar{width:90px;height:90px;margin:0 auto 24px;border:10px solid #ecf4ed;border-radius:50%;display:grid;place-items:center;background:#0d604c;color:#d8ef8b;font-size:38px}.avatar.speaking{animation:pulse 1.2s infinite}h2{font-size:20px;margin:0 0 10px}.sub{color:#7b8d84;font-size:12px}#status{font-size:14px;color:#337761;margin:24px 0 12px}#timer{font:26px monospace;letter-spacing:2px}.wave{height:38px;color:#8eb69b;margin:10px 0 20px;font-size:24px}.card:has(.speaking) .wave{animation:pulse .65s infinite}button{font-family:inherit;cursor:pointer;min-height:54px;border-radius:16px;border:0;font-size:14px;font-weight:bold;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9aba30;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}.start{width:100%;background:#0a604b;color:white;font-size:17px}.controls{display:flex;gap:10px}.controls[hidden]{display:none}.controls button{flex:1;background:#edf3ef;color:#174a3b}.controls button[aria-pressed=true]{background:#ffedcb}#end{background:#b83b45;color:white}.consent{color:#78877f;font-size:10px;line-height:1.9;margin:18px 0 0}#error{background:#fff0f0;color:#9c2831;padding:12px;border-radius:10px;font-size:12px;line-height:1.8}.tips{margin:26px 0}.tips h3{font-size:14px}.topics{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.topics span{background:#e6eee7;border-radius:20px;padding:9px 12px;font-size:11px}.tips p,details p{font-size:11px;color:#6c8074;line-height:1.8}details{border-top:1px solid #d9e3dc;padding-top:16px}summary{cursor:pointer;font-size:13px}#transcript{max-height:260px;overflow:auto}#transcript p{background:white;padding:12px;border-radius:12px;white-space:pre-wrap}footer{margin-top:26px;font-size:10px;color:#78877f;line-height:2;text-align:center}@keyframes pulse{50%{box-shadow:0 0 0 12px #d7ebd980}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}