:root{--ink:#241b17;--dark:#251914;--cream:#fffaf3;--sand:#e8cfaa;--gold:#c6a173;--muted:#786859;--line:#e4d7c5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{cursor:default;opacity:.45}header{background:var(--dark);color:var(--cream)}.top{max-width:1280px;margin:auto;padding:21px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{line-height:1}.brand b{font-size:45px;font-weight:950;letter-spacing:-3px}.brand small{display:block;font-size:7px;letter-spacing:.015em;margin-top:2px}.top-tools{display:flex;align-items:center;gap:26px}.top-tools>span{font-size:10px;letter-spacing:.15em;color:var(--sand)}.text-button{border:0;background:none;color:inherit;padding:10px 0;font-size:12px}.top .text-button{color:var(--sand)}main{max-width:1280px;margin:auto;padding:34px 34px 40px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:750;text-transform:uppercase;color:var(--muted);margin:0 0 10px}h1{font:normal clamp(36px,4vw,57px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:0}h1 em{color:#92704a}.note{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 0}.progress{font-size:12px;color:var(--muted);text-align:right;white-space:nowrap}.progress strong{display:block;font:normal 35px Georgia,serif;color:var(--ink);margin-bottom:3px}.stage{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.wheel-panel{text-align:center;min-width:0}.filters{display:inline-flex;gap:4px;border:1px solid var(--line);padding:5px;border-radius:30px;background:#f5ecdf}.filters button{border:0;background:transparent;color:#655442;padding:10px 22px;border-radius:24px;font-size:12px;font-weight:600}.filters button[aria-pressed=true]{background:var(--dark);color:var(--cream);box-shadow:0 3px 10px #2519141a}.wheel-wrap{position:relative;max-width:450px;margin:17px auto 7px;isolation:isolate}.wheel-wrap:before{content:'';position:absolute;inset:2%;border-radius:50%;box-shadow:0 14px 32px #5a3d2420;z-index:-1}.wheel-wrap svg{display:block;width:100%;overflow:visible}.pointer{position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:28px;height:34px;background:var(--dark);clip-path:polygon(0 0,100% 0,50% 100%);z-index:2}.hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;aspect-ratio:1;background:var(--cream);border:5px solid var(--sand);border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 14px #0002;font-size:clamp(20px,3vw,30px);font-weight:950;letter-spacing:-.08em;pointer-events:none}.primary{border:0;border-radius:6px;background:var(--dark);color:var(--cream);padding:17px 30px;font-weight:650;font-size:15px;min-width:250px;box-shadow:0 7px 20px #25191415}.primary:hover:not(:disabled){background:#493328}.helper{font-size:11px;color:var(--muted);margin:12px 0 0;line-height:1.5}.question{background:var(--dark);color:var(--cream);padding:clamp(28px,4vw,48px);border-radius:9px;min-height:390px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 18px 40px #33231912}.question:before{content:'“';position:absolute;right:12px;top:-45px;font:240px Georgia,serif;color:#e8cfaa09;pointer-events:none}.question .eyebrow{color:var(--sand);margin:0 0 22px}.question h2{font:normal clamp(26px,3vw,40px)/1.05 Georgia,serif;margin:0 0 18px;color:var(--sand);letter-spacing:-.03em}.question p{font-size:clamp(22px,2.5vw,32px);line-height:1.4;margin:0;letter-spacing:-.015em}.question .foot{margin-top:28px;font-size:11px;line-height:1.6;color:#c9bba9}.question:focus{outline:none}.statusline{display:flex;justify-content:space-between;margin-top:16px;align-items:center;gap:20px;color:var(--muted);font-size:11px}.bottom{margin-top:32px;border-top:1px solid var(--line);padding-top:23px;display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.bottom h2,.bottom summary{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:650;margin:0 0 15px}.tags{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;color:var(--muted)}.tag{font-size:11px;padding:8px 11px;border:1px solid var(--line);border-radius:4px;background:#fcf7ef;color:var(--ink)}.tag small{color:var(--muted);margin-right:5px}.history{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:7px}.history li{font-size:11px;color:var(--muted);padding:7px 9px;background:#f0e7da;border-radius:4px}.history li span{color:#a18b74;margin-right:5px}summary{cursor:pointer}footer{margin-top:28px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);letter-spacing:.02em}.flash{animation:appear .5s ease both}@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;max-width:420px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#25191490}dialog h2{font:28px Georgia,serif;margin:0 0 12px}dialog p{font-size:14px;line-height:1.6;color:var(--muted)}.dialog-actions{display:flex;gap:18px;justify-content:flex-end;align-items:center;margin-top:25px}.dialog-actions .primary{min-width:0;padding:12px 17px;font-size:13px}@media(min-width:1400px){main{padding-top:45px}.wheel-wrap{max-width:480px}.question{min-height:420px}}@media(max-width:760px){.top{padding:16px 20px}.brand b{font-size:36px}.brand small{font-size:5.5px}.top-tools>span{display:none}.top-tools{gap:10px}main{padding:26px 20px 32px}.intro{align-items:center;margin-bottom:25px}.note{max-width:29ch}.progress strong{font-size:28px}.stage{grid-template-columns:1fr;gap:26px}.wheel-wrap{max-width:390px}.question{min-height:265px;padding:29px}.question p{font-size:25px}.bottom{grid-template-columns:1fr;gap:25px}.statusline{margin-top:13px}.filters button{padding:10px 20px}.hub{font-size:27px}footer{line-height:1.6}}@media(prefers-reduced-motion:reduce){.flash{animation:none}}:fullscreen{background:var(--cream);overflow:auto}