.as-page{--as-bg:#000;--as-text:#f5f5f3;--as-secondary:#a3a3a3;--as-label:#8b8b8b;--as-accent:#ed9e50;--as-border:#333;--as-font:"Manrope", "Manrope Fallback", "Inter", system-ui, sans-serif;background:var(--as-bg);min-height:100svh;color:var(--as-text);font-family:var(--as-font);flex-direction:column;display:flex}.as-page h1{font-family:inherit}.as-page h1[tabindex="-1"]:focus{outline:none}.as-page :focus-visible{outline:2px solid var(--as-accent);outline-offset:3px;border-radius:4px}.as-head{justify-content:space-between;align-items:center;gap:16px;padding:20px max(24px,50vw - 320px) 0;display:flex}.as-brand{letter-spacing:.01em;color:var(--as-text);font-size:17px;text-decoration:none}.as-brand b{font-weight:700}.as-brand i{color:var(--as-accent);font-style:normal}.as-brand span{font-weight:300}.as-count{letter-spacing:.18em;color:var(--as-label);font-variant-numeric:tabular-nums;font-size:12px}.as-progress{background:#222;border-radius:1px;height:2px;margin:16px max(24px,50vw - 320px) 0;overflow:hidden}.as-progress-bar{background:var(--as-accent);height:100%;transition:width .3s}.as-stage{flex-direction:column;flex:1;justify-content:center;width:min(640px,100vw - 48px);margin:0 auto;padding:32px 0 40px;display:flex}.as-step{animation:.24s both as-in}@keyframes as-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.as-step{animation:none}.as-progress-bar{transition:none}}.as-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--as-label);margin:0 0 16px;font-size:12px}.as-eyebrow:before{content:"";background:var(--as-accent);vertical-align:2px;border-radius:999px;width:6px;height:6px;margin-right:10px;display:inline-block}.as-q{letter-spacing:-.01em;margin:0;font-size:clamp(24px,5.4vw,34px);font-weight:300;line-height:1.22}.as-hint{color:var(--as-secondary);margin:12px 0 0;font-size:14px;line-height:1.5}.as-lede{color:var(--as-secondary);max-width:34em;margin:16px 0 0;font-size:clamp(16px,2vw,19px);font-weight:300;line-height:1.6}.as-options{gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.as-option{border:1px solid var(--as-border);min-height:56px;color:var(--as-text);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:8px 18px;font-size:16px;line-height:1.35;transition:border-color .15s;display:flex}.as-option:hover{border-color:#555}.as-option:has(input:checked){border-color:var(--as-accent);background:#ed9e5014}.as-option:has(input:focus-visible){outline:2px solid var(--as-accent);outline-offset:3px}.as-option input{opacity:0;pointer-events:none;position:absolute}.as-key{width:26px;height:26px;color:var(--as-label);border:1px solid #3a3a3a;border-radius:8px;flex:none;place-items:center;font-size:12px;display:grid}.as-option:has(input:checked) .as-key{border-color:var(--as-accent);color:var(--as-accent)}.as-scale{gap:10px;margin:28px 0 0;display:flex}.as-scale .as-option{flex:1;justify-content:center;min-width:44px;padding:8px 0}.as-scale-ends{color:var(--as-label);justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.as-input{width:100%;color:var(--as-text);font:inherit;resize:none;background:0 0;border:0;border-bottom:1px solid #4a4a4a;min-height:56px;margin-top:28px;padding:10px 0 12px;font-size:19px;font-weight:300;line-height:1.5;display:block}.as-input:focus{border-bottom-color:var(--as-accent);outline:none}.as-input::placeholder{color:#5a5a5a}.as-charcount{color:var(--as-label);text-align:right;margin-top:8px;font-size:12px}.as-nav{justify-content:space-between;align-items:center;gap:16px;margin-top:36px;display:flex}.as-btn{min-height:52px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 32px;font-size:16px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.as-btn-primary{background:var(--as-text);border:1px solid var(--as-text);color:#000}.as-btn-primary:hover{background:#fff}.as-btn-primary:disabled{opacity:.4;cursor:not-allowed}.as-btn-ghost{color:var(--as-text);background:0 0;border:1px solid #3a3a3a}.as-btn-ghost:hover{border-color:var(--as-accent)}.as-enter-hint{color:var(--as-label);font-size:12px}@media (width<=480px){.as-enter-hint{display:none}}.as-error{color:#f0a0a0;margin:16px 0 0;font-size:14px}.as-note{max-width:34em}.as-note h1{margin:0;font-size:clamp(26px,5.4vw,36px);font-weight:300;line-height:1.2}.as-note p{color:var(--as-secondary);margin:16px 0 0;font-size:16px;font-weight:300;line-height:1.6}.as-note em{color:var(--as-accent);font-style:normal}.as-foot{color:var(--as-label);padding:24px max(24px,50vw - 320px) 28px;font-size:12px}.as-done-mark{fill:none;stroke:#ed9e50;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:64px;margin:0 0 22px;display:block}.as-done-ring{stroke-dasharray:151;stroke-dashoffset:151px;animation:.7s cubic-bezier(.65,0,.35,1) forwards as-draw}.as-done-tick{stroke-dasharray:36;stroke-dashoffset:36px;animation:.35s cubic-bezier(.65,0,.35,1) .6s forwards as-draw}.as-done-mark+h1,.as-done-mark~p,.as-done-mark~.as-finish{animation:.5s .5s both as-rise}.as-finish{margin-top:28px;text-decoration:none;display:inline-flex}@keyframes as-draw{to{stroke-dashoffset:0}}@keyframes as-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.as-done-ring,.as-done-tick{stroke-dashoffset:0;animation:none}.as-done-mark+h1,.as-done-mark~p,.as-done-mark~.as-finish{animation:none}}
