.quiz-wrap{background:var(--bg-soft)}.quiz{max-width:660px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.quiz__top{height:6px;background:var(--rainbow)}.quiz__body{padding:clamp(24px,5vw,44px)}.quiz__progress{display:flex;align-items:center;gap:12px;margin-bottom:28px}.quiz__progress-track{flex:1;height:8px;background:var(--pink-100);border-radius:999px;overflow:hidden}.quiz__progress-fill{height:100%;width:0;background:var(--rainbow);border-radius:999px;transition:width .3s ease}.quiz__progress-label{font-size:.82rem;font-weight:600;color:var(--muted);font-family:var(--font-head);white-space:nowrap}.quiz__step{display:none}.quiz__step.is-active{display:block;animation:quizfade .3s ease}@keyframes quizfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.quiz__icon-badge{width:64px;height:64px;border-radius:18px;margin-bottom:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--pink-500),var(--yellow-500))}.quiz__icon-badge svg{width:32px;height:32px}.quiz__step h1{font-size:clamp(1.5rem,4.5vw,2rem);margin-bottom:12px}.quiz__step h2{font-size:clamp(1.25rem,4vw,1.55rem);margin-bottom:8px}.quiz__step .lead{margin-bottom:24px}.quiz__hint{font-size:.9rem;color:var(--muted);margin-bottom:20px}.options{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.option{position:relative;display:block;cursor:pointer}.option input{position:absolute;opacity:0;pointer-events:none}.option__box{display:flex;align-items:center;gap:14px;border:2px solid var(--line);border-radius:var(--radius);padding:16px 18px;font-weight:500;transition:border-color .15s ease,background .15s ease}.option__box:before{content:"";width:22px;height:22px;border-radius:50%;flex:none;border:2px solid var(--pink-300);transition:border-color .15s ease,background .15s ease}.option:hover .option__box{border-color:var(--pink-300);background:var(--pink-50)}.option input:checked+.option__box{border-color:var(--pink-500);background:var(--pink-50)}.option input:checked+.option__box:before{border-color:var(--pink-500);background:var(--pink-500);box-shadow:inset 0 0 0 4px #fff}.option input:focus-visible+.option__box{outline:3px solid var(--pink-500);outline-offset:2px}.option--multi .option__box:before{border-radius:7px}.field{margin-bottom:18px}.field label{display:block;font-family:var(--font-head);font-weight:600;font-size:.92rem;margin-bottom:6px}.field input,.field select{width:100%;padding:13px 15px;font:inherit;color:var(--ink);border:2px solid var(--line);border-radius:var(--radius-sm);background:#fff;transition:border-color .15s ease}.field input:focus,.field select:focus{outline:none;border-color:var(--pink-500)}.field__error{color:var(--pink-700);font-size:.82rem;margin-top:6px;display:none}.field__hint{display:block;font-size:.78rem;color:var(--muted);margin-top:5px}.field.has-error input,.field.has-error select{border-color:var(--pink-600)}.field.has-error .field__error{display:block}.quiz__nav{display:flex;gap:12px;align-items:center}.quiz__nav .btn--ghost{padding-inline:20px}.quiz__nav .spacer{flex:1}.result{text-align:center}.result__badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:700;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;padding:8px 18px;border-radius:999px;margin-bottom:20px}.result--high .result__badge{background:var(--pink-600);color:#fff}.result--mid .result__badge{background:var(--yellow-500);color:var(--ink)}.result--low .result__badge{background:#2fae7a;color:#fff}.result__ring{width:92px;height:92px;border-radius:50%;margin:0 auto 22px;display:grid;place-items:center;color:#fff}.result--high .result__ring{background:linear-gradient(135deg,var(--pink-500),var(--pink-700))}.result--mid .result__ring{background:linear-gradient(135deg,var(--yellow-400),var(--yellow-500));color:var(--ink)}.result--low .result__ring{background:linear-gradient(135deg,#5ed1a0,#2fae7a)}.result__ring svg{width:46px;height:46px}.result h2{margin-bottom:12px}.result__text{color:var(--muted);margin-bottom:26px;max-width:460px;margin-inline:auto}.result__actions{display:flex;flex-direction:column;gap:12px;max-width:360px;margin-inline:auto}.severity{margin-bottom:28px;max-width:460px;margin-inline:auto;text-align:left}.severity__title{font-size:.95rem;color:var(--ink);margin-bottom:12px;text-align:center}.severity__title strong{font-size:1.2rem}.severity__bar{position:relative;display:flex;height:34px;border-radius:999px;overflow:visible;border:2px solid var(--line);background:var(--bg-soft)}.severity__zone{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#fff;overflow:hidden;white-space:nowrap}.severity__zone span{padding:0 6px}.severity__zone--low{background:#2fae7a;border-radius:999px 0 0 999px}.severity__zone--mid{background:var(--yellow-500);color:var(--ink)}.severity__zone--high{background:var(--pink-600);border-radius:0 999px 999px 0}.severity__marker{position:absolute;top:-8px;bottom:-8px;width:4px;transform:translate(-50%);z-index:2;pointer-events:none}.severity__marker-dot{display:block;width:20px;height:20px;border-radius:50%;background:var(--ink);border:3px solid #fff;box-shadow:0 2px 8px #0000004d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.severity__labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:8px;padding:0 4px}.disclaimer{margin-top:26px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--yellow-50);color:var(--muted);font-size:.82rem;line-height:1.5}.disclaimer strong{color:var(--ink)}@media (min-width: 560px){.result__actions{flex-direction:row;justify-content:center;max-width:460px}.result__actions .btn{white-space:nowrap;padding:12px 22px;font-size:.95rem}.result__actions .btn svg{flex-shrink:0;width:20px;height:20px}}.quiz-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0}to{opacity:1}}.quiz-modal[hidden]{display:none}.quiz-modal__overlay{position:absolute;inset:0;background:#3a2b3466}.quiz-modal__card{position:relative;background:#fff;border-radius:var(--radius-lg);box-shadow:0 12px 32px #3a2b341f;padding:36px 28px 28px;max-width:360px;width:100%;text-align:center}.quiz-modal__icon{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:var(--pink-100);color:var(--pink-500);display:grid;place-items:center}.quiz-modal__icon svg{width:24px;height:24px}.quiz-modal__card p{font-size:.95rem;color:var(--muted);margin-bottom:22px;line-height:1.55}.quiz-modal__actions{display:flex;flex-direction:column;align-items:center;gap:14px}.quiz-modal__link{background:none;border:none;color:var(--pink-700);font-family:var(--font-head);font-weight:500;font-size:.9rem;text-decoration:underline;cursor:pointer;padding:4px}