:root{--sfondo:#f3f4f6;--carta:#fff;--testo:#1c2430;--tenue:#5b6575;--bordo:#d9dde3;
--accento:#123c69;--accento2:#0d2c4d;--errore:#a4262c;--erroresf:#fdecec;--ok:#1d6b3a;--oksf:#e8f5ec}
@media (prefers-color-scheme:dark){:root{--sfondo:#11151b;--carta:#1a2029;--testo:#e6e9ee;
--tenue:#a1aab8;--bordo:#2e3643;--accento:#6fa8dc;--accento2:#8dbbe6;--errore:#f08b8f;
--erroresf:#3a1d20;--ok:#7fd19b;--oksf:#173023}}
*{box-sizing:border-box}
body{margin:0;background:var(--sfondo);color:var(--testo);
font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
header{background:var(--accento);color:#fff;padding:18px 16px}
@media (prefers-color-scheme:dark){header{background:#0d2c4d}}
header .w{max-width:620px;margin:0 auto}
header .ente{font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
header h1{margin:2px 0 0;font-size:21px;font-weight:600}
main{max-width:620px;margin:24px auto;padding:0 16px}
.carta{background:var(--carta);border:1px solid var(--bordo);border-radius:10px;padding:22px}
label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}
input{width:100%;padding:11px 12px;font-size:17px;border:1px solid var(--bordo);border-radius:7px;
background:var(--carta);color:var(--testo);font-family:ui-monospace,Consolas,monospace}
input:focus{outline:2px solid var(--accento);outline-offset:1px}
button,.btn{display:inline-block;margin-top:20px;padding:12px 20px;font-size:16px;font-weight:600;
border:0;border-radius:7px;background:var(--accento);color:#fff;cursor:pointer;text-decoration:none}
@media (prefers-color-scheme:dark){button,.btn{color:#0d1117}}
button:hover,.btn:hover{background:var(--accento2)}
button.sec{background:transparent;color:var(--tenue);border:1px solid var(--bordo);margin-top:0;
padding:8px 14px;font-size:14px;font-weight:500}
.msg{padding:11px 14px;border-radius:7px;margin-bottom:16px;font-size:15px}
.err{background:var(--erroresf);color:var(--errore)}
.ok{background:var(--oksf);color:var(--ok)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0}
dt{color:var(--tenue);font-size:14px}
dd{margin:0;word-break:break-word}
.hash{font-family:ui-monospace,Consolas,monospace;font-size:12.5px}
.nota{color:var(--tenue);font-size:13.5px;margin-top:22px}
.riga{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
footer{max-width:620px;margin:0 auto 28px;padding:0 16px;color:var(--tenue);font-size:12.5px}
@media (max-width:480px){dl{grid-template-columns:1fr}dt{margin-top:6px}}