:root{color-scheme:dark;--mint:#bcebd2;--ink:#0b202b;--line:#3a5362}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#091b2ce8,#0b202bf5),url('/assets/journey.png') center top/cover fixed;color:#f5f5ee;font:18px/1.6 system-ui,sans-serif}.quiz-header{max-width:1120px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:26px;font-weight:750;display:flex;align-items:center;gap:12px;text-decoration:none}a{color:var(--mint);text-underline-offset:4px}main{width:min(760px,calc(100% - 32px));margin:32px auto 64px}.quiz-top{display:flex;flex-wrap:wrap;gap:12px;color:var(--mint);font-size:14px}.quiz-top span{border:1px solid var(--line);border-radius:30px;padding:5px 14px}.eyebrow{color:var(--mint);font-size:13px;letter-spacing:.15em;font-weight:700;margin-top:32px}h1{font-size:clamp(32px,6vw,52px);line-height:1.1;letter-spacing:-.04em;margin:20px 0}h2{font-size:28px;line-height:1.25}.intro{font-size:21px;color:#ccd8df}.quiz-progress{color:var(--mint);font-size:14px;margin-top:32px}.question{margin:30px 0 42px;padding:0;border:0;min-width:0}.question legend{font-weight:650;font-size:22px;margin-bottom:16px;width:100%}.answer{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#203542;border:1px solid var(--line);border-radius:12px;margin:9px 0;cursor:pointer}.answer:has(input:checked){border-color:var(--mint);background:#2b4c4e}.answer input{accent-color:var(--mint);width:22px;height:22px;flex-shrink:0}button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:14px 25px;font-weight:700}.primary{background:var(--mint);color:var(--ink)}.secondary{background:#203542;color:white}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:4px}.quiz-result{border-top:1px solid var(--line);margin-top:32px;scroll-margin-top:24px}.explanation{padding:20px 0;border-bottom:1px solid var(--line)}.explanation h3{font-size:20px}.quiz-result button{margin-top:24px}.quiet{font-size:13px;color:#acbec9}.about{padding:26px 0;border-block:1px solid var(--line);margin:50px 0}.about h2{color:var(--mint)}.archive a{display:block;padding:12px 0}.archive .quiet{margin:0}footer{padding:24px;text-align:center;font-size:13px;border-top:1px solid var(--line)}footer a{margin-left:20px}@media(max-width:500px){.quiz-header{padding:16px;font-size:14px}.brand{font-size:21px}.question legend{font-size:20px}.intro{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}