.wrap{max-width:760px;margin:0 auto;padding:30px 20px 70px}
/* meta-barra stile vecchio-LEO: SEMPRE sai dove sei e perche' ti chiedo le cose */
.wz-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:13px 18px;margin-bottom:14px}
.wz-meta-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--leo-dk)}
.wz-meta-titolo{font-size:15px;font-weight:800;margin-top:3px}
.wz-meta-perche{font-size:12px;line-height:1.5;color:var(--muted);max-width:34ch;text-align:right}
@media(max-width:620px){.wz-meta{flex-direction:column;align-items:flex-start}.wz-meta-perche{text-align:left;max-width:none}}
.wz-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:30px 32px;box-shadow:0 10px 34px rgba(33,50,20,.08)}
.wz-bar{display:flex;gap:6px;margin-bottom:22px}
.wz-bar i{flex:1;height:6px;border-radius:99px;background:#e9ece6;transition:background .3s,transform .3s}
.wz-bar i.on{background:linear-gradient(90deg,var(--leo),var(--leo-dk))}
.wz-bar i.att{background:#e8a80c;transform:scaleY(1.3)}
.wz-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:none;font-size:16px;cursor:pointer;padding:5px;border-radius:8px;opacity:.7}
.wz-eye:hover{opacity:1}
.wz-hint{font-size:12px;color:var(--muted);margin:7px 2px 0}
.wz-err{display:none;background:#fde5e2;color:#a12315;border:1px solid rgba(161,35,21,.25);border-radius:11px;padding:11px 14px;font-size:13.5px;font-weight:600;margin:14px 0 0}
.wz-err.on{display:block}
.wz-alt{text-align:center;font-size:13px;color:var(--muted);margin-top:16px}
.wz-alt a{color:var(--leo-dk);font-weight:700}
.wz-emoji{font-size:38px}
.wz-card h1{font-size:24px;margin:8px 0 4px}
.wz-sotto{color:var(--muted);font-size:14px;margin:0 0 20px}
.wz-lab{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 8px}
.opts{display:flex;flex-wrap:wrap;gap:9px}
.opt{border:1.5px solid var(--border-hi);background:var(--card);border-radius:13px;padding:12px 17px;font:inherit;font-size:14px;font-weight:700;color:var(--text);cursor:pointer;transition:all .12s}
.opt:hover{border-color:var(--leo-dk)}
.opt.on{background:rgba(60,80,45,.12);border-color:var(--leo-dk);color:var(--leo-dk);box-shadow:0 3px 10px rgba(60,80,45,.18)}
/* scelte con la SPIEGAZIONE accanto (stile alimentare): righe piene, nome + una riga di
   parole di tutti i giorni. In pillole affiancate il testo sarebbe illeggibile. */
.opts.larghe{flex-direction:column;gap:9px}
.opt.larga{display:block;width:100%;box-sizing:border-box;text-align:left;padding:13px 16px}
.opt.larga b{display:block;font-size:14.5px;line-height:1.3}
.opt.larga small{display:block;margin-top:4px;font-size:12.4px;font-weight:600;line-height:1.45;color:var(--muted)}
.opt.larga.on small{color:var(--leo-dk);opacity:.92}
.num-row{display:flex;align-items:center;gap:10px}
.num-row input{width:130px;background:var(--bg,#f5f8f3);border:1.5px solid var(--border-hi);border-radius:12px;padding:13px 15px;font:inherit;font-size:17px;font-weight:700;outline:none}
.num-row input:focus{border-color:var(--leo-dk);background:var(--card)}
.num-row .un{font-size:13px;font-weight:700;color:var(--muted)}
.txt-row input{width:100%;box-sizing:border-box;background:var(--bg,#f5f8f3);border:1.5px solid var(--border-hi);border-radius:12px;padding:13px 15px;font:inherit;font-size:14.5px;outline:none}
.txt-row input:focus{border-color:var(--leo-dk);background:var(--card)}
.wz-nav{display:flex;align-items:center;gap:10px;margin-top:26px}
.wz-back{border:1.5px solid var(--border-hi);background:var(--card);border-radius:12px;padding:12px 18px;font:inherit;font-weight:700;color:var(--muted);cursor:pointer}
.wz-skip{margin-left:auto;border:none;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;text-decoration:underline}
.wz-go{margin-left:auto;background:linear-gradient(135deg,var(--leo),var(--leo-dk));color:#fff;border:none;border-radius:13px;padding:14px 30px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(60,80,45,.30)}
.wz-skip+.wz-go{margin-left:0}
.wz-go:disabled{opacity:.6;cursor:wait}
.wz-fine{text-align:center;padding:14px 0 4px}
.wz-fine .big{font-size:52px}
.wz-fine h2{margin:8px 0 6px}
.wz-fine p{color:var(--muted);font-size:14px}
.fab-box{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}
.fab-box .f{background:rgba(60,80,45,.08);border:1px solid var(--border);border-radius:12px;padding:12px 18px;text-align:center}
.fab-box .f b{display:block;font-size:19px}
.fab-box .f span{font-size:11.5px;color:var(--muted)}
/* pagina profilo */
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:720px){.pf-grid{grid-template-columns:1fr}}
.pf-sez{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px 22px}
.pf-sez.tutta{grid-column:1/-1}
.pf-sez h2{font-size:16px;margin:0 0 6px;display:flex;align-items:center;gap:8px}
.pf-salva{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(90px);background:linear-gradient(135deg,var(--leo),var(--leo-dk));color:#fff;border:none;border-radius:999px;padding:15px 34px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 14px 34px rgba(60,80,45,.4);transition:transform .25s;z-index:40}
.pf-salva.on{transform:translateX(-50%) translateY(0)}
#pfToast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(90px);background:#1a2114;color:#fff;border-radius:999px;padding:13px 26px;font-size:14px;font-weight:700;transition:transform .25s;z-index:41}
#pfToast.on{transform:translateX(-50%) translateY(0)}
.priv{border-color:rgba(179,54,42,.35)}
.priv a,.priv button{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--border-hi);background:var(--card);border-radius:11px;padding:10px 16px;font:inherit;font-size:13px;font-weight:700;color:var(--text);text-decoration:none;cursor:pointer;margin:6px 8px 0 0}
.priv .del{color:#b3362a;border-color:rgba(179,54,42,.4)}
.pf-hero{display:flex;align-items:center;gap:14px;margin:4px 0 18px}
.pf-hero .av{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--leo),var(--leo-dk));display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 8px 20px rgba(60,80,45,.3)}
.pf-hero h1{font-size:24px;margin:0}
.pf-hero p{margin:2px 0 0;color:var(--muted);font-size:13px}