*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;background:#fff;color:#211f1a;font-family:Arial,"Noto Sans KR",sans-serif}body{display:grid;place-items:center;padding:24px}button{font:inherit}[hidden]{display:none!important}.voice-app{width:min(100%,420px);text-align:center}.voice-app header{display:flex;align-items:center;min-height:42px}.voice-app h1{flex:1;margin:0;font-size:17px;text-align:left}.close{width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#f2f1ed;font-size:24px}.voice-auth{margin:36px 0 18px;padding:20px;border-radius:16px;background:#f7f5ef}.voice-auth-title{margin:0;font-size:17px;font-weight:800}.voice-auth-guide{margin:9px 0 16px;color:#6f685d;font-size:13px;line-height:1.5}.voice-login{width:100%;padding:13px;border:0;border-radius:12px;background:#d9362b;color:#fff;font-weight:800}.voice-login:disabled{opacity:.6}.mic{width:128px;height:128px;display:grid;place-items:center;margin:44px auto 24px;border:0;border-radius:50%;background:#d9362b;color:#fff;box-shadow:0 10px 30px #9d201d35}.mic svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mic.listening{animation:pulse 1.1s infinite}.mic:disabled{opacity:.65}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 0 14px #d9362b20}}.state{min-height:28px;margin:0;font-size:17px;font-weight:800}.mic[hidden]+.state{margin-top:28px}.transcript{min-height:110px;margin:14px 0 0;padding:16px;border-radius:14px;background:#f7f5ef;text-align:left;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.dictation-fallback{margin-top:16px;padding:18px;border-radius:16px;background:#f7f5ef;text-align:left}.dictation-title{margin:0;font-weight:800}.dictation-guide{margin:8px 0 12px;color:#6f685d;font-size:13px;line-height:1.5}.dictation-fallback textarea{width:100%;resize:vertical;padding:14px;border:1px solid #d9d4c8;border-radius:12px;background:#fff;color:#211f1a;font:inherit;line-height:1.5}.dictation-fallback textarea:focus{outline:2px solid #d9362b55;border-color:#d9362b}.dictation-save{width:100%;margin-top:12px;padding:13px;border:0;border-radius:12px;background:#d9362b;color:#fff;font-weight:800}.dictation-save:disabled{opacity:.6}.guide{margin:13px 0 0;color:#777064;font-size:12px;line-height:1.45}