:root{--sfondo:#0f1720;--superficie:#1b2733;--testo:#f2f5f7;--tenue:#9fb0bf;--bordo:#2c3b4a;--entrata:#1f8a4c;--uscita:#a4453b;--attenzione:#d99518;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--sfondo);color:var(--testo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5;-webkit-text-size-adjust:100%}main{max-inline-size:34rem;margin-inline:auto;padding:1.5rem 1.25rem 3rem;min-block-size:100dvh}h1{font-size:1.6rem;margin-block:0 .5rem}p{margin-block:0 1rem;color:var(--tenue)}label{display:block;-webkit-margin-after:.4rem;margin-block-end:.4rem;font-weight:600}input,select{inline-size:100%;padding:.9rem 1rem;font-size:1.25rem;color:var(--testo);background:var(--superficie);border:2px solid var(--bordo);border-radius:.6rem}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6fb6ff;outline-offset:2px}input.codice{text-transform:uppercase;letter-spacing:.18em;font-size:1.6rem;text-align:center}button{inline-size:100%;min-block-size:3.5rem;padding:.9rem 1rem;font-size:1.2rem;font-weight:700;color:var(--testo);background:var(--superficie);border:2px solid var(--bordo);border-radius:.6rem;cursor:pointer}button[disabled]{opacity:.55}button.entrata{background:var(--entrata)}button.entrata,button.uscita{border-color:transparent;min-block-size:7rem;font-size:1.6rem}button.uscita{background:var(--uscita)}.pila>*+*{-webkit-margin-before:1rem;margin-block-start:1rem}.errore{padding:.9rem 1rem;border-radius:.6rem;background:#3a1f1c;border:1px solid var(--uscita);color:#ffd9d4}.stato{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:.6rem;background:var(--superficie);border:1px solid var(--bordo);font-size:1rem}.pallino{inline-size:.75rem;block-size:.75rem;border-radius:50%;flex:none}.pallino.inviato{background:var(--entrata)}.pallino.attesa{background:var(--attenzione)}.pallino.errore{background:var(--uscita)}ul.elenco{list-style:none;padding:0;margin:0}ul.elenco li{display:flex;align-items:center;gap:.75rem;padding-block:.75rem;-webkit-border-after:1px solid var(--bordo);border-block-end:1px solid var(--bordo)}ul.elenco .ora{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.lingue{display:flex;flex-wrap:wrap;gap:.5rem}.lingue button{inline-size:auto;flex:1 1 8rem;min-block-size:3rem;font-size:1rem}.lingue button[aria-pressed=true]{border-color:#6fb6ff}