:root { --ink:#101c22; --yellow:#ffbc0b; --paper:#fffaf0; --wine:#8e2a4a; }
html { background:var(--yellow); }
body { max-width:none; margin:0; border:0; border-radius:0; overflow:visible; background:var(--yellow); }
header { border:0; background:transparent; padding:16px 20px 0; }
.topbar { max-width:1440px; min-height:76px; padding:12px 26px; border-radius:22px; background:var(--ink); color:#fff; }
.header-identity { display:flex; align-items:center; gap:23px; min-width:0; }
.brand { display:flex; flex-direction:column; color:#fff; text-decoration:none; line-height:.88; letter-spacing:-.06em; font-size:27px; margin:0; }
.brand strong { font-size:1.18em; }
.brand span { font-size:.63em; letter-spacing:.08em; margin-top:5px; }
.header-divider { width:1px; height:36px; background:#ffffff55; flex:none; }
.product { color:#fff; font-size:18px; letter-spacing:-.02em; }
.header-count { color:var(--ink); background:var(--yellow); padding:8px 13px; border-radius:100px; font-size:13px; }
.page { min-height:calc(100svh - 92px); padding:44px 24px 64px; background:var(--yellow); background-image:none; }
.workspace { max-width:1260px; }
.question-main { border-radius:30px; box-shadow:none; padding:34px 38px 18px; }
.question-main::before { display:none; }
.question-main .page-title { font-size:clamp(28px,3vw,42px); line-height:1.08; letter-spacing:-.04em; }
.question-main .eyebrow { letter-spacing:.09em; text-transform:uppercase; font-size:12px; }
.question-main fieldset { padding:24px 0; }
.question-main .scenario { font-size:clamp(17px,1.6vw,21px); }
.choice { border-radius:15px; box-shadow:none; }
.choice:hover { transform:translateY(-2px); }
.choice:has(input:focus-visible) { outline:3px solid var(--yellow); outline-offset:3px; }
.bottom { padding:0 4px; }
.back#back,.primary#next { width:56px; height:56px; border-radius:50%; }
.primary#next.finish { width:auto; border-radius:100px; }
.page-dots { gap:7px; }
.page-dot::after { height:9px; border-radius:100px; }
.progress-copy { font-weight:700; color:var(--ink); }
.review,.workspace>.journey { box-shadow:none; border-radius:26px; }
.result-card,.result-nav { box-shadow:none; }
.result-card { border-radius:30px; }
.result-content { border-radius:20px; }
.result-tab { border-radius:14px; }
.result-tab:hover,.round-control:hover { transform:translateY(-2px); }
.result-tools { border-color:#101c2233; }
dialog { border-radius:22px; }
@media(max-width:850px) {
  .page { padding:28px 18px 44px; }
  .question-main { padding:26px 24px 12px; }
}
@media(max-width:600px) {
  header { padding:10px 10px 0; }
  .topbar { min-height:68px; border-radius:16px; padding:10px 15px; }
  .header-identity { gap:12px; }
  .brand { font-size:22px; }
  .header-divider { height:30px; }
  .product { font-size:14px; }
  .header-count { font-size:11px; padding:6px 9px; }
  .page { padding:22px 13px 38px; }
  .question-main { padding:23px 18px 10px; border-radius:22px; box-shadow:none; }
  .question-main .page-title { font-size:28px; }
  .question-main .scenario { font-size:17px; }
  .choice { border-radius:12px; }
  .back#back,.primary#next { width:48px; height:48px; }
}
@media(max-width:380px) { .header-count { display:none; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }