@font-face{font-family:WCSDisplay;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/wcs-display.woff2) format("woff2")}*{box-sizing:border-box}:root{--red: #ff0000;--red-hover: #cc0000;--ink: #16181d;--muted: rgb(22 24 29 / .66);--line: rgb(0 0 0 / .12);--field: #f1f1f1;--page: #ffffff}html,body{margin:0;padding:0}body{background:var(--page);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px 64px}.card{width:100%;max-width:620px;background:var(--page)}.wordmark{display:flex;align-items:center;gap:10px;margin-bottom:28px}.wordmark-bar{display:block;width:5px;height:18px;background:var(--red)}.wordmark-text{font-family:WCSDisplay,Arial Narrow,Inter,sans-serif;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.progress{height:3px;background:var(--line);overflow:hidden}.progress-fill{display:block;height:100%;background:var(--red);transition:width .22s ease}.progress-text{margin:10px 0 0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.survey-head{margin:22px 0 26px}.survey-title,.state-title,.q-header{font-family:WCSDisplay,Arial Narrow,Inter,sans-serif;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;color:var(--ink);margin:0}.survey-title{font-size:38px}.state-title{font-size:30px;margin-bottom:10px}.q-header{font-size:19px;margin-bottom:8px}.survey-intro,.state-text,.q-description{margin:12px 0 0;font-size:18px;line-height:1.55;color:var(--muted)}.question{margin-bottom:6px}.question-label{display:block;margin-bottom:20px;font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}.question-label .required{display:block;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.required{color:var(--red);font-weight:700}.score-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px}.score-row-wide{grid-template-columns:repeat(6,1fr)}.chip{min-height:64px;padding:0 4px;font:inherit;font-size:22px;font-weight:700;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:0;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.chip:hover{border-color:var(--ink)}.chip-on{background:var(--red);border-color:var(--red);color:#fff}.score-ends{display:flex;justify-content:space-between;margin-top:12px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.options{display:flex;flex-direction:column;gap:6px}.option{padding:18px 16px;font:inherit;font-size:18px;text-align:left;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:0;cursor:pointer;transition:background .12s ease,color .12s ease}.option:hover{border-color:var(--ink)}.option-on{background:var(--red);border-color:var(--red);color:#fff}.input{width:100%;padding:16px 14px;font:inherit;font-size:17px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:0}.input:focus{outline:none;border-color:var(--ink)}.textarea{resize:vertical;line-height:1.5}.field-error{margin:8px 0 0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--red)}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px}.btn{padding:16px 34px;font-family:WCSDisplay,Arial Narrow,Inter,sans-serif;font-style:italic;font-weight:900;font-size:17px;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;border-radius:0;cursor:pointer}.btn-primary{color:#fff;background:var(--red)}.btn-primary:hover{background:var(--red-hover)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-quiet{color:var(--ink);background:transparent;border-color:var(--line)}.btn-quiet:hover{border-color:var(--ink)}.step{will-change:transform,opacity}.step-in{opacity:1;transform:none}.step-out-left{opacity:0;transform:translate(-24px);transition:opacity .15s ease,transform .15s ease}.step-out-right{opacity:0;transform:translate(24px);transition:opacity .15s ease,transform .15s ease}.step-in-right{animation:slide-from-right .22s ease both}.step-in-left{animation:slide-from-left .22s ease both}@keyframes slide-from-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes slide-from-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}.chip-picked{animation:pick .26s ease}@keyframes pick{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.state{padding:6px 0 4px}.state-done{text-align:center;padding-top:24px}.state-title-lg{font-size:40px}.state-done .state-text{max-width:30ch;margin-left:auto;margin-right:auto}.tick{width:92px;height:92px;margin-bottom:18px;overflow:visible}.tick-ring,.tick-mark{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:square}.tick-ring{stroke-dasharray:151;stroke-dashoffset:151;animation:draw .5s ease forwards}.tick-mark{stroke-width:4;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .3s ease .42s forwards}@keyframes draw{to{stroke-dashoffset:0}}.chip:focus-visible,.option:focus-visible,.btn:focus-visible,.input:focus-visible{outline:2px solid var(--red);outline-offset:2px}@media(max-width:480px){.page{padding:22px 14px 44px}.survey-title{font-size:30px}.state-title-lg{font-size:32px}.question-label{font-size:21px}.survey-intro,.state-text,.q-description{font-size:17px}.score-row-wide{grid-template-columns:repeat(6,1fr)}.chip{min-height:58px;font-size:20px}.actions{gap:8px}.btn{flex:1 1 auto;padding:16px 18px;font-size:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.tick-ring,.tick-mark{stroke-dashoffset:0}}