:root { --blu: #123F78; --testo: #1d2733; --tenue: #5b6878; --fondo: #f3f6fa; }
html, body { margin: 0; background: var(--fondo); color: var(--testo); font: 17px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 560px; margin: 0 auto; padding: 16px; box-sizing: border-box; }
h1 { color: var(--blu); font-size: 1.5rem; margin: .4rem 0; }
.tenue { color: var(--tenue); }
.piccolo { font-size: .85rem; }
video, img { width: 100%; border-radius: 12px; background: #000; margin: .6rem 0; }
.esito { padding: .8rem 1rem; border-radius: 10px; background: #e8eef5; font-weight: 600; overflow-wrap: anywhere; }
.esito.ok { background: #e3f4ec; color: #1e6b47; }
.esito.no { background: #fbe6e4; color: #8f2a20; }
button { width: 100%; margin-top: .8rem; padding: .9rem; font: inherit; font-weight: 700; color: #fff; background: var(--blu); border: 0; border-radius: 12px; }
button:disabled { opacity: .5; }
[hidden] { display: none !important; }