:root {
  --viola: #6B4FA0; --viola-scuro: #4b3577; --fondo: #faf8fd; --testo: #1f1b29; --tenue: #5d5670;
  --bordo: #ddd6ea; --bianco: #fff;
}
@media (prefers-color-scheme: dark) {
  :root { --fondo: #16131d; --testo: #efeaf7; --tenue: #b3abc4; --bordo: #3a3348; --bianco: #221d2c; --viola-scuro: #b9a3e3; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--fondo); color: var(--testo); font: 17px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main, footer { max-width: 34rem; margin: 0 auto; padding: 1.5rem 1rem; }
h1 { font-size: 1.7rem; line-height: 1.2; margin: .3rem 0 .6rem; }
h2 { font-size: 1.05rem; margin: 0 0 .3rem; }
a { color: var(--viola-scuro); }
.occhiello { font-size: 1rem; color: var(--tenue); margin: 0; }
.emoji { font-size: 2.6rem; margin: 0; line-height: 1; }
.sotto { color: var(--tenue); }
.pulsanti { display: grid; gap: .75rem; margin-top: 1.2rem; }
.pulsante, button, .scelte button {
  display: block; width: 100%; padding: .85rem 1rem; border: 0; border-radius: .7rem; cursor: pointer;
  background: var(--viola); color: #fff; font: inherit; font-weight: 600; text-align: center; text-decoration: none;
}
.pulsante:hover, button:hover { filter: brightness(1.08); }
button:disabled { opacity: .55; cursor: default; }
.scelte { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.scelte button { background: var(--bianco); color: var(--testo); border: 1px solid var(--bordo); }
.modulo { display: grid; gap: .5rem; margin-top: 1rem; }
.modulo label { font-weight: 600; }
.modulo .casella { font-weight: 400; display: flex; gap: .5rem; align-items: flex-start; margin: .4rem 0; }
.casella input { margin-top: .35rem; }
input[type=email], select { width: 100%; padding: .7rem; font: inherit; border: 1px solid var(--bordo); border-radius: .5rem; background: var(--bianco); color: var(--testo); }
.facoltativo { font-weight: 400; color: var(--tenue); }
.trappola { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.nota { font-size: .9rem; color: var(--tenue); }
.esito { font-weight: 600; min-height: 1.5em; }
.avviso { border-left: 4px solid var(--viola); padding: .6rem .9rem; background: var(--bianco); border-radius: .3rem; }
.kit { padding-left: 0; list-style: none; display: grid; gap: 1rem; }
.kit li { background: var(--bianco); border: 1px solid var(--bordo); border-radius: .6rem; padding: .9rem; break-inside: avoid; }
.kit code { font-size: .85rem; color: var(--tenue); }
.risposta { margin: 0; }
footer { font-size: .85rem; color: var(--tenue); border-top: 1px solid var(--bordo); }
@media print { footer, .pulsante { display: none; } body { background: #fff; color: #000; } .kit li { border-color: #999; } }