:root{
  --asfalto:#1d2126; --asfalto-2:#2a3038; --asfalto-3:#3a424c;
  --carta:#f4f2ee; --carta-2:#ebe8e2; --bianco:#fffefc;
  --inchiostro:#1d2126; --grigio:#5d6670; --linea:#d9d5cd;
  --segnale:#f2b705; --segnale-scuro:#7a5a00; --segnale-chiaro:#fdf3cf;
  --verde:#2a7247; --verde-chiaro:#e3f1e8; --rosso:#b0352a; --rosso-chiaro:#f8e3e0;
  --blu:#2d5d8a; --blu-chiaro:#e2ebf4;
  --r:10px; --ombra:0 2px 10px rgba(29,33,38,.08),0 1px 2px rgba(29,33,38,.06);
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Barlow,system-ui,sans-serif;background:var(--carta);color:var(--inchiostro);font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}
::selection{background:var(--segnale);color:var(--asfalto)}
:focus-visible{outline:3px solid var(--segnale);outline-offset:2px}
button{font:inherit;cursor:pointer}
button:disabled{opacity:.5;cursor:default}
.num{font-variant-numeric:tabular-nums}
h1,h2,h3{font-family:"Barlow Condensed",Barlow,sans-serif;letter-spacing:.005em;margin:0;text-wrap:balance}
svg.i{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
[hidden]{display:none!important}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#c9c4ba;border-radius:10px;border:2px solid transparent;background-clip:padding-box}

label{font-weight:600;font-size:14px;display:block;margin-bottom:6px}
input[type=password],input[type=text],select,textarea{font:inherit;color:inherit;border:1.5px solid var(--linea);border-radius:10px;padding:10px 12px;background:var(--carta);width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--asfalto);background:#fff}
textarea{resize:vertical;caret-color:var(--segnale-scuro)}
.btn{border:0;border-radius:10px;padding:10px 16px;font-weight:700;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.btn.giallo{background:var(--segnale);color:var(--asfalto)}
.btn.giallo:hover:not(:disabled){background:#ffc61a}
.btn.scuro{background:var(--asfalto);color:#fff}
.btn.chiaro{background:var(--carta-2);color:var(--inchiostro)}
.btn.chiaro:hover:not(:disabled){background:var(--linea)}
.btn.rosso{background:var(--rosso-chiaro);color:var(--rosso)}
.btn.piccolo{padding:6px 10px;font-size:13px}
.nota{font-size:13px;color:var(--grigio);margin:8px 0 0}
.avviso{display:flex;gap:8px;align-items:flex-start;padding:10px 14px;border-radius:10px;font-size:14px}
.avviso.err{background:var(--rosso-chiaro);color:var(--rosso)}
.avviso.att{background:var(--segnale-chiaro);color:var(--segnale-scuro)}
.puntini span{display:inline-block;width:6px;height:6px;margin:0 1px;border-radius:50%;background:currentColor;animation:p 1.2s infinite}
.puntini span:nth-child(2){animation-delay:.15s}.puntini span:nth-child(3){animation-delay:.3s}
@keyframes p{0%,60%,100%{opacity:.25}30%{opacity:1}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* testo dei messaggi del facilitatore */
.md p{margin:0 0 8px}.md p:last-child{margin:0}
.md strong{font-weight:700}
.md .sez{display:block;font-family:"Barlow Condensed";font-weight:700;letter-spacing:.05em;font-size:15px;color:var(--segnale-scuro);margin:12px 0 2px}
.md .sez:first-child{margin-top:0}