:root{--ink:#0b0b0e;--bone:#f2f0e9;--volt:#c8ff3d;--volt-dim:#9bcc1e;--graphite:#5b5b63;--graphite-border:rgba(91,91,99,0.4);--surface-1:#111116;--sucesso:#1d9e75;--erro:#d85a30;--font-display:"Space Grotesk",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--radius-card:16px;--radius-pill:999px}*{box-sizing:border-box}[hidden]{display:none!important}body,html{margin:0;height:100%;background:var(--ink);color:var(--bone);font-family:var(--font-display);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.tela{height:100%;display:flex;align-items:center;justify-content:center;padding:28px 24px;overflow-y:auto}.cena{margin:auto 0;display:none;width:100%;max-width:720px;flex-direction:column;gap:22px}.cena[data-ativa]{display:flex;animation:entra .22s ease both}.cena--centro{align-items:center;text-align:center}@keyframes entra{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cena-topo{display:flex;flex-direction:column;gap:8px}.titulo{font-size:clamp(28px,4.6vw,42px);font-weight:500;line-height:1.1;letter-spacing:-.03em;margin:0}.titulo--nome{color:var(--volt)}.apoio{font-size:clamp(16px,2.1vw,20px);line-height:1.45;color:var(--graphite);margin:0}.apoio--grande{font-size:clamp(18px,2.4vw,23px);color:var(--bone);max-width:34ch}.kicker{font-size:11px;letter-spacing:.16em}.kicker,.rotulo{font-family:var(--font-mono);text-transform:uppercase;color:var(--graphite)}.rotulo{font-size:10px;letter-spacing:.14em;margin-bottom:4px}.max,.rotulo{display:block}.max{color:var(--volt)}.max--grande{width:104px;height:104px}.max--medio{width:72px;height:72px}.pulsando{animation:pulso 1.4s ease-in-out infinite}@keyframes pulso{0%,to{opacity:1}50%{opacity:.35}}.repouso-alvo{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px}.repouso-nome{font-size:clamp(52px,9vw,84px);font-weight:700;letter-spacing:-.04em;line-height:1}.repouso-sub{font-size:clamp(18px,2.4vw,24px);color:var(--bone);margin-top:6px}.repouso-clinica{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--graphite);margin-top:18px}.repouso-clinica,.visor{font-family:var(--font-mono)}.visor{font-size:clamp(30px,5.4vw,48px);letter-spacing:.06em;text-align:center;padding:18px 12px;border-bottom:2px solid var(--graphite-border);min-height:1.6em;word-break:break-all}.visor--cheio{color:var(--volt);border-bottom-color:var(--volt)}.numero-grande{font-family:var(--font-mono);font-size:clamp(34px,6vw,54px);color:var(--volt);letter-spacing:.06em;margin:6px 0 2px}.saldo{font-size:clamp(64px,12vw,110px);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--volt);margin:6px 0 10px}.teclado{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.tecla{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:clamp(24px,3.4vw,32px);font-weight:500;color:var(--bone);background:var(--surface-1);border:.5px solid var(--graphite-border);border-radius:var(--radius-card);min-height:76px;cursor:pointer;transition:background .12s ease,transform .06s ease}.tecla:active{background:var(--volt);color:var(--ink);transform:scale(.97)}.tecla--acao{font-size:clamp(15px,2vw,18px);color:var(--graphite)}.tecla--ok{background:var(--volt);color:var(--ink);border-color:var(--volt);font-weight:700}.tecla--ok:disabled{background:var(--surface-1);color:var(--graphite);border-color:var(--graphite-border);cursor:default}.acoes{display:flex;flex-direction:column;gap:12px;width:100%;max-width:460px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:clamp(18px,2.3vw,22px);font-weight:500;border-radius:var(--radius-pill);min-height:68px;padding:0 28px;cursor:pointer;transition:transform .06s ease,opacity .12s ease}.btn:active{transform:scale(.98)}.btn--primario{background:var(--volt);color:var(--ink);border:none;font-weight:700}.btn--fantasma{background:transparent;color:var(--graphite)}.btn--fantasma,.cartao{border:.5px solid var(--graphite-border)}.cartao{background:var(--surface-1);border-radius:var(--radius-card);padding:26px 24px;display:flex;flex-direction:column;gap:10px;align-items:center;width:100%;max-width:560px}.cartao--saldo{border-color:rgba(200,255,61,.35)}.cartao--nota{border-color:var(--graphite-border);font-size:16px;color:var(--graphite)}.linha-info{gap:32px;flex-wrap:wrap;margin-top:8px;font-size:clamp(17px,2.2vw,21px)}.linha-info,.selo-atencao,.selo-ok{display:flex;justify-content:center}.selo-atencao,.selo-ok{width:92px;height:92px;border-radius:var(--radius-pill);align-items:center}.selo-ok{background:rgba(29,158,117,.15);color:var(--sucesso)}.selo-ok svg{width:56px;height:56px}.selo-atencao{background:rgba(216,90,48,.15);color:var(--erro);font-size:52px;font-weight:700}.erro-inline{color:var(--erro);font-size:16px;text-align:center;min-height:20px}.barra{width:100%;max-width:320px;height:5px;background:var(--surface-1);overflow:hidden}.barra,.barra-fill{border-radius:var(--radius-pill)}.barra-fill{height:100%;width:30%;background:var(--volt);animation:desliza 1.1s ease-in-out infinite}@keyframes desliza{0%{transform:translateX(-110%)}to{transform:translateX(360%)}}.reset-aviso{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite)}.demo{position:fixed;right:14px;bottom:14px;z-index:90;font-size:13px}.demo-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:transparent;color:var(--graphite);border:.5px solid var(--graphite-border);border-radius:var(--radius-pill);padding:7px 14px;cursor:pointer}.demo-corpo{position:absolute;right:0;bottom:40px;width:290px;background:var(--surface-1);border:.5px solid var(--graphite-border);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;gap:9px}.demo-titulo{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);margin-top:4px}.demo-lista{display:flex;flex-direction:column;gap:5px}.demo-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;background:transparent;color:var(--bone);border:.5px solid var(--graphite-border);border-radius:10px;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer;line-height:1.35}.demo-item:hover{border-color:var(--volt)}.demo-item span{display:block;color:var(--graphite);font-size:10.5px}.demo-check{display:flex;align-items:center;gap:8px;color:var(--bone);font-size:12px;cursor:pointer}.demo-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:12px;background:transparent;border:.5px solid var(--graphite-border);border-radius:var(--radius-pill);padding:8px 12px;cursor:pointer}.demo-btn,.demo-nota{color:var(--graphite)}.demo-nota{font-size:10.5px;line-height:1.4;margin:4px 0 0}@media (max-height:720px){.tecla{min-height:60px}.btn{min-height:58px}.max--grande{width:76px;height:76px}.repouso-alvo{padding:20px}}.int{min-height:100vh;padding:26px clamp(16px,4vw,42px) 60px;max-width:1080px;margin:0 auto}.int-topo{justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:var(--border-hairline,.5px) solid var(--graphite-border);margin-bottom:26px}.int-marca,.int-topo{display:flex;align-items:center}.int-marca{gap:10px}.int-marca svg{width:30px;height:30px;color:var(--volt)}.int-marca b{font-size:17px;font-weight:700;letter-spacing:-.02em}.int-marca span{color:var(--volt)}.int-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.int-link{font-size:13px;color:var(--graphite);border:.5px solid var(--graphite-border);border-radius:var(--radius-pill);padding:7px 14px;text-decoration:none}.int-link:hover{color:var(--bone);border-color:var(--volt)}.int-link[data-ativo]{color:var(--ink);background:var(--volt);border-color:var(--volt)}.int-h1{font-size:26px;font-weight:500;letter-spacing:-.03em;margin:0 0 4px}.int-sub{font-size:14px;margin:0 0 22px}.int-h2,.int-sub{color:var(--graphite)}.int-h2{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:30px 0 12px}.int-card{background:var(--surface-1);border:.5px solid var(--graphite-border);border-radius:var(--radius-card);padding:18px 20px;margin-bottom:12px}.int-tabela{display:flex;flex-direction:column;gap:6px}.int-linha{display:grid;grid-gap:12px;gap:12px;align-items:center;padding:12px 16px;border:.5px solid var(--graphite-border);border-radius:12px;font-size:14px;background:var(--surface-1)}.int-linha--cab{background:transparent;border:none;padding:0 16px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--graphite)}.int-nome{font-weight:500}.int-fraco{color:var(--graphite);font-size:12.5px}.int-selo{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-pill);border:.5px solid}.int-selo--ok{color:var(--sucesso)}.int-selo--fila{color:var(--status-info,#3e8dd6)}.int-selo--erro{color:var(--erro)}.int-selo--neutro{color:var(--graphite)}.int-alerta{border:.5px solid rgba(216,90,48,.5);background:rgba(216,90,48,.08);border-radius:var(--radius-card)}.int-alerta,.int-aviso{padding:14px 18px;font-size:14px;margin-bottom:12px}.int-aviso{border:.5px solid rgba(200,255,61,.4);background:rgba(200,255,61,.06);border-radius:var(--radius-card)}.int-vazio{color:var(--graphite);font-size:14px;padding:26px 18px;text-align:center;border:.5px dashed var(--graphite-border);border-radius:var(--radius-card)}.int-form{gap:12px;max-width:420px}.int-campo,.int-form{display:flex;flex-direction:column}.int-campo{gap:6px}.int-campo label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--graphite)}.int-campo input,.int-campo select{font:inherit;font-size:15px;background:var(--ink);color:var(--bone);border:.5px solid var(--graphite-border);border-radius:10px;padding:11px 13px}.int-campo input:focus,.int-campo select:focus{outline:none;border-color:var(--volt)}.int-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:14px;font-weight:500;background:var(--volt);color:var(--ink);border:none;border-radius:var(--radius-pill);padding:11px 20px;cursor:pointer}.int-btn--fantasma{background:transparent;color:var(--graphite);border:.5px solid var(--graphite-border)}.int-btn--fantasma:hover{color:var(--bone);border-color:var(--volt)}.int-btn:disabled{opacity:.5;cursor:default}.int-erro{color:var(--erro);font-size:13px}.int-ok{color:var(--sucesso);font-size:13px}.int-entrar{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.int-entrar .int-card{width:100%;max-width:400px;padding:30px 28px}@media (max-width:720px){.int-linha{grid-template-columns:1fr!important;gap:4px}.int-linha--cab{display:none}}.passos{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%;max-width:460px;text-align:left}.passo{display:flex;align-items:flex-start;gap:14px;font-size:clamp(16px,2vw,19px);color:var(--graphite);transition:color .2s ease}.passo-marca{flex:none;width:30px;height:30px;border-radius:var(--radius-pill);border:2px solid var(--graphite-border);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;margin-top:1px}.passo--rodando{color:var(--bone)}.passo--rodando .passo-marca{border-color:var(--volt);border-top-color:transparent;animation:passo-girar .8s linear infinite}@keyframes passo-girar{to{transform:rotate(1turn)}}.passo--ok{color:var(--bone)}.passo--ok .passo-marca{border-color:var(--sucesso);background:var(--sucesso);color:var(--ink)}.passo--erro{color:var(--erro)}.passo--erro .passo-marca{border-color:var(--erro);background:var(--erro);color:var(--bone)}.passo-texto{display:flex;flex-direction:column;gap:3px;padding-top:3px}.passo-detalhe{font-size:13px;color:var(--erro);opacity:.85}.selo-teste{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--status-atencao,#c8ff3d);border-radius:var(--radius-pill);padding:8px 16px;margin-top:-4px}