.quiz-wrap{padding: 0 var(--gutter) clamp(60px, 10vh, 120px);}.quiz{max-width: 860px;padding: clamp(22px, 3.4vw, 44px);border: 1px solid var(--color-hairline);border-radius: var(--radius-card);background: var(--color-surface);scroll-margin-top: 96px;}.quiz__top{display: flex;align-items: center;gap: 18px;margin-bottom: clamp(18px, 3vw, 30px);}.quiz__progress{position: relative;flex: 1;height: 3px;overflow: hidden;border-radius: 3px;background: var(--color-hairline);}.quiz__progress i{position: absolute;inset: 0;background: var(--color-accent);transform: scaleX(0);transform-origin: left;transition: transform 0.45s var(--ease-out);}.quiz__q{margin: 0 0 30px;padding: 0;border: 0;min-width: 0;}.quiz.is-live .quiz__q{display: none;margin: 0;}.quiz.is-live .quiz__q.is-current{display: block;animation: quizIn 0.38s var(--ease-out) both;}@keyframes quizIn{from{opacity: 0;transform: translateY(14px);}to{opacity: 1;transform: none;}}.quiz__legend{display: grid;gap: 10px;margin-bottom: 8px;padding: 0;outline: none;}.quiz__question{font-size: clamp(24px, 2.6vw, 38px);line-height: 1.12;letter-spacing: -0.015em;font-variation-settings: "wdth" 98, "wght" 620;text-wrap: balance;}.quiz__hint{margin: 0 0 4px;font-size: 15px;color: var(--color-subtle);}.quiz__opts{display: grid;gap: 10px;margin-top: 18px;}.quiz__opt{position: relative;display: flex;align-items: center;gap: 16px;padding: 16px 18px;border: 1px solid var(--color-hairline);border-radius: 14px;background: rgba(31, 45, 27, 0.45);cursor: pointer;transition: border-color 0.25s, background-color 0.25s, transform 0.25s var(--ease-out);}.quiz__opt:hover{border-color: rgba(255, 106, 0, 0.6);}.quiz__opt input{position: absolute;opacity: 0;width: 1px;height: 1px;}.quiz__opt-txt{display: grid;gap: 3px;flex: 1;min-width: 0;}.quiz__opt-txt b{font-weight: inherit;font-size: 17px;line-height: 1.3;font-variation-settings: "wdth" 99, "wght" 580;}.quiz__opt-txt small{font-size: 14px;line-height: 1.4;color: var(--color-subtle);}.quiz__opt-mark{flex: none;width: 22px;height: 22px;border: 1.5px solid var(--color-subtle);border-radius: 50%;transition: border-color 0.2s, box-shadow 0.2s;}.quiz__opt:has(input:checked){border-color: var(--color-accent);background: rgba(255, 106, 0, 0.12);}.quiz__opt:has(input:checked) .quiz__opt-mark{border-color: var(--color-accent);box-shadow: inset 0 0 0 5px var(--color-accent);}.quiz__opt:has(input:focus-visible){outline: 2px solid var(--color-accent);outline-offset: 2px;}.quiz__opt:active{transform: scale(0.99);}.quiz__nav{display: none;}.quiz.is-live .quiz__nav{display: flex;justify-content: space-between;align-items: center;gap: 12px;margin-top: 26px;}.quiz__back, .quiz__next{padding: 13px 20px;border-radius: var(--radius-pill);font-family: var(--font-mono);font-size: 12px;letter-spacing: 0.08em;text-transform: uppercase;}.quiz__back{margin-right: auto;border: 1px solid var(--color-hairline);color: var(--color-text);background: none;}.quiz__next{margin-left: auto;background: var(--color-accent);color: var(--color-on-accent);border: 0;transition: opacity 0.2s;}.quiz__next:disabled{opacity: 0.35;cursor: default;}.quiz__nojs{margin-top: 10px;color: var(--color-muted);}.quiz-result{max-width: 1180px;scroll-margin-top: 96px;animation: quizIn 0.5s var(--ease-out) both;}.quiz-result__grid{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);gap: clamp(28px, 4vw, 64px);padding: clamp(24px, 3.4vw, 44px);border: 1px solid var(--color-hairline);border-top: 3px solid var(--color-accent);border-radius: var(--radius-card);background: var(--color-surface);}.quiz-result__h{margin: 12px 0 10px;font-size: clamp(30px, 3.6vw, 56px);line-height: 1.02;letter-spacing: -0.02em;font-variation-settings: "wdth" 98, "wght" 650;text-wrap: balance;outline: none;}.quiz-result__lead{font-size: clamp(18px, 1.5vw, 22px);line-height: 1.45;color: var(--color-text);}.quiz-result__why{margin: 18px 0;padding: 0;list-style: none;display: grid;gap: 10px;}.quiz-result__why li{position: relative;padding-left: 26px;font-size: 16px;line-height: 1.55;color: var(--color-muted);}.quiz-result__why li::before{content: "";position: absolute;left: 4px;top: 0.55em;width: 8px;height: 8px;background: var(--color-accent);transform: rotate(45deg);}.quiz-result__watch{margin-bottom: 16px;padding: 14px 16px;border-left: 2px solid var(--color-accent);background: rgba(255, 106, 0, 0.07);font-size: 15px;line-height: 1.55;color: var(--color-muted);}.quiz-result__watch strong{color: var(--color-text);font-weight: 600;}.quiz-result__close{margin-bottom: 16px;font-size: 15px;color: var(--color-accent);}.quiz-rank{margin: 14px 0 18px;padding: 0;list-style: none;display: grid;gap: 14px;}.quiz-rank__row{display: grid;grid-template-columns: minmax(0, 1fr) auto;grid-template-areas: "name score" "bar bar" "label label";gap: 6px 12px;}.quiz-rank__name{grid-area: name;font-size: 16px;font-variation-settings: "wdth" 99, "wght" 580;}.quiz-rank__score{grid-area: score;font-family: var(--font-mono);font-size: 13px;color: var(--color-subtle);}.quiz-rank__score b{font-size: 18px;font-weight: 500;color: var(--color-text);}.quiz-rank__bar{grid-area: bar;position: relative;height: 8px;overflow: hidden;border-radius: 8px;background: var(--color-hairline);}.quiz-rank__bar i{position: absolute;inset: 0;border-radius: 8px;background: rgba(243, 240, 231, 0.45);transform-origin: left;}.quiz-rank__row.is-top .quiz-rank__bar i{background: var(--color-accent);}.quiz-rank__row.is-top .quiz-rank__score b{color: var(--color-accent);}.quiz-rank__label{grid-area: label;font-family: var(--font-mono);font-size: 11px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--color-subtle);}.quiz-rank__label em{display: block;margin-top: 4px;font-family: var(--font-sans);font-size: 13px;font-style: normal;letter-spacing: 0;text-transform: none;color: var(--color-subtle);}.quiz-result__disclaimer{font-size: 13px;line-height: 1.55;color: var(--color-subtle);}.quiz-result__cta{display: grid;gap: 16px;margin-top: clamp(24px, 3vw, 36px);padding: clamp(22px, 3vw, 36px);border-radius: var(--radius-card);background: var(--color-deep);}.quiz-result__cta p{max-width: 62ch;font-size: clamp(17px, 1.4vw, 20px);line-height: 1.5;}.quiz-result__btns{display: flex;flex-wrap: wrap;align-items: center;gap: 14px 26px;}.quiz-mail{max-width: 760px;margin-top: clamp(24px, 3vw, 36px);display: grid;gap: 12px;}.quiz-mail__intro{font-size: 16px;color: var(--color-muted);}.quiz-mail__row{display: flex;gap: 10px;}.quiz-mail__row[hidden]{display: none;}.quiz-mail__field{flex: 1;min-width: 0;}.quiz-mail__field input{width: 100%;padding: 15px 18px;border: 1px solid var(--color-hairline);border-radius: var(--radius-pill);background: var(--color-surface);color: var(--color-text);font-size: 16px;}.quiz-mail__field input:focus{outline: none;border-color: var(--color-accent);}.quiz-mail__send{flex: none;padding: 0 24px;border: 0;border-radius: var(--radius-pill);background: var(--color-accent);color: var(--color-on-accent);font-family: var(--font-mono);font-size: 12px;letter-spacing: 0.08em;text-transform: uppercase;}.quiz-mail__send:disabled{opacity: 0.5;}.quiz-mail__check{display: flex;gap: 12px;align-items: flex-start;font-size: 14px;line-height: 1.5;color: var(--color-muted);cursor: pointer;}.quiz-mail__check input{flex: none;width: 18px;height: 18px;margin-top: 2px;accent-color: var(--color-accent);}.quiz-mail__check a{color: var(--color-text);text-decoration: underline;text-decoration-color: var(--color-accent);}.quiz-mail__hp{position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0;}.quiz-mail__status{min-height: 1.4em;font-size: 15px;}.quiz-mail__status.is-ok{color: #8fd18a;}.quiz-mail__status.is-error{color: #ffb38a;}.quiz-result__restart{margin-top: 22px;padding: 0;border: 0;background: none;font-family: var(--font-mono);font-size: 12px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-subtle);text-decoration: underline;text-underline-offset: 4px;}.quiz-how__grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(16px, 2vw, 28px);}.quiz-how__item{display: grid;gap: 10px;align-content: start;padding-top: 18px;border-top: 1px solid rgba(255, 106, 0, 0.45);}.quiz-how__item h3{font-size: 21px;line-height: 1.2;font-variation-settings: "wdth" 99, "wght" 600;}.quiz-how__item p{font-size: 15.5px;line-height: 1.55;color: var(--color-muted);}.quiz-how__more{margin-top: 28px;color: var(--color-muted);}.quiz-how__more a{color: var(--color-text);text-decoration: underline;text-decoration-color: var(--color-accent);}@media (max-width: 860px){.quiz{padding: 20px 16px 22px;}.quiz__opt{padding: 14px 14px;gap: 12px;}.quiz__opt-txt b{font-size: 16px;}.quiz-result__grid{grid-template-columns: minmax(0, 1fr);padding: 22px 18px;}.quiz-mail__row{flex-direction: column;}.quiz-mail__send{padding: 15px 24px;}.quiz-how__grid{grid-template-columns: minmax(0, 1fr);}}@media (prefers-reduced-motion: reduce){.quiz.is-live .quiz__q.is-current, .quiz-result{animation: none;}}.page-title--quiz .page-title__intro{margin-bottom: clamp(28px, 5vh, 56px);}@media (max-width: 860px){.page-title--quiz{padding-bottom: 0;}}.page-title--quiz + .quiz-wrap{margin-top: 0;}.quiz-result__cta, .quiz-result__btns, .quiz-result__main, .quiz-result__side{min-width: 0;}.quiz-result__btns > *{max-width: 100%;}.quiz-result__btns .btn-hero span{min-width: 0;}@media (max-width: 860px){.quiz-result__cta{padding: 20px 16px;}.quiz-result__btns .btn-hero{width: 100%;justify-content: space-between;gap: 12px;padding: 8px 8px 8px 18px;font-size: 12px;line-height: 1.3;}.quiz-result__btns .btn-hero i{flex: 0 0 44px;width: 44px;height: 44px;}}