:root{--canvas: #f0f2f5;--paper: #ffffff;--paper-sunk: #fafafa;--ink: #1f1f1f;--ink-soft: #434343;--muted: #595959;--hairline: #f0f0f0;--border: #d9d9d9;--brand: #1677ff;--brand-strong: #0958d9;--brand-solid: #0958d9;--brand-solid-hover: #003eb3;--brand-tint: #e6f4ff;--ok: #237804;--ok-bar: #52c41a;--ok-tint: #f6ffed;--ok-line: #b7eb8f;--rec: #cf1322;--rec-tint: #fff1f0;--rec-ring: #ffccc7;--warn-ink: #ad6800;--warn-bg: #fffbe6;--warn-line: #ffe58f;--err: #cf1322;--shadow-card: 0 1px 2px rgba(0, 0, 0, .03);--radius: 8px;--radius-sm: 6px;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{color-scheme:light;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Hiragino Sans GB,sans-serif;font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--brand);color:#fff}:focus-visible{outline:3px solid var(--brand-strong);outline-offset:2px;border-radius:6px}.wizard-title[tabindex="-1"]:focus,.question-text[tabindex="-1"]:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 20px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;background:var(--paper);box-shadow:var(--shadow-card)}@media(prefers-reduced-motion:no-preference){#app>*{animation:rise .5s var(--ease) both}#app>*:nth-child(2){animation-delay:.04s}#app>*:nth-child(3){animation-delay:.08s}#app>*:nth-child(4){animation-delay:.12s}#app>*:nth-child(n+5){animation-delay:.16s}}@keyframes rise{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}.wizard-title{font-size:22px;font-weight:600;line-height:1.3;margin:4px 0 2px;color:var(--ink);text-wrap:balance}.wizard-body{font-size:16px;color:var(--ink-soft);text-align:justify;text-justify:inter-character}.wizard-body p{margin:0 0 14px}.wizard-body p:last-child{margin-bottom:0}.question-text{font-size:18px;font-weight:600;line-height:1.55;color:var(--ink);text-align:justify;text-justify:inter-character}.icon{width:20px;height:20px;flex:0 0 auto;display:block}.icon-lg{width:28px;height:28px}.btn{display:block;width:100%;min-height:54px;padding:14px 20px;font:inherit;font-size:18px;font-weight:400;border:none;border-radius:var(--radius-sm);background:var(--brand-solid);color:#fff;cursor:pointer;transition:background-color .15s var(--ease),opacity .2s;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--brand-solid-hover)}.btn:disabled{background:#f5f5f5;color:#bfbfbf;box-shadow:none;cursor:not-allowed}.btn-inline{width:auto;min-width:172px;min-height:48px;padding:12px 30px;font-size:17px;margin-top:6px}.btn-replay{align-self:center;min-height:44px;padding:9px 22px;font:inherit;font-size:16px;font-weight:400;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink-soft);cursor:pointer;transition:border-color .2s,color .2s}.btn-replay:hover{border-color:var(--brand);color:var(--brand-strong)}.btn-row{display:flex;gap:12px;align-items:stretch}.btn-row>.btn,.btn-row>.btn-replay{flex:1 1 0;min-width:0}.btn-row .btn-replay{align-self:auto}.consent-doc{background:var(--paper-sunk);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:16px;font-size:15px;line-height:1.7;color:var(--ink-soft);white-space:pre-wrap}.consent-check{display:flex;align-items:flex-start;gap:12px;font-size:16.5px;color:var(--ink);cursor:pointer;padding:4px 2px}.consent-check input[type=checkbox]{width:26px;height:26px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--brand);cursor:pointer}.answer-hint{font-size:18px;font-weight:600;color:var(--brand-strong);background:var(--brand-tint);border-radius:999px;padding:12px 18px;text-align:center}.preview-wrap{display:block;position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;line-height:0;background:#0c1a24;border-radius:var(--radius);box-shadow:var(--shadow-card)}.preview-wrap-sm{width:100%;max-width:100%;border-radius:var(--radius-sm)}video.preview{display:block;width:100%;height:auto;transform:scaleX(-1)}.preview-wrap.is-landscape{aspect-ratio:3 / 4}.preview-wrap.is-landscape video.preview{height:100%;object-fit:cover;object-position:center}.rec-badge{display:inline-flex;align-items:center;gap:8px;align-self:center;font-size:14px;font-weight:600;color:var(--rec);background:var(--rec-tint);border:1px solid var(--rec-ring);border-radius:999px;padding:6px 14px}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--rec);display:inline-block;animation:rec-pulse 1.6s var(--ease) infinite}.rec-time{font-variant-numeric:tabular-nums}.rec-badge--corner{position:absolute;top:8px;right:8px;z-index:2;align-self:auto;font-size:12.5px;padding:4px 10px;background:#ffffffe6}@keyframes rec-pulse{0%{opacity:1}70%{opacity:.55}to{opacity:1}}@media(prefers-reduced-motion:reduce){.rec-dot{animation:none}}.statepage{margin:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0;text-align:center;max-width:26em}.statepage .wizard-title{margin:2px 0 0}.state-mark{display:grid;place-items:center;width:60px;height:60px;margin-bottom:2px;border-radius:50%;background:var(--brand-tint);color:var(--brand)}.state-mark--ok{background:var(--ok-tint);color:var(--ok)}.state-body{margin:0;font-size:16.5px;line-height:1.65;color:var(--ink-soft)}.state-seg{white-space:nowrap}@media(max-width:325px){.state-seg{white-space:normal}}.waiting-dots{display:flex;gap:10px;justify-content:center;margin:6px 0 4px}.waiting-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);opacity:.35}@media(prefers-reduced-motion:no-preference){.waiting-dot{animation:waiting-rise 1.2s var(--ease) infinite}.waiting-dot:nth-child(2){animation-delay:.18s}.waiting-dot:nth-child(3){animation-delay:.36s}}@keyframes waiting-rise{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.devcheck-status{font-size:16.5px;font-weight:400;color:var(--ink);display:flex;align-items:center;gap:9px}.devcheck-status .status-icon{color:var(--brand)}.devcheck-status.is-bad,.devcheck-status.is-bad .status-icon{color:var(--err)}.status-icon{width:21px;height:21px}.devcheck-hint{display:flex;align-items:flex-start;gap:9px;font-size:16.5px;line-height:1.55;color:var(--ink)}.devcheck-hint .hint-icon{color:var(--brand);margin-top:2px}.progress-wrap{width:100%;height:14px;background:var(--paper-sunk);border:1px solid var(--hairline);border-radius:999px;overflow:hidden}.statepage .progress-wrap{width:100%;max-width:280px}.progress-bar{height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:var(--brand);border-radius:999px;transition:transform .3s var(--ease)}.mic-wrap{width:100%;height:20px;background:var(--paper-sunk);border:1px solid var(--hairline);border-radius:999px;overflow:hidden}.mic-bar{height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:var(--ok-bar);border-radius:999px;transition:transform .08s linear}.warn-note{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:500;line-height:1.6;color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--radius-sm);padding:13px 15px}.note-icon{margin-top:2px;opacity:.9}@media(max-width:360px){.wizard-title{font-size:22px}.question-text{font-size:19px}.state-body{font-size:15.5px}#app{padding-left:16px;padding-right:16px}}@media(min-width:768px){html,body{font-size:18.5px}body{display:flex;min-height:100vh;min-height:100dvh}#app{width:100%;max-width:560px;margin:auto;min-height:auto;border:1px solid var(--hairline);border-radius:var(--radius);padding:40px 44px calc(40px + env(safe-area-inset-bottom));gap:18px}.wizard-title{font-size:27px}.question-text{font-size:22px}.wizard-body{font-size:18px}.btn{font-size:19px;min-height:56px}.state-body{font-size:17.5px}.consent-doc{font-size:16px}}.modal-overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 20px calc(32px + env(safe-area-inset-bottom));background:#00000073}.modal-overlay .statepage{margin:0;padding:28px 24px 24px;width:100%;max-width:420px;background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-card)}.modal-overlay .btn-row{width:100%;margin-top:4px}