:root{--ink:#181817;--rose:#CE8E95;--blush:#F4E3E4;--line:#E7C9CC;--muted:#68615f;--deep:#825158}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.5 Helvetica,Arial,sans-serif}header{max-width:1180px;margin:auto;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;letter-spacing:.18em;font-size:22px}.brand small{display:block;font-size:9px;letter-spacing:.5em;margin-top:2px}.brand img{object-fit:contain}.tag{font-size:10px;letter-spacing:.12em;border:1px solid var(--line);padding:7px 10px;color:var(--deep)}main{max-width:1180px;margin:auto;padding:60px 30px;display:grid;grid-template-columns:.85fr 1.15fr;gap:78px}aside{align-self:start;position:sticky;top:30px}.eyebrow{color:var(--deep);font-size:11px;letter-spacing:.17em}h1{font-size:48px;line-height:1.14;letter-spacing:-.035em;font-weight:400;margin:26px 0}.intro{font-size:16px;color:var(--muted)}.testnote{margin-top:45px;padding:20px 0;border-top:1px solid var(--line);max-width:330px;font-size:13px;color:var(--muted)}.testnote strong{font-weight:400;color:var(--ink)}.testnote p{margin-bottom:0}.card{padding:30px;border:1px solid var(--line);border-radius:6px;min-width:0;box-shadow:0 10px 40px #ce8e9508}#progress{font-size:10px;color:var(--deep);letter-spacing:.12em}progress{display:block;width:100%;height:3px;border:0;margin:14px 0 28px;appearance:none}progress::-webkit-progress-bar{background:#f5e9ea}progress::-webkit-progress-value{background:var(--rose)}h2{font-size:29px;font-weight:400;line-height:1.2;letter-spacing:-.02em;margin:16px 0}h2:focus{outline:none}.hint{font-size:14px;color:var(--muted)}fieldset{border:0;padding:0;margin:22px 0;min-width:0}legend{font-size:18px;margin-bottom:12px}.option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e5dedd;border-radius:4px;margin:9px 0;min-height:54px;font-size:14px;cursor:pointer}.option:has(input:checked){background:#fbf2f3;border-color:var(--rose)}input[type=checkbox],input[type=radio]{width:18px;height:18px;flex-shrink:0;accent-color:var(--deep)}button{font:inherit;font-size:14px;padding:14px 18px;min-height:50px;cursor:pointer;border:1px solid var(--deep);background:var(--deep);color:#fff;border-radius:3px}.secondary{background:white;color:var(--ink);border-color:#d7cccb}.actions{display:flex;gap:10px;margin-top:28px}.actions button:last-child{flex:1}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--rose);outline-offset:3px}.field{display:block;font-size:14px;margin:22px 0 7px}input[type=text],textarea{font:inherit;font-size:16px;border:1px solid #d7cccb;padding:13px;width:100%;border-radius:3px;background:white}textarea{resize:vertical;min-height:100px}.error{color:#a12c3f;font-size:14px}.notice{padding:15px;background:#fbf4f4;border-left:2px solid var(--rose);font-size:13px;margin:20px 0}.recap{padding:13px 0;border-bottom:1px solid #eee3e4;font-size:14px;overflow-wrap:anywhere}.recap strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--deep);margin-bottom:5px}.scale{display:flex;gap:8px}.scale .option{flex:1;justify-content:center;flex-wrap:wrap;padding:12px 6px}.scale input{margin:0}.count{font-size:12px;color:var(--deep)}footer{max-width:1120px;margin:0 auto;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:11px;color:var(--muted)}footer details{max-width:480px}summary{cursor:pointer}#feedbackPreview{white-space:pre-wrap;font-size:13px;padding:16px;background:#fbf4f4;overflow-wrap:anywhere}@media(max-width:760px){header{padding:18px 20px}.brand{font-size:18px}.brand img{width:38px;height:37px}.tag{font-size:9px}main{display:block;padding:24px 16px}aside{position:static;padding:0 5px}h1{font-size:31px;margin:12px 0}.desktop,.intro{display:none}.testnote{margin:16px 0 22px;max-width:none;padding:12px 0;font-size:12px}.testnote p{margin-top:6px}.card{padding:23px 18px}h2{font-size:26px}.option{padding:13px 11px}.actions{position:sticky;bottom:0;background:#fff;padding:12px 0;margin-bottom:-10px}footer{margin:0 21px;display:block;padding-bottom:30px}footer details{margin-top:14px}}@media(prefers-reduced-motion:no-preference){.card{transition:box-shadow .2s}}
