.quiz{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;margin:12px 0}
.quiz h3{margin:0 0 8px}
.q-step{display:none}
.q-step.active{display:block}
.q-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.q-opts button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;cursor:pointer}
.q-opts button:hover{border-color:#7dd3fc;background:#f8feff}
.q-progress{height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin:10px 0}
.q-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#f59e0b,#facc15,#fde68a)}
.q-nav{display:flex;justify-content:space-between;gap:10px;margin-top:10px}
.q-nav button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}
.q-result{display:none;border:1px dashed #f1c40f;background:#fff7e6;border-radius:14px;padding:12px;margin-top:10px}
.q-badge{display:inline-block;border:1px solid #f1c40f;background:#fff; padding:4px 10px;border-radius:999px;margin-right:6px}
.q-note{color:#64748b;font-size:.9rem;margin-top:6px}
/* 祝アニメ（簡易コンフェッティ） */
.confetti{position:fixed;inset:0;pointer-events:none;z-index:80}
.confetti i{position:absolute;width:8px;height:8px;opacity:.9;border-radius:2px;animation:fall 1.8s linear forwards}
@keyframes fall{to{transform:translateY(100vh) rotate(600deg);opacity:.2}}