:root{--paper:#F4F5F2;--surface:#FFF;--sunk:#ECEEE9;--ink:#141E2B;--body:#2C3745;--muted:#67737F;
--line:#DCDFD9;--line2:#C3C8C0;--red:#A32B26;--blue:#2C5A80;--brass:#8C6F2E;--good:#2C6349;--warn:#8A6015;
--pa:#A32B26;--pb:#FFF;--pc:#2C5A80}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#101720;--surface:#18212C;--sunk:#141C25;
--ink:#EEF0EB;--body:#C0C8D1;--muted:#8492A0;--line:#26313E;--line2:#35414F;--red:#E2685E;--blue:#7FAED2;
--brass:#C7A458;--good:#6FBF97;--warn:#D6A748;--pa:#C4443C;--pb:#E6E9E4;--pc:#3F79A8}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--body);font-family:"Spectral",Georgia,serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,button,label,th,.mono,.tag,nav a{font-family:"Oswald","Helvetica Neue",Arial,sans-serif;font-weight:500}
h1{font-size:clamp(30px,5.5vw,52px);line-height:1.05;color:var(--ink);text-transform:uppercase;font-weight:600;margin:0}
h2{font-size:22px;color:var(--ink);text-transform:uppercase;letter-spacing:.02em;margin:0 0 10px}
h3{font-size:17px;color:var(--ink);margin:0 0 6px}
p{margin:0 0 14px}
a{color:var(--blue)}
.mono,.num{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.pole{height:10px;background:repeating-linear-gradient(115deg,var(--pa) 0 10px,var(--pb) 10px 20px,var(--pc) 20px 30px,var(--pb) 30px 40px);background-size:40px 100%;animation:roll 3.2s linear infinite}
@keyframes roll{to{background-position:40px 0}}
@media (prefers-reduced-motion:reduce){.pole{animation:none}}
.wrap{max-width:960px;margin:0 auto;padding:0 20px 80px}
.card{background:var(--surface);border:1px solid var(--line);padding:20px}
button,.btn{font-size:15px;letter-spacing:.03em;text-transform:uppercase;padding:12px 20px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;transition:opacity .15s}
button:hover{opacity:.85}
button.ghost{background:transparent;color:var(--ink)}
button.sm{padding:6px 12px;font-size:12.5px}
button:disabled{opacity:.4;cursor:not-allowed}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 5px}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);font:inherit;font-size:15px}
textarea{font-family:"IBM Plex Mono",monospace;font-size:13.5px;line-height:1.55;min-height:150px}
.campo{margin-bottom:14px}
.linha{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.aviso{padding:12px 14px;border-left:4px solid var(--red);background:var(--sunk);font-size:14.5px;margin-bottom:14px}
.aviso.ok{border-color:var(--good)}
.tag{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border:1px solid currentColor}
.tag.ok{color:var(--good)}.tag.warn{color:var(--warn)}.tag.bad{color:var(--red)}.tag.mut{color:var(--muted)}
.scroll{overflow-x:auto;border:1px solid var(--line);background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}
th{font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);text-align:left;padding:10px 12px;background:var(--sunk);border-bottom:1px solid var(--line2);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
.muted{color:var(--muted);font-size:14px}
.dica{border-left:3px solid var(--brass);padding:2px 0 2px 14px;margin:0 0 18px;font-size:14.5px;color:var(--muted)}
.dica b{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;color:var(--brass);display:block}