.slq{--slq-ink:#19233d;--slq-muted:#56627a;--slq-accent:#5046c7;--slq-line:#dfe4ef;--slq-tint:#f1f0ff;max-width:920px;margin:28px auto;padding:clamp(20px,4vw,42px);position:relative;isolation:isolate;background:linear-gradient(145deg,#fff 65%,#f2f1ff);color:var(--slq-ink);border:1px solid var(--slq-line);border-radius:24px;box-shadow:0 18px 55px #28365c0c;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;animation:slq-arrive .4s ease both}.slq *{box-sizing:border-box}.slq h2,.slq h3,.slq h4,.slq p{color:inherit;font-family:inherit;letter-spacing:normal}.slq h2{font-size:clamp(27px,4.5vw,40px);line-height:1.18;font-weight:750;margin:20px 0 12px}.slq h3{font-size:clamp(19px,3vw,23px);line-height:1.45;margin:16px 0;font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere}.slq h4{font-size:18px;line-height:1.5;margin:0 0 16px;font-weight:650}.slq p{margin:14px 0}.slq .slq-eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:var(--slq-accent)}.slq .slq-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.slq button{font:inherit;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #cdd4e3;border-radius:12px;padding:11px 17px;background:#fff;color:var(--slq-ink);min-height:44px;text-transform:none;letter-spacing:normal;box-shadow:none;transition:transform .17s ease,background .17s,border-color .17s,box-shadow .17s}.slq button:hover:not(:disabled){transform:translateY(-2px);background:#f3f4fb;border-color:#9e9bd8;box-shadow:0 5px 14px #322b7610}.slq button:active:not(:disabled){transform:translateY(0)}.slq button:disabled{opacity:.5;cursor:default}.slq button.slq-primary,.slq a.slq-start-link{color:#fff;background:linear-gradient(120deg,#5046c7,#6860de);border-color:transparent;font-weight:700;box-shadow:0 6px 18px #5046c725}.slq button.slq-primary:hover{background:#4338b5}.slq button.slq-motion{min-height:36px;padding:6px 10px;font-size:11px;background:transparent;color:var(--slq-muted);border-color:var(--slq-line)}.slq :focus-visible{outline:3px solid #a86a08;outline-offset:4px}.slq h2:focus,.slq h3:focus{outline:none}.slq .slq-app>button{margin:8px 8px 8px 0}.slq .slq-muted{font-size:13px;color:var(--slq-muted)}.slq a{color:var(--slq-accent);text-decoration:underline;text-underline-offset:3px}.slq .slq-kicker{font-size:18px;font-weight:600;margin:24px 0 12px}.slq .slq-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.slq .slq-metric{padding:20px 10px;border:1px solid var(--slq-line);border-radius:16px;background:#ffffffc9;text-align:center}.slq .slq-metric strong{display:block;color:var(--slq-accent);font-size:clamp(21px,3vw,30px);font-weight:750;line-height:1.3}.slq .slq-metric span{display:block;font-size:12px;color:var(--slq-muted);margin-top:5px}.slq .slq-marking{padding:12px 15px;border-radius:12px;background:var(--slq-tint);font-size:14px}.slq .slq-meta{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:26px;font-size:14px;font-weight:600}.slq .slq-clock{border-radius:30px;background:var(--slq-tint);padding:7px 13px;color:var(--slq-accent);font-variant-numeric:tabular-nums}.slq .slq-clock.slq-low-time{background:#fff1d6;color:#854b05}.slq progress{width:100%;height:8px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#e7e9f2;margin:18px 0 24px;accent-color:var(--slq-accent)}.slq progress::-webkit-progress-bar{background:#e7e9f2;border-radius:8px}.slq progress::-webkit-progress-value{background:linear-gradient(90deg,#5046c7,#9b92f1);border-radius:8px;transition:width .3s ease}.slq progress::-moz-progress-bar{background:#6556d6;border-radius:8px}.slq fieldset{margin:0;padding:0;border:0;min-width:0}.slq legend{padding:0;width:100%}.slq .slq-question{animation:slq-question-in .23s ease both}.slq .slq-option{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border:1.5px solid var(--slq-line);border-radius:14px;margin:12px 0;background:#fff;cursor:pointer;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}.slq .slq-option:hover{border-color:#aaa3e6;transform:translateX(3px)}.slq .slq-option:has(input:checked){background:#efedff;border-color:#6860ce;box-shadow:0 0 0 2px #6860ce0b}.slq .slq-option:has(input:focus-visible){outline:3px solid #a86a08;outline-offset:3px}.slq input[type=radio]{margin:5px 0 0;accent-color:var(--slq-accent);width:19px;height:19px;flex-shrink:0;appearance:auto}.slq .slq-option span{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.slq .slq-controls{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin:24px 0 12px}.slq .slq-controls [aria-pressed=true]{background:#fff1d6;border-color:#d59b31;color:#744708}.slq .slq-nav{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 24px;padding-top:15px;border-top:1px solid var(--slq-line)}.slq .slq-nav button{padding:6px;min-width:44px;border-radius:11px;font-size:13px}.slq .slq-nav button.slq-answered{background:#e5f6ef;border-color:#93cbb1;color:#155a3f}.slq [aria-current=step]{outline:2px solid var(--slq-accent);outline-offset:2px}.slq .slq-message{font-size:13px;min-height:24px;color:#296145}.slq .slq-result-hero{display:flex;align-items:center;gap:28px;position:relative;padding:24px 0;overflow:hidden}.slq .slq-ring{--slq-percent:0;flex:none;width:124px;height:124px;border-radius:50%;background:conic-gradient(#6556d6 calc(var(--slq-percent)*1%),#e9e7f8 0);display:grid;place-items:center;position:relative;animation:slq-pop .5s ease both}.slq .slq-ring:before{content:'';position:absolute;inset:10px;border-radius:50%;background:#fff}.slq .slq-ring strong{position:relative;font-size:25px;color:var(--slq-accent)}.slq .slq-score{font-size:38px;font-weight:800;color:var(--slq-accent);line-height:1.25;font-variant-numeric:tabular-nums}.slq .slq-result-hero p{font-size:13px;color:var(--slq-muted)}.slq .slq-review{border:1px solid var(--slq-line);background:#fff;border-radius:16px;margin:18px 0;padding:22px;overflow-wrap:anywhere;break-inside:avoid}.slq .slq-review p{white-space:pre-wrap}.slq .slq-review p.slq-correct{background:#e8f6ee;border-radius:9px;padding:10px 12px;color:#175a3d;font-weight:600}.slq .slq-review p.slq-wrong{background:#fff0f0;border-radius:9px;padding:10px 12px;color:#9d3030}.slq .slq-wrong{color:#a32929}.slq .slq-explanation{margin-top:20px;border-top:1px dashed #dce0eb;padding-top:15px;font-size:14px}.slq .slq-explanation strong{font-size:12px;color:var(--slq-accent)}.slq .slq-history{border:1px solid var(--slq-line);padding:22px;margin:16px 0;border-radius:16px;background:#fff}.slq .slq-burst{position:absolute;inset:0;pointer-events:none;overflow:hidden}.slq .slq-burst i{position:absolute;left:calc(var(--i)*8% + 4%);top:-12px;width:7px;height:12px;border-radius:2px;background:#8e83e4;opacity:0;animation:slq-confetti 1.2s calc(var(--i)*.045s) ease-out 1 both}.slq .slq-burst i:nth-child(3n){background:#4dbd94}.slq .slq-burst i:nth-child(3n+1){background:#e7ba58}.slq .slq-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:24px 0}.slq .slq-filters label{font-size:12px;font-weight:650;flex:1 1 180px}.slq .slq-filters input,.slq .slq-filters select{display:block;width:100%;margin-top:7px;border:1px solid #cdd4e3;padding:11px 13px;border-radius:10px;background:#fff;color:var(--slq-ink);font:inherit;font-size:14px;min-height:46px}.slq .slq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.slq .slq-catalogue-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--slq-line);border-radius:18px;padding:24px;background:#fff;transition:transform .2s,box-shadow .2s}.slq .slq-catalogue-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #5046c713}.slq .slq-catalogue-card p{font-size:13px;margin:8px 0}.slq .slq-tag{font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:750;color:var(--slq-accent);background:var(--slq-tint);padding:5px 9px;border-radius:20px}.slq a.slq-start-link{display:inline-block;text-decoration:none;font-size:13px;padding:9px 14px;border-radius:10px;margin-top:auto}.slq .slq-catalogue-card .slq-muted{margin-bottom:22px}
@keyframes slq-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes slq-question-in{from{opacity:.3;transform:translateX(8px)}to{opacity:1;transform:none}}@keyframes slq-pop{from{transform:scale(.9);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes slq-confetti{0%{opacity:0;transform:translateY(0) rotate(0)}20%{opacity:.85}100%{opacity:0;transform:translateY(230px) rotate(180deg)}}
.slq[data-motion=off],.slq[data-motion=off] *,.slq[data-motion=off] *:before{animation:none!important;transition:none!important}.slq[data-motion=off] .slq-burst{display:none}.slq[data-motion=off] button:hover,.slq[data-motion=off] .slq-option:hover{transform:none}
@media(prefers-reduced-motion:reduce){.slq,.slq *,.slq *:before{animation:none!important;transition:none!important}.slq .slq-burst{display:none}.slq button:hover,.slq .slq-option:hover,.slq .slq-catalogue-card:hover{transform:none}}
@media(max-width:520px){.slq{border-radius:18px;padding:20px;font-size:15px}.slq .slq-grid{grid-template-columns:1fr}.slq .slq-controls button{flex:1 1 42%;padding:10px 8px}.slq .slq-metrics{gap:8px}.slq .slq-metric{padding:16px 5px}.slq .slq-metric span{font-size:11px}.slq .slq-result-hero{gap:16px}.slq .slq-ring{width:90px;height:90px}.slq .slq-ring strong{font-size:20px}.slq .slq-score{font-size:30px}.slq .slq-result-hero h3{font-size:19px}.slq .slq-option{padding:14px}.slq .slq-review{padding:17px}.slq .slq-topline{gap:8px}.slq .slq-eyebrow{font-size:10px;letter-spacing:1px}}
@media print{body *{visibility:hidden!important}.slq.slq-printing,.slq.slq-printing *{visibility:visible!important;animation:none!important}.slq.slq-printing{position:absolute;left:0;top:0;width:100%;max-width:none;border:0;box-shadow:none;margin:0;padding:0;background:white;font-size:12pt}.slq.slq-printing button,.slq.slq-printing .slq-burst{display:none!important}.slq .slq-review{break-inside:avoid}.slq .slq-correct,.slq .slq-wrong{color:black!important}.slq.slq-printing h2{font-size:24px}.slq .slq-ring{background:#eee;border:2px solid #555}}
