.df-panel{border:1px solid var(--border-default);background:#fff;border-radius:16px;max-width:680px;margin:32px auto 0;padding:28px;box-shadow:0 1px 2px #0b1a280a,0 18px 40px -28px #0b1a2847}.df-progress{flex-direction:column;gap:8px;display:flex}.df-progress-track{background:color-mix(in oklab, var(--navy) 10%, transparent);border-radius:9999px;height:4px;overflow:hidden}.df-progress-fill{background:linear-gradient(90deg, var(--navy), var(--amber));height:100%;transition:width .42s var(--ease-default);border-radius:9999px}.df-progress-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:10.5px;font-weight:700}.df-summary{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.df-summary-chip{background:var(--amber-dim);border:1px solid color-mix(in oklab, var(--amber) 26%, transparent);color:var(--navy);border-radius:9999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.df-summary-tick{width:13px;height:13px;color:var(--amber-dark)}.df-question{letter-spacing:-.018em;color:var(--navy);margin-top:18px;font-size:clamp(19px,2.4vw,22px);font-weight:800;line-height:1.2}.df-pane{margin-top:16px}.df-pane.df-animate{animation:df-pane-in .32s var(--ease-default) both}@keyframes df-pane-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.df-group{gap:10px;display:grid}.df-opt{text-align:left;border:1px solid var(--border-default);cursor:pointer;width:100%;transition:border-color .18s var(--ease-default), background-color .18s var(--ease-default), box-shadow .18s var(--ease-default), transform .18s var(--ease-default);background:#fff;border-radius:12px;align-items:center;gap:13px;padding:15px 16px;display:flex}.df-opt:hover{border-color:color-mix(in oklab, var(--navy) 34%, var(--border-default));background:color-mix(in oklab, var(--navy) 3%, white)}.df-opt:focus-visible{border-color:var(--amber);box-shadow:0 0 0 3px color-mix(in oklab, var(--amber) 32%, transparent);outline:none}.df-opt[aria-checked=true]{border-color:color-mix(in oklab, var(--amber) 60%, var(--border-default));background:var(--amber-dim);box-shadow:0 8px 22px -16px color-mix(in oklab, var(--amber) 70%, transparent)}.df-opt-marker{border:2px solid color-mix(in oklab, var(--navy) 30%, transparent);width:19px;height:19px;transition:border-color .18s var(--ease-default), box-shadow .18s var(--ease-default);border-radius:9999px;flex-shrink:0}.df-opt[aria-checked=true] .df-opt-marker{border-color:var(--amber-dark);box-shadow:inset 0 0 0 4px var(--amber)}.df-opt-text{flex-direction:column;gap:2px;display:flex}.df-opt-label{color:var(--navy);font-size:14.5px;font-weight:600;line-height:1.35}.df-opt-hint{color:var(--text-secondary);font-size:12.5px;line-height:1.4}.df-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}.df-back{color:var(--text-secondary);cursor:pointer;transition:color .16s var(--ease-default);background:0 0;border:none;margin-right:auto;padding:10px 6px;font-size:13px;font-weight:700}.df-back:hover{color:var(--navy)}.df-next{background:var(--navy);color:var(--cream);cursor:pointer;transition:background-color .18s var(--ease-default), transform .18s var(--ease-default), box-shadow .18s var(--ease-default);border:none;border-radius:9999px;align-items:center;gap:7px;padding:12px 20px;font-size:13.5px;font-weight:800;display:inline-flex}.df-next:hover:not(:disabled){background:var(--navy-mid);transform:translateY(-1px);box-shadow:0 12px 26px -16px #0b1a2899}.df-next:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--amber) 40%, transparent);outline:none}.df-next:disabled{opacity:.42;cursor:not-allowed}.df-next-arrow{width:15px;height:15px}.df-result{border:1px solid color-mix(in oklab, var(--df-accent) 34%, var(--border-default));background:linear-gradient(155deg, color-mix(in oklab, var(--df-accent) 8%, white) 0%, white 100%);border-radius:14px;padding:22px 22px 20px;position:relative;overflow:hidden}.df-result:focus-visible,.df-pane[role=status]:focus-visible{outline:none}.df-result-rail{background:var(--df-accent);height:3px;position:absolute;inset:0 0 auto}.df-result-head{align-items:center;gap:10px;display:flex}.df-result-num{background:var(--df-accent);color:#fff;letter-spacing:.04em;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:800}.df-result-phase{letter-spacing:.08em;text-transform:uppercase;color:var(--df-accent);font-size:11px;font-weight:800}.df-result-title{letter-spacing:-.01em;color:var(--navy);margin-top:14px;font-size:18px;font-weight:800;line-height:1.25}.df-result-body{color:var(--text-secondary);margin-top:10px;font-size:13.5px;line-height:1.6}.df-result-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.df-result-cta{background:var(--df-accent);color:#fff;transition:transform .18s var(--ease-default), box-shadow .18s var(--ease-default), filter .18s var(--ease-default);border-radius:9999px;align-items:center;gap:7px;padding:12px 20px;font-size:13.5px;font-weight:800;text-decoration:none;display:inline-flex}.df-result-cta:hover{filter:brightness(.94);box-shadow:0 14px 30px -16px color-mix(in oklab, var(--df-accent) 70%, transparent);transform:translateY(-1px)}.df-result-cta:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--df-accent) 40%, transparent);outline:none}.df-restart{color:var(--text-secondary);cursor:pointer;transition:color .16s var(--ease-default);background:0 0;border:none;align-items:center;gap:6px;padding:6px 4px;font-size:12.5px;font-weight:700;display:inline-flex}.df-restart:hover{color:var(--navy)}.df-restart-icon{width:14px;height:14px}@media (max-width:560px){.df-panel{padding:22px 18px}.df-result-actions{gap:10px}}@media (prefers-reduced-motion:reduce){.df-progress-fill,.df-opt,.df-opt-marker,.df-next,.df-back,.df-result-cta,.df-restart{transition:none}.df-pane.df-animate{animation:none}.df-next:hover:not(:disabled),.df-result-cta:hover{transform:none}}