html{scroll-snap-type:none}
.check{width:min(680px,100%);margin:auto;padding:24px 20px 60px;min-height:100svh}
.check-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.check-header img{border-radius:50%;background:white;padding:3px;display:block}
.check-header a:last-child{font-size:14px;color:var(--muted)}
.check-panel{padding:clamp(22px,5vw,38px);display:grid;gap:20px;animation:check-enter .25s ease-out}
.check-panel h1,.check-panel h2{font-size:clamp(26px,5vw,38px)}
.check-panel small{color:var(--muted);font-size:12px;line-height:1.5}
.progress-label{display:flex;justify-content:space-between;gap:20px;font-size:14px;margin-bottom:8px}
progress{appearance:none;width:100%;height:8px;border:none;border-radius:8px;overflow:hidden;background:#ffffff26;margin-bottom:24px}
progress::-webkit-progress-bar{background:#ffffff26}
progress::-webkit-progress-value{background:var(--blue);transition:width .3s ease}
progress::-moz-progress-bar{background:var(--blue)}
.answers,#profiles{display:grid;gap:12px}
.answer{padding:18px;text-align:left;min-height:56px;border:1px solid var(--line);border-radius:12px;background:#1b292dd9;color:var(--white);cursor:pointer;line-height:1.4}
.answer:hover,.answer:focus-visible,.answer[aria-pressed=true]{background:#87cedc26;border-color:var(--blue)}
.answer:disabled{cursor:default}
.back{border:0;background:transparent;color:var(--muted);padding:12px 0;text-align:left;cursor:pointer}
.spinner{width:48px;height:48px;border:3px solid #ffffff26;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}
#result[data-level=good]{border-color:var(--blue)}
#result:not([data-level=good]){border-color:var(--orange)}
.quiz-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.storage-confirm{display:flex;align-items:flex-start;gap:10px;font-size:13px}
.storage-confirm input{width:18px;min-width:18px;margin-top:3px}
.risk-scale{display:grid;gap:10px}
.risk-scale meter{width:100%;height:20px;appearance:none;background:#ffffff20;border-radius:10px}
.risk-scale meter::-webkit-meter-bar{background:#ffffff20;border:0}
.risk-scale meter::-webkit-meter-optimum-value{background:var(--orange)}
.risk-scale meter::-moz-meter-bar{background:var(--orange)}
.scale-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
#findings{display:grid;gap:16px}
#findings article{padding:16px;border:1px solid var(--line);border-radius:14px}
#findings h3{font-size:17px;margin-bottom:8px}
#findings p{font-size:14px}
.saved-note{font-size:12px;color:var(--muted)}
.success-celebration{display:none}
#result[data-level=good] .success-celebration{display:grid;place-items:center;position:relative;height:130px}
.success-celebration span{display:grid;place-items:center;width:90px;height:90px;font-size:48px;background:var(--blue);color:#132226;border-radius:50%;animation:celebrate .65s ease-out}
.success-celebration i{position:absolute;color:var(--orange);font-size:28px;font-style:normal;animation:sparkle 1.4s ease-out both}
.success-celebration i:nth-child(2){left:12%;top:10%}
.success-celebration i:nth-child(3){right:12%;top:12%;animation-delay:.12s}
.success-celebration i:nth-child(4){left:24%;bottom:2%;animation-delay:.22s}
.success-celebration i:nth-child(5){right:24%;bottom:2%;animation-delay:.32s}
@keyframes celebrate{from{transform:scale(.5);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}
@keyframes sparkle{from{opacity:0;transform:scale(.3)}40%{opacity:1}to{opacity:0;transform:translateY(-18px) scale(1.2)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes check-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.check-panel,.spinner,.success-celebration span,.success-celebration i{animation:none}progress::-webkit-progress-value{transition:none}}