:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fondo:#fff;--pannello:#f7f8fa;--bordo:#e3e6ea;--testo:#1a1d21;--tenue:#6b7280;--accento:#2f5c99;--bolla-bot:#f1f3f5;--bolla-io:#e3edfb;--ok:#1f7a4d;--errore:#b3261e;--avviso:#9a6700}*{box-sizing:border-box}html,body{background:var(--fondo);height:100%;color:var(--testo);margin:0;padding:0;font:16px/1.55 system-ui,sans-serif}body{flex-direction:column;display:flex;overflow:hidden}.testata{border-bottom:1px solid var(--bordo);flex:none;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.testata a{color:var(--tenue);text-decoration:none}.testata a:hover{color:var(--accento)}.testata .chi{color:var(--tenue);margin-left:auto;font-size:.875rem}.testata button.esci{color:var(--tenue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.guscio{flex:1;grid-template-columns:15rem minmax(0,1fr) 20rem;min-height:0;display:grid}.guscio>*{min-height:0;overflow-y:auto}.lato{background:var(--pannello);flex-direction:column;display:flex}.lato.sinistra{border-right:1px solid var(--bordo)}.lato.destra{border-left:1px solid var(--bordo)}.lato h2{text-transform:uppercase;letter-spacing:.06em;color:var(--tenue);margin:0;padding:.9rem 1rem .5rem;font-size:.7rem;font-weight:600}.nuova{border:1px solid var(--bordo);background:var(--fondo);color:var(--accento);font:inherit;cursor:pointer;text-align:left;border-radius:.5rem;flex:none;margin:.9rem 1rem .3rem;padding:.6rem .9rem;font-weight:600}.nuova:hover{border-color:var(--accento)}.storico{margin:0;padding:0 .6rem 1rem;list-style:none}.storico li{margin-bottom:.2rem;position:relative}.storico .voce{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.45rem;padding:.5rem .6rem;display:block;overflow:hidden}.storico .voce:hover{background:#eceff3}.storico .voce.attiva{background:#e3edfb}.storico .titolo{white-space:nowrap;text-overflow:ellipsis;padding-right:1.25rem;font-size:.875rem;display:block;overflow:hidden}.storico .quando{color:var(--tenue);font-size:.72rem;display:block}.cancella{cursor:pointer;width:auto;color:var(--tenue);opacity:0;pointer-events:none;background:0 0;border:0;border-radius:.3rem;justify-content:center;align-items:center;padding:.15rem .35rem;font-size:.85rem;line-height:1;transition:opacity .12s;display:inline-flex;position:absolute;top:.25rem;right:.25rem}.storico li:hover .cancella,.cancella:focus-visible{opacity:1;pointer-events:auto}.cancella:hover{color:var(--errore);background:#f6d7d5}@media (hover:none){.cancella{opacity:.6;pointer-events:auto}}.vuoto{color:var(--tenue);padding:0 1rem;font-size:.82rem}.centro{flex-direction:column;display:flex;overflow:hidden!important}.conversazione{flex-direction:column;flex:1;gap:.6rem;padding:1.25rem;display:flex;overflow-y:auto}.riga{white-space:pre-wrap;border-radius:.8rem;max-width:min(42rem,85%);padding:.6rem .9rem}.riga.bot{background:var(--bolla-bot);align-self:flex-start}.riga.io{background:var(--bolla-io);align-self:flex-end}.riga.sistema{color:var(--tenue);background:0 0;align-self:center;max-width:100%;font-size:.8rem;font-style:italic}form.scrivi{border-top:1px solid var(--bordo);flex:none;gap:.5rem;padding:1rem;display:flex}form.scrivi input{border:1px solid var(--bordo);background:var(--fondo);color:inherit;font:inherit;border-radius:.6rem;flex:1;padding:.7rem .9rem}form.scrivi input:focus{outline:2px solid var(--bolla-io);border-color:var(--accento)}button.principale{background:var(--accento);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:.6rem;padding:.7rem 1.2rem}button.principale:disabled{opacity:.45;cursor:default}.trace{padding:0 .75rem 1rem}.evento{border:1px solid var(--bordo);border-left:3px solid var(--tenue);background:var(--fondo);border-radius:.45rem;margin-bottom:.4rem;padding:.5rem .6rem;font-size:.8rem}.evento.ok{border-left-color:var(--ok)}.evento.errore{border-left-color:var(--errore)}.evento.saltato{border-left-color:var(--avviso)}.evento.passo{border-left-color:var(--accento)}.evento .che{word-break:break-word;font-weight:600;display:block}.evento .dettaglio{color:var(--tenue);margin-top:.15rem;display:block}.evento .durata{float:right;color:var(--tenue);font-variant-numeric:tabular-nums}.centro.voce{justify-content:center;align-items:center;gap:.5rem;padding:2rem}.faccia{aspect-ratio:1;object-fit:cover;background:#000;border-radius:1rem;width:min(20rem,70vw);margin-bottom:1rem}.livello{background:var(--bordo);border-radius:2px;width:min(22rem,80vw);height:4px;margin-top:1rem}.livello>div{background:var(--ok);border-radius:2px;width:0;height:100%;transition:width .1s}.stato{color:var(--tenue);text-align:center;min-height:2rem;margin-top:1rem}.ingresso{flex:1;place-items:center;padding:2rem;display:grid}.scatola{width:min(30rem,90vw)}.scatola h1{margin:0 0 .25rem;font-size:1.5rem}.scatola .sotto{color:var(--tenue);margin:0 0 2rem}.scelta{text-align:left;border:1px solid var(--bordo);background:var(--pannello);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:.6rem;margin-bottom:.75rem;padding:1rem 1.25rem;text-decoration:none;display:block}.scelta:hover{border-color:var(--accento);background:#eceff3}.scelta b{display:block}.scelta span{color:var(--tenue);font-size:.875rem}dialog.dialogo{width:min(24rem,92vw);box-shadow:0 1.5rem 3rem #1018282e, 0 0 0 1px var(--bordo);background:var(--fondo);color:var(--testo);border:0;border-radius:1rem;padding:0}dialog.dialogo::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10182873}@media (prefers-reduced-motion:no-preference){dialog.dialogo[open]{animation:.16s ease-out entra}@keyframes entra{0%{opacity:0;transform:translateY(.5rem)scale(.98)}}}.dialogo .dentro{padding:1.5rem}.dialogo h2{margin:0 0 .35rem;font-size:1.15rem}.dialogo .spiega{color:var(--tenue);margin:0 0 1.25rem;font-size:.9rem}.dialogo .numero{text-align:center;background:var(--pannello);border:1px solid var(--bordo);-webkit-user-select:all;user-select:all;font-variant-numeric:tabular-nums;border-radius:.6rem;padding:.9rem;font-size:1.6rem;font-weight:600}.dialogo .azioni{gap:.5rem;margin-top:1.25rem;display:flex}.dialogo .azioni button{font:inherit;cursor:pointer;border-radius:.55rem;flex:1;padding:.65rem 1rem}.dialogo .secondario{border:1px solid var(--bordo);background:var(--fondo);color:var(--testo)}.dialogo .secondario:hover{border-color:var(--accento)}.dialogo .primario{background:var(--accento);color:#fff;border:0}.dialogo .pericolo{background:var(--errore);color:#fff;border:0}.dialogo .esito{min-height:1.2rem;color:var(--ok);text-align:center;margin:.6rem 0 0;font-size:.82rem}@media (max-width:60rem){.guscio{grid-template-columns:1fr}.lato{display:none}}