*{box-sizing:border-box}:root{--accent: #e53e3e;--accent-hover: #c53030;--ink: #1a1a2e;--border: #e2e4e8;--muted: #6b7280}html,body{margin:0;padding:0}body{background:#f6f6f4;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:48px 16px}.card{width:100%;max-width:560px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;padding:32px}.wordmark{display:flex;align-items:center;gap:12px;margin-bottom:24px}.wordmark-bar{display:block;width:6px;height:22px;border-radius:3px;background:var(--accent)}.wordmark-text{font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--ink)}.progress{height:4px;border-radius:2px;background:var(--border);overflow:hidden}.progress-fill{display:block;height:100%;background:var(--accent);transition:width .22s ease}.progress-text{margin:8px 0 0;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.survey-head{margin:20px 0 24px}.survey-title{margin:0;font-size:24px;font-weight:700;line-height:1.25}.survey-intro{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}.q-header{margin:0 0 8px;font-size:17px;font-weight:700}.q-description{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--muted)}.question{margin-bottom:8px}.question-label{display:block;margin-bottom:14px;font-size:17px;font-weight:600;line-height:1.4}.required{color:var(--accent)}.score-row{display:flex;flex-wrap:wrap;gap:6px}.chip{flex:1 1 auto;min-width:44px;min-height:48px;padding:0 4px;font:inherit;font-size:16px;font-weight:600;color:var(--ink);background:#fff;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform 80ms ease}.chip:hover{border-color:var(--muted)}.chip:active{transform:scale(.96)}.chip-on{background:var(--accent);border-color:var(--accent);color:#fff}.score-ends{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--muted)}.options{display:flex;flex-direction:column;gap:8px}.option{padding:14px 16px;font:inherit;font-size:15px;text-align:left;color:var(--ink);background:#fff;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.option:hover{border-color:var(--muted)}.option-on{background:var(--accent);border-color:var(--accent);color:#fff}.input{width:100%;padding:12px 14px;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid var(--border);border-radius:10px}.input:focus{outline:none;border-color:var(--accent)}.textarea{resize:vertical;line-height:1.5}.field-error{margin:8px 0 0;font-size:13px;color:var(--accent)}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px}.btn{padding:13px 22px;font:inherit;font-size:15px;font-weight:600;border-radius:10px;border:1.5px solid transparent;cursor:pointer}.btn-primary{color:#fff;background:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-quiet{color:var(--muted);background:transparent;border-color:var(--border)}.btn-quiet:hover{color:var(--ink);border-color:var(--muted)}.state{padding:8px 0 4px}.state-title{margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.3}.state-text{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}.chip:focus-visible,.option:focus-visible,.btn:focus-visible,.input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:480px){.page{padding:24px 12px}.card{padding:24px 20px}.chip{min-width:40px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}