.quiz-root{width:100%}.quiz-grid{display:grid;grid-template-columns:minmax(0,720px);gap:32px;justify-content:center;align-items:stretch}.quiz-card{background:#161616;border:1px solid var(--color-border-1);border-radius:8px;padding:44px;display:flex;flex-direction:column;gap:32px;position:relative;overflow:hidden}.quiz-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--card-accent, rgba(255, 255, 255, .18));opacity:.55}.quiz-card--question{--card-accent: rgba(255, 255, 255, .28)}.quiz-card--result{--card-accent: var(--color-accent-blue)}.quiz-panel{display:flex;flex-direction:column;gap:32px;flex:1}.quiz-progress{display:flex;align-items:center;gap:12px}.quiz-progress-num{font-family:var(--font-serif);font-size:14px;color:var(--color-fg-3);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.04em}.quiz-progress-bar{flex:1;height:1px;background:var(--color-border-1);position:relative;overflow:hidden}.quiz-progress-fill{position:absolute;inset:0;background:var(--color-fg-2);transition:width var(--dur-slow) var(--ease-editorial)}.quiz-question{font-family:var(--font-serif);font-weight:var(--fw-regular);font-size:clamp(24px,2.4vw,32px);line-height:1.18;letter-spacing:-.018em;margin:0;text-wrap:balance}.quiz-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.quiz-option{display:flex;align-items:center;gap:18px;width:100%;text-align:left;background:transparent;border:1px solid var(--color-border-2);border-radius:4px;padding:18px 20px;color:var(--color-fg-1);font-family:var(--font-sans);font-size:15px;line-height:1.4;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.quiz-option:hover{border-color:var(--color-fg-1);background:#ffffff08;transform:translateY(-1px)}.quiz-option:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.quiz-option.is-selected{border-color:var(--color-accent-blue);background:var(--color-accent-blue-tint)}.quiz-option-marker{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:1px solid var(--color-border-3);position:relative;transition:border-color var(--dur-quick) var(--ease-out)}.quiz-option.is-selected .quiz-option-marker{border-color:var(--color-accent-blue)}.quiz-option.is-selected .quiz-option-marker:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--color-accent-blue)}.quiz-option-label{flex:1}.quiz-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--color-border-1);margin-top:auto}.quiz-foot-meta,.quiz-foot-hint,.quiz-back{font-family:var(--font-sans);font-size:12px;color:var(--color-fg-3);letter-spacing:.02em;background:transparent;border:none;cursor:default;padding:0;transition:color var(--dur-quick) var(--ease-out)}.quiz-back{cursor:pointer}.quiz-back:hover{color:var(--color-fg-1)}.quiz-foot-hint{color:var(--color-fg-4);font-style:italic}.quiz-result-content{display:flex;flex-direction:column;gap:20px;flex:1}.result-title{font-family:var(--font-serif);font-weight:var(--fw-regular);font-size:clamp(24px,2.4vw,32px);line-height:1.18;letter-spacing:-.018em;margin:0;text-wrap:balance}.result-body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.65;color:var(--color-fg-2);margin:0;max-width:none}.result-opening{color:var(--color-fg-1)}.result-opening:empty{display:none}.result-eyebrow{color:var(--color-accent-blue);margin:0}.result-eyebrow--pink{color:var(--color-accent-pink)}.result-actions{margin-top:auto;padding-top:16px;border-top:1px solid var(--color-border-1);display:flex;flex-direction:column;gap:16px;align-items:flex-start}.result-secondary{font-family:var(--font-sans);font-size:13px;color:var(--color-fg-3);text-decoration:none;border-bottom:1px solid var(--color-border-2);padding-bottom:3px;transition:color var(--dur-quick),border-color var(--dur-quick)}.result-secondary:hover{color:var(--color-fg-1);border-color:var(--color-fg-1);opacity:1}.quiz-restart{font-family:var(--font-sans);font-size:12px;color:var(--color-fg-4);background:transparent;border:none;cursor:pointer;padding:0;letter-spacing:.02em;text-transform:uppercase;transition:color var(--dur-quick)}.quiz-restart:hover{color:var(--color-fg-2)}.quiz-root--popup .quiz-grid{gap:0}.quiz-root--popup .quiz-card{padding:28px;border:none;background:transparent}.quiz-root--popup .quiz-card:before{display:none}.quiz-root--popup .quiz-question{font-size:clamp(20px,2.2vw,24px)}.quiz-root--popup .result-title{font-size:clamp(22px,2.4vw,28px)}@media(max-width:980px){.quiz-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:600px){.quiz-card{padding:28px 22px}.quiz-root--popup .quiz-card{padding:20px 16px}}