:root{--pink:#f9a8d4;--pink-100:#fce7f3;--pink-200:#fbcfe8;--lav:#c7d2fe;--mint:#bbf7d0;--slate:#475569}
*{box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';}
.card{background:#fff;border:1px solid var(--pink-200);border-radius:16px;padding:16px;box-shadow:0 4px 12px rgba(249,168,212,.25);margin-bottom:16px}
.nav-link{color:#ef52a5;padding:.25rem .5rem;border-radius:9999px;border:1px solid transparent}
.nav-link:hover{border-color:var(--pink);background:var(--pink-100)}
.section-tile{display:block;text-align:center;background:var(--pink-100);color:#b91c1c;padding:.75rem;border-radius:12px;border:1px dashed var(--pink-200)}
.section-tile:hover{background:#fff}
.btn{background:linear-gradient(180deg,#fff,#fde2f1);border:1px solid var(--pink-200);padding:.5rem .9rem;border-radius:10px}
.btn-outline{background:#fff;border:1px solid var(--pink-200);padding:.5rem .9rem;border-radius:10px}
.btn-warn{background:#fff3cd;border:1px solid #facc15;padding:.5rem .9rem;border-radius:10px}
.input{border:1px solid #e2e8f0;border-radius:10px;padding:.5rem .75rem}
.q-img{max-width:100%;border-radius:12px;border:1px solid var(--pink-200);background:var(--pink-100)}
.choice{display:flex;gap:.5rem;align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.5rem .75rem}
.choice input{margin-top:.25rem}
.badge{display:inline-block;background:var(--mint);padding:.2rem .5rem;border-radius:999px;font-size:.75rem}
.hidden{display:none}