.quiz-stage{background:radial-gradient(900px 420px at 50% -120px, var(--color-winner-bg), transparent 70%), var(--color-bg);padding-block:var(--space-8) var(--space-16);align-content:center;min-height:calc(100svh - 64px);display:grid}.quiz-stage:has(.quiz.is-done) .quiz-stage__head{display:none}.quiz-stage__head{max-width:640px;margin-inline:auto;margin-bottom:var(--space-6);text-align:center}.quiz-stage__eyebrow{margin-bottom:var(--space-3);border:1px solid var(--color-winner-border);background:var(--color-surface);color:var(--color-rating-text);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.quiz-stage__title{margin:0 0 var(--space-2);font-size:clamp(1.75rem,4.4vw,2.4rem);line-height:1.1}.quiz-stage__lead{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.55}@media (width<=560px){.quiz-stage{padding-top:var(--space-4)}.quiz-stage__head{margin-bottom:var(--space-4)}.quiz-stage__lead{display:none}}.quiz{max-width:760px;margin-inline:auto;position:relative;container-type:inline-size}.quiz:not(.quiz--embedded).is-done{max-width:920px}.quiz.is-done .quiz__top{padding-inline:clamp(0px,2vw,8px)}.quiz__top{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.quiz__back{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:999px;flex-shrink:0;place-items:center;padding:0;transition:border-color .15s,background-color .15s;display:grid}.quiz__back:hover{border-color:var(--color-primary);background:var(--color-winner-bg)}.quiz__back:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quiz__back[hidden]{visibility:hidden;pointer-events:none;display:grid}.quiz-progress{background:var(--color-surface-muted);height:6px;box-shadow:inset 0 0 0 1px var(--color-border);border-radius:999px;flex:1;overflow:hidden}.quiz-progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary-solid), color-mix(in srgb, var(--color-primary-solid) 70%, var(--color-accent-solid)));height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);display:block}.quiz__count{min-width:6.5em;color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:.78rem;font-weight:700}.quiz-step[hidden]{display:none}.quiz-step{animation:.34s cubic-bezier(.22,1,.36,1) quiz-step-in}@keyframes quiz-step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.quiz-step__title{text-align:center;text-wrap:balance;margin:0;font-size:clamp(1.3rem,3.6vw,1.75rem);line-height:1.2}.quiz-step__title:focus{outline:none}.quiz-step__hint{margin:var(--space-2) 0 0;text-align:center;color:var(--color-text-muted);font-size:.92rem}.quiz-step__options{gap:var(--space-3);margin-top:var(--space-6);display:grid}.quiz-option{align-items:center;gap:var(--space-4);width:100%;min-height:68px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);background:var(--color-surface);font:inherit;text-align:left;color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:18px;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.quiz-option:hover{border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border));box-shadow:0 8px 22px -14px color-mix(in srgb, var(--color-primary-solid) 55%, transparent);transform:translateY(-2px)}.quiz-option:active{transform:scale(.985)}.quiz-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quiz-option.is-selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-surface) 92%, var(--color-primary-solid));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent)}.quiz-option__icon{background:color-mix(in srgb, var(--color-surface) 90%, var(--color-primary-solid));width:46px;height:46px;color:var(--color-primary);border-radius:14px;flex-shrink:0;place-items:center;transition:background-color .18s,color .18s;display:grid}.quiz-option__icon b{font-variant-numeric:tabular-nums;font-size:1rem}.quiz-option.is-selected .quiz-option__icon{background:var(--color-primary-solid);color:var(--color-on-primary)}.quiz-option__body{flex:1;gap:2px;min-width:0;display:grid}.quiz-option__label{font-weight:650;line-height:1.3}.quiz-option__hint{color:var(--color-text-muted);font-size:.84rem;line-height:1.4}.quiz-option__key{border:1.5px solid var(--color-border);width:24px;height:24px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;place-items:center;font-size:.68rem;font-weight:700;transition:background-color .18s,border-color .18s,color .18s;display:grid;position:relative}.quiz-option__key svg{opacity:0;transition:opacity .15s,transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;transform:scale(.4)}.quiz-option.is-selected .quiz-option__key{border-color:var(--color-primary-solid);background:var(--color-primary-solid);color:#0000}.quiz-option.is-selected .quiz-option__key svg{opacity:1;color:var(--color-on-primary);transform:scale(1)}@media (hover:none){.quiz-option__num{display:none}.quiz-option:hover{box-shadow:none;transform:none}.quiz-option:hover .quiz-option__icon{transform:none}}@container (width>=480px){.quiz-step__options[data-n="2"],.quiz-step__options[data-n="4"]{grid-template-columns:1fr 1fr}.quiz-step__options[data-n="4"] .quiz-option{min-height:84px}}@container (width>=560px){.quiz-step__options[data-n="3"]{grid-template-columns:repeat(3,1fr)}.quiz-step__options[data-n="3"] .quiz-option{align-items:flex-start;gap:var(--space-3);min-height:168px;padding:var(--space-5);flex-direction:column}.quiz-step__options[data-n="3"] .quiz-option__icon{width:52px;height:52px}.quiz-step__options[data-n="3"] .quiz-option__key{top:var(--space-4);right:var(--space-4);position:absolute}}.quiz-step__options--wrap{gap:var(--space-2)}.quiz-step__options--wrap .quiz-option{min-height:58px;padding:var(--space-2) var(--space-3);gap:var(--space-3);border-radius:16px}.quiz-step__options--wrap .quiz-option__icon{border-radius:12px;width:38px;height:38px}.quiz-step__options--wrap .quiz-option__icon svg{width:20px;height:20px}.quiz-step__options--wrap .quiz-option__label{font-size:.93rem}@container (width>=480px){.quiz-step__options--wrap{grid-template-columns:1fr 1fr}}.quiz-step__options.is-maxed .quiz-option:not(.is-selected){opacity:.45}.quiz-step__options.is-maxed .quiz-option:not(.is-selected):hover{border-color:var(--color-border);box-shadow:none;transform:none}.quiz-step__footer{margin-top:var(--space-5);justify-content:center;display:flex}.quiz-step__footer .btn{min-width:min(100%,280px)}@media (width<=640px){.quiz-step__footer{bottom:var(--space-3);z-index:2;position:sticky}.quiz-step__footer .btn{width:100%;box-shadow:0 10px 24px -8px color-mix(in srgb, var(--color-text) 40%, transparent)}}.quiz-step__footer .btn[disabled]{opacity:.45;cursor:not-allowed}.quiz-results[hidden]{display:none}.quiz-results{animation:.4s cubic-bezier(.22,1,.36,1) quiz-step-in}.quiz-results__head{margin-bottom:var(--space-8);text-align:center}.quiz-results__eyebrow{margin:0 0 var(--space-1);letter-spacing:.07em;text-transform:uppercase;color:var(--color-accent);font-size:.75rem;font-weight:700}.quiz-results__title{margin:0 0 var(--space-4);text-wrap:balance;font-size:clamp(1.45rem,3.8vw,2rem);line-height:1.15}.quiz-results__title:focus{outline:none}.quiz-profile{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.quiz-profile li{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:600}.quiz-results__note{max-width:62ch;margin:var(--space-8) auto 0;text-align:center;color:var(--color-text-muted);font-size:.78rem;line-height:1.55}.quiz-results__note a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.quiz-results__actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.podium{gap:var(--space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.pod{flex-direction:column;min-width:0;display:flex}.pod--1{grid-column:1/-1}.pod__card{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:center;border-radius:22px;flex-direction:column;flex:1;display:flex}.pod--1 .pod__card{padding-top:var(--space-4);border:2px solid var(--color-primary);background:linear-gradient(180deg, var(--color-winner-bg) 0, var(--color-surface) 70%);box-shadow:0 24px 60px -30px color-mix(in srgb, var(--color-primary-solid) 60%, transparent)}.pod__crown{color:var(--color-star);filter:drop-shadow(0 4px 8px color-mix(in srgb, var(--color-star) 45%, transparent));display:none}.pod--1 .pod__crown{display:block}.pod__rank{letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.pod--1 .pod__rank{color:var(--color-accent)}.pod__logo{place-items:center;width:110px;height:52px;display:grid}.pod--1 .pod__logo{width:140px;height:64px}.pod__logo--card{width:124px;height:78px}.pod--1 .pod__logo--card{width:160px;height:100px}.pod__logo img{object-fit:contain;max-width:100%;max-height:100%}.pod__logo--card img{box-shadow:0 10px 20px -10px color-mix(in srgb, var(--color-text) 55%, transparent);border-radius:8px}.pod__logo-fallback{border-radius:var(--radius);background:var(--color-surface-muted);width:48px;height:48px;color:var(--color-text-muted);place-items:center;font-weight:700;display:grid}.pod__name{text-wrap:balance;margin:0;font-size:1rem;line-height:1.25}.pod--1 .pod__name{font-size:clamp(1.15rem,3vw,1.4rem)}.pod__promo{font-size:.74rem}.pod__actions{gap:var(--space-2);width:100%;padding-top:var(--space-1);justify-items:center;margin-top:auto;display:grid}.pod__actions .btn{width:100%;min-height:var(--touch-min);justify-content:center}.pod__more{font-size:.8rem;font-weight:600}.pod__step{display:none}.quiz-match{--size:72px;width:var(--size);height:var(--size);flex-shrink:0;position:relative}.pod--1 .quiz-match{--size:96px}.quiz-match svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.quiz-match__track{stroke:var(--color-surface-muted)}.pod--1 .quiz-match__track{stroke:color-mix(in srgb, var(--color-surface) 80%, var(--color-primary-solid))}.quiz-match__value{stroke:var(--color-primary);stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}.quiz-match__label{text-align:center;place-content:center;line-height:1.05;display:grid;position:absolute;inset:0}.quiz-match__num{font-weight:800;font-size:calc(var(--size) * .22);font-variant-numeric:tabular-nums;color:var(--color-primary-dark)}.quiz-match__unit{font-size:calc(var(--size) * .12);letter-spacing:.05em;color:var(--color-text-muted);text-transform:uppercase;font-weight:700}.quiz-card__cta--disabled,.quiz-card__cta--disabled:hover{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-muted);cursor:default;pointer-events:none;opacity:.9;font-weight:600}@container (width>=600px){.podium{align-items:end;gap:var(--space-4);grid-template-columns:1fr 1.14fr 1fr}.pod--1{order:2;grid-column:auto}.pod--2{order:1}.pod--3{order:3}.pod__card{padding:var(--space-5) var(--space-5) var(--space-5);box-shadow:none;border-bottom:0;border-radius:22px 22px 0 0;flex:none}.pod--1 .pod__card{padding-top:var(--space-5)}.pod__step{border:1px solid var(--color-border);font-variant-numeric:tabular-nums;color:var(--color-primary);background:color-mix(in srgb, var(--color-surface) 92%, var(--color-primary-solid));border-top:0;border-radius:0 0 22px 22px;place-items:center;font-size:2.6rem;font-weight:800;line-height:1;display:grid}.pod--1 .pod__step{border:2px solid var(--color-primary);height:132px;color:var(--color-on-primary);background:linear-gradient(160deg, var(--color-primary-solid), color-mix(in srgb, var(--color-primary-solid) 72%, var(--color-accent-solid)));border-top:0;font-size:3.4rem}.pod--1 .pod__card{border-bottom:0}.pod--2 .pod__step{background:color-mix(in srgb, var(--color-surface) 86%, var(--color-primary-solid));height:92px}.pod--3 .pod__step{background:color-mix(in srgb, var(--color-surface) 93%, var(--color-primary-solid));height:64px;font-size:2.1rem}}.quiz-all{margin-top:var(--space-8);padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);border-radius:22px}.quiz-all[hidden]{display:none}.quiz-all__title{margin:0 0 var(--space-4);font-size:1rem}.quiz-all__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.quiz-all__row{align-items:center;column-gap:var(--space-3);grid-template-columns:1.4rem 1fr auto;grid-template-areas:"pos name pct"".bar bar";row-gap:6px;font-size:.9rem;display:grid}.quiz-all__row[hidden]{display:none}.quiz-all__pos{color:var(--color-text-muted);font-variant-numeric:tabular-nums;grid-area:pos;font-weight:700}.quiz-all__name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-weight:600;overflow:hidden}.quiz-all__bar{background:var(--color-surface-muted);height:8px;box-shadow:inset 0 0 0 1px var(--color-border);border-radius:999px;grid-area:bar;overflow:hidden}.quiz-all__bar i{border-radius:inherit;background:color-mix(in srgb, var(--color-primary-solid) 38%, var(--color-border));height:100%;transition:width .9s cubic-bezier(.22,1,.36,1);display:block}.quiz-all__row.is-top .quiz-all__bar i{background:var(--color-primary-solid)}.quiz-all__row.is-top .quiz-all__name{font-weight:700}.quiz-all__pct{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-primary-dark);grid-area:pct;font-weight:700}@container (width>=560px){.quiz-all{padding:var(--space-6)}.quiz-all__row{grid-template-columns:1.4rem minmax(8rem,13rem) 1fr 3.4rem;grid-template-areas:"pos name bar pct"}}.quiz-method{padding-block:var(--space-10);background:var(--color-surface);border-block:1px solid var(--color-border)}.quiz-method p{max-width:72ch;color:var(--color-text-muted);margin:0;line-height:1.7}.tm-quiz{margin-block:var(--space-8)}.quiz--embedded{border:1px solid var(--color-winner-border);background:radial-gradient(520px 220px at 50% -40px, var(--color-winner-bg), transparent 75%), var(--color-surface);max-width:none;box-shadow:var(--shadow-sm);border-radius:22px;padding:clamp(16px,4vw,32px)}.quiz--embedded .quiz__top{margin-bottom:var(--space-6)}.quiz--embedded .quiz-step__title,.quiz--embedded .quiz-results__title{font-size:clamp(1.2rem,3vw,1.5rem)}.tm-quiz{--color-primary:var(--ac);--color-primary-dark:var(--ink);--color-secondary:var(--ac);--color-accent:var(--ink);--color-primary-solid:var(--ac);--color-primary-solid-hover:var(--ink);--color-accent-solid:var(--ink);--color-winner-bg:var(--soft);--color-winner-border:var(--mid);--color-rating-bg:var(--soft);--color-rating-text:var(--ink)}@media (prefers-reduced-motion:reduce){.quiz-step,.quiz-results{animation:none}.quiz-progress__fill,.quiz-match__value,.quiz-all__bar i,.quiz-option,.quiz-option__icon,.quiz-option__key,.quiz-option__key svg,.quiz-option:hover,.quiz-match__value{transition:none}}.pod:not(.pod--1) .pod__actions .btn{padding-inline:var(--space-2);white-space:nowrap;font-size:.85rem}