:root{font:16px system-ui;color-scheme:light dark}body{margin:0;padding:2rem}main{max-width:26rem;margin:5vh auto}label{display:block;margin:1rem 0}input{display:block;box-sizing:border-box;width:100%;margin-top:.4rem;padding:.7rem;font:inherit}button{padding:.7rem 1rem;font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}#stato{min-height:3rem;line-height:1.5}
/* Invite acceptance page (invito-prova.html): three numbered steps, one active at a time. */
main[data-invito]{max-width:34rem}main[data-invito] h1{font-size:1.5rem;margin:0 0 .5rem}.passi{list-style:none;margin:1.5rem 0;padding:0}.passo{border:1px solid rgba(128,128,128,.45);border-radius:.6rem;padding:.8rem 1rem;margin:.6rem 0;opacity:.6}.passo.attivo{opacity:1;border-color:currentColor}.passo.fatto{opacity:.85}.passo h2{font-size:1.05rem;margin:0;display:flex;gap:.6rem;align-items:center}.numero{display:inline-grid;place-items:center;flex:none;width:1.7rem;height:1.7rem;border-radius:50%;background:CanvasText;color:Canvas;font-size:.9rem}.passo:not(.attivo)>:not(h2){display:none}.passo label:first-of-type{margin-top:1rem}.azioni{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}.nota{margin:.8rem 0 0}button.link{background:none;border:0;padding:0;color:LinkText;text-decoration:underline;cursor:pointer;font:inherit}.fine{border:1px solid currentColor;border-radius:.6rem;padding:1rem}a.bottone{display:inline-block;padding:.7rem 1rem;border:1px solid currentColor;border-radius:.4rem;text-decoration:none;color:inherit}#invito-stato{min-height:3rem;line-height:1.5}#invito-stato.errore{color:#d32f2f}