.quiz-result-showcase{--result-accent:#1685c4;--result-accent-soft:color-mix(in srgb,var(--result-accent) 11%,var(--surface-solid));isolation:isolate;border:1px solid color-mix(in srgb,var(--result-accent) 45%,var(--border));border-radius:var(--quiz-radius-lg,2rem);background:linear-gradient(color-mix(in srgb,var(--border) 22%,transparent) 1px,transparent 1px), linear-gradient(90deg,color-mix(in srgb,var(--border) 22%,transparent) 1px,transparent 1px), radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--result-accent) 18%,transparent),transparent 22rem), linear-gradient(145deg,color-mix(in srgb,var(--surface-solid) 96%,transparent),var(--result-accent-soft));box-shadow:0 1.5rem 4.5rem color-mix(in srgb,var(--result-accent) 13%,transparent),inset 0 1px #fff9;background-size:38px 38px,38px 38px,auto,auto;grid-template-columns:minmax(11rem,14.5rem) minmax(0,1fr);align-items:center;gap:clamp(1.4rem,5vw,3.5rem);padding:clamp(1.2rem,4vw,2.8rem);display:grid;position:relative;overflow:hidden}.quiz-result-showcase:after{z-index:-1;aspect-ratio:1;border:2.2rem solid color-mix(in srgb,var(--result-accent) 9%,transparent);content:"";border-radius:50%;width:18rem;position:absolute;bottom:-7rem;right:-5rem}.quiz-result-showcase[data-result-level=beginner]{--result-accent:#718096}.quiz-result-showcase[data-result-level=knowledgeable]{--result-accent:#1685c4}.quiz-result-showcase[data-result-level=practitioner]{--result-accent:#168864}.quiz-result-showcase[data-result-level=specialist]{--result-accent:#bc7617}.quiz-result-showcase[data-result-level=expert]{--result-accent:#d4a127}.quiz-score-ring{--result-progress:0deg;aspect-ratio:1;background:conic-gradient(var(--result-accent) var(--result-progress),color-mix(in srgb,var(--border) 68%,transparent) 0);width:min(100%,14.5rem);box-shadow:0 1.2rem 3.4rem color-mix(in srgb,var(--result-accent) 24%,transparent),0 0 0 .5rem color-mix(in srgb,var(--surface-solid) 60%,transparent);border-radius:50%;place-content:center;justify-items:center;display:grid;position:relative}.quiz-score-ring:before{border:1px solid color-mix(in srgb,var(--result-accent) 20%,var(--border));border-radius:inherit;background:color-mix(in srgb,var(--surface-solid) 96%,transparent);box-shadow:inset 0 .5rem 2rem color-mix(in srgb,var(--result-accent) 7%,transparent);content:"";position:absolute;inset:.85rem}.quiz-score-ring>*{z-index:1;position:relative}.quiz-score-ring-icon{background:color-mix(in srgb,var(--result-accent) 12%,transparent);width:2.1rem;height:2.1rem;color:var(--result-accent);border-radius:.72rem;place-items:center;display:grid}.quiz-score-ring strong{color:var(--result-accent);letter-spacing:-.07em;margin-top:.35rem;font-size:clamp(2.45rem,7vw,4.3rem);font-weight:950;line-height:.9}.quiz-score-ring small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:.35rem;font-size:.58rem;font-weight:900}.quiz-result-content{z-index:2;min-width:0;position:relative}.quiz-result-badge{color:var(--result-accent)}.quiz-result-stars{color:var(--result-accent);gap:.2rem;margin-top:.85rem;display:flex}.quiz-result-content h2{max-width:22ch;color:var(--ink);letter-spacing:-.045em;margin:.55rem 0;font-size:clamp(2rem,4.8vw,4rem);font-weight:950;line-height:.94}.quiz-result-content>p:not(.quiz-result-level){max-width:56ch;color:var(--muted);margin:0;font-size:clamp(.93rem,1.6vw,1.05rem);line-height:1.65}.quiz-result-level{font-weight:800;color:var(--ink)!important;margin:.85rem 0 0!important}.quiz-result-level strong{color:var(--result-accent)}.quiz-effect-layer{z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.quiz-confetti-piece{top:-1.5rem;left:var(--piece-x);background:var(--result-accent);opacity:0;width:.52rem;height:.9rem;animation:quiz-piece-fall var(--piece-duration) cubic-bezier(.18,.7,.35,1) var(--piece-delay) 1 both;border-radius:.12rem;position:absolute}.quiz-confetti-piece[data-tone="1"]{background:#52d2d0}.quiz-confetti-piece[data-tone="2"]{background:#f2bd42}.quiz-confetti-piece[data-tone="3"]{background:#f07f63}.quiz-confetti-piece[data-tone="4"]{border:1px solid var(--border);background:#fff}.quiz-result-showcase.is-result-animating{animation:.45s ease-out both quiz-result-enter}.quiz-result-showcase.is-result-animating .quiz-result-badge{animation:.55s cubic-bezier(.2,.85,.25,1.35) .12s both quiz-badge-enter}.quiz-result-showcase.is-result-animating[data-result-level=practitioner] .quiz-result-badge,.quiz-result-showcase.is-result-animating[data-result-level=specialist] .quiz-result-badge,.quiz-result-showcase.is-result-animating[data-result-level=expert] .quiz-result-badge{animation:.55s cubic-bezier(.2,.85,.25,1.35) .12s both quiz-badge-enter,1.2s ease-out .55s both quiz-badge-glow}.quiz-result-showcase.is-result-animating[data-result-level=specialist],.quiz-result-showcase.is-result-animating[data-result-level=expert]{animation:.45s ease-out both quiz-result-enter,1.6s ease-out .3s both quiz-card-glow}.quiz-share-status{min-height:1.3rem;color:var(--muted);margin:0;font-size:.76rem;font-weight:800}.quiz-result-disclaimer{color:var(--muted);font-size:.76rem;line-height:1.55}@keyframes quiz-piece-fall{0%{opacity:0;transform:translateY(-1rem)rotate(0)}12%{opacity:.95}to{opacity:0;transform:translate3d(var(--piece-drift),calc(100vh + 5rem),0) rotate(var(--piece-rotate))}}@keyframes quiz-result-enter{0%{opacity:0;transform:translateY(.65rem)scale(.99)}to{opacity:1;transform:none}}@keyframes quiz-badge-enter{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes quiz-badge-glow{0%,to{box-shadow:none}45%{box-shadow:0 0 1.4rem color-mix(in srgb,var(--result-accent) 52%,transparent)}}@keyframes quiz-card-glow{0%,to{box-shadow:0 1.5rem 4.5rem color-mix(in srgb,var(--result-accent) 13%,transparent)}45%{box-shadow:0 0 3rem color-mix(in srgb,var(--result-accent) 34%,transparent)}}:root[data-theme=dark] .quiz-result-showcase{box-shadow:0 1.7rem 4.8rem #00000052,inset 0 1px #ffffff14}:root[data-theme=dark] .quiz-score-ring{box-shadow:0 1.2rem 3.4rem color-mix(in srgb,var(--result-accent) 20%,transparent),0 0 0 .5rem #ffffff08}@media (width<=640px){.quiz-result-showcase{text-align:center;grid-template-columns:1fr}.quiz-score-ring{width:11rem;margin-inline:auto}.quiz-result-content h2,.quiz-result-content p,.quiz-result-stars,.quiz-result-badge{margin-inline:auto}.quiz-result-stars{justify-content:center}}@media (prefers-reduced-motion:reduce){.quiz-confetti-piece{animation:none!important;display:none!important}.quiz-result-showcase,.quiz-result-badge{animation:none!important}}