:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#111827;background:#f3f4f6;line-height:1.55;--green:#22c55e;--dark:#16a34a;--line:#e5e7eb;--muted:#4b5563}*{box-sizing:border-box}body{margin:0}header,footer{max-width:760px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);color:var(--muted);font-size:.9rem}.brand{font:800 26px Arial,sans-serif;color:#111827;text-decoration:none}.brand span{color:var(--green)}footer{border-top:1px solid var(--line);border-bottom:0;margin-top:42px}main{max-width:760px;margin:42px auto;padding:0 20px;outline:0}h1{font-size:clamp(2.2rem,7vw,4rem);letter-spacing:-.055em;line-height:1.02;margin:8px 0 18px}h2{line-height:1.2}p{color:var(--muted)}.eyebrow{color:var(--dark);font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hero,.card,.question,.result{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 10px 24px #0000000a}.hero{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-color:#bbf7d0}.tag{display:inline-block;background:#dcfce7;color:#166534;padding:4px 10px;border-radius:99px;font-size:.8rem;font-weight:700}.progress{height:8px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin:20px 0}.progress span{height:100%;display:block;background:var(--green)}.question{margin-top:20px}.question h2{margin-top:0;font-size:1.35rem}.choices{display:grid;gap:10px}.choice,.scale button{width:100%;text-align:left;background:#fff;color:#111827;border:1px solid var(--line);padding:15px;border-radius:12px;font:inherit;min-height:56px}.choice:hover,.choice.selected,.scale button.selected{border-color:var(--green);background:#f0fdf4}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.scale button{text-align:center;padding:12px 4px;min-height:50px}.hint{font-size:.88rem}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}button{font:inherit;font-weight:750;background:var(--green);color:#fff;border:0;border-radius:10px;padding:12px 18px;cursor:pointer}button:hover{background:var(--dark)}button.secondary,.link,.close{background:#fff;color:#111827;border:1px solid #d1d5db}.link{padding:3px 6px;border:0;color:var(--dark);text-decoration:underline}.result{border-color:#bbf7d0}.emoji{font-size:3rem}.subtitle{color:var(--dark);font-weight:800;font-size:1.12rem}.share{background:#111827;margin-top:12px}.share:hover{background:#374151}.why{margin-top:26px}.ref{font-size:.9rem}.ref li{margin:13px 0}dialog{width:min(760px,calc(100% - 32px));max-height:85vh;border:1px solid var(--line);border-radius:18px;padding:28px;color:#111827}dialog::backdrop{background:#11182799}.close{float:right}@media(max-width:600px){header span{display:none}main{margin:24px auto}.hero,.card,.question,.result{padding:22px}footer{display:block}.actions button{flex:1}.scale{gap:4px}.scale button{font-size:.8rem}}