:root{--bg:#fff;--text:#000;--muted:#666;--accent:#ff3800;--accent-hover:#e63200;--border:#e6e6e6;--border-strong:#000;--radius:6px;--max-w:720px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:18px;line-height:1.45}main{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:80px 24px 48px;display:flex}#form-root{width:100%;max-width:var(--max-w)}.brand{letter-spacing:-.02em;text-transform:uppercase;color:var(--muted);margin-bottom:32px;font-size:14px;font-weight:700}.screen{animation:.28s ease-out fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.screen-welcome h1,.screen-question .question-title{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.15}.welcome-emoji{margin-right:4px;font-size:1em}.welcome-paragraph{color:var(--text);margin:0 0 18px;font-size:18px;line-height:1.55}.welcome-paragraph strong{font-weight:700}.welcome-signature{color:var(--text);margin:24px 0 32px;font-size:18px}.subtitle{color:var(--muted);margin:0 0 32px;font-size:18px}.step-counter{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:16px;font-size:13px}.step-counter span{opacity:.7}.step-counter .encouragement{opacity:1;color:#0f9d6b;white-space:nowrap;background:#10b9811f;border-radius:20px;margin-left:10px;padding:2px 9px;font-size:12px;font-weight:600}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:12px;padding:14px 24px;font-size:18px;font-weight:600;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.kbd-hint{opacity:.85;font-size:13px;font-weight:400}kbd{background:#fff3;border-radius:3px;padding:2px 6px;font-family:inherit;font-size:12px}.btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:14px}.btn-ghost:hover{color:var(--text)}.choices{flex-direction:column;gap:10px;margin:24px 0 16px;padding:0;list-style:none;display:flex}.choice{text-align:left;border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#fff;align-items:center;gap:14px;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .15s,background .15s,transform 50ms;display:flex}.choice:hover{border-color:var(--border-strong)}.choice.is-selected{border-color:var(--accent);background:#ff38000f}.choice:active{transform:scale(.99)}.choice-key{width:24px;height:24px;color:var(--muted);border:1.5px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.choice.is-selected .choice-key{color:var(--accent)}.choice-label{flex:1}.text-input-wrap{flex-direction:column;gap:16px;margin:24px 0 16px;display:flex}.text-input{border:none;border-bottom:2px solid var(--border);width:100%;color:var(--text);background:0 0;outline:none;padding:12px 0;font-family:inherit;font-size:24px;transition:border-color .15s}.text-input:focus{border-color:var(--accent)}.text-input::placeholder{color:#bbb}.text-input-wrap .btn-primary{align-self:flex-start}.error{color:var(--accent);margin-top:8px;font-size:14px}.nav{border-top:1px solid var(--border);margin-top:32px;padding-top:16px}.progress-bar{background:var(--border);z-index:10;height:6px;position:fixed;top:0;left:0;right:0}.progress-fill{background:linear-gradient(90deg,#34d399,#10b981);border-radius:0 4px 4px 0;height:100%;transition:width .45s cubic-bezier(.33,1,.68,1);box-shadow:0 0 8px #10b98173}.deadline-timer{z-index:20;color:#c0392b;font-variant-numeric:tabular-nums;background:#e8380017;border:1px solid #e8380038;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;position:fixed;top:12px;right:12px}@media (width<=640px){.deadline-timer{padding:4px 10px;font-size:11px;top:8px;right:8px}}.screen-loading,.screen-done{text-align:center;padding:60px 0}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto 24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.checkmark{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:36px;animation:.4s ease-out pop;display:flex}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (width<=640px){main{padding:40px 20px 24px}body{font-size:16px}.text-input{font-size:20px}}.social-proof-count{color:var(--muted);margin:18px 0 0;font-size:14px}.social-proof-count strong{color:var(--text);font-variant-numeric:tabular-nums}.social-proof-trust{color:var(--muted);margin:6px 0 0;font-size:14px}.social-proof-toast{z-index:20;border:1px solid var(--border);max-width:280px;color:var(--text);background:#fff;border-radius:10px;align-items:flex-start;gap:9px;padding:11px 14px;font-size:13px;line-height:1.35;animation:.6s ease-out sp-in;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 6px 24px #0000001a}.social-proof-toast .sp-dot{background:#10b981;border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.social-proof-toast.is-join .sp-dot{background:var(--accent)}.social-proof-toast .sp-text strong{font-weight:700}.social-proof-toast .sp-ago{color:var(--muted);margin-top:2px;font-size:11px;display:block}@keyframes sp-in{0%{opacity:0}to{opacity:1}}@media (width<=640px){.social-proof-toast{width:100%;max-width:360px;margin:16px auto 0;padding:9px 12px;font-size:12px;position:static;inset:auto;box-shadow:0 4px 16px #00000014}}