:root{--amarelo:#fc0;--amarelo-claro:#ffe066;--preto:#000;--bloco:#1c1c1c;--bloco-claro:#2a2a2a;--branco:#fff;--cinza:#9a9a9a;--erro:#f64}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--preto);color:var(--branco);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;gap:10px;max-width:480px;height:100dvh;margin:0 auto;padding:8px;display:flex}header{justify-content:space-between;align-items:center;gap:10px;display:flex}header h1{color:var(--amarelo);font-size:1.8rem;line-height:1.1}.seletor{background:var(--bloco);color:var(--branco);appearance:none;text-align:center;border:none;border-radius:10px;flex-shrink:0;max-width:130px;padding:8px;font-size:1rem;font-weight:700}.card{background:var(--preto);border-radius:14px;flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.aviso{text-align:center;color:var(--cinza);margin:auto;padding:0 16px;font-size:.95rem}.linha{background:var(--bloco);border-radius:10px;grid-template-columns:1fr auto;grid-template-areas:"cargo cargo""numero resultado";align-items:center;gap:6px 10px;padding:8px;display:grid}.linha.legenda{background:var(--bloco-claro)}.linha.indisponivel{background:var(--bloco-claro);opacity:.75}.nota{color:var(--cinza);white-space:nowrap;font-size:.75rem;font-weight:600}.cargo{text-transform:uppercase;letter-spacing:.03em;color:var(--cinza);grid-area:cargo;font-size:.8rem;font-weight:800}.numero{grid-area:numero;align-items:center;gap:8px;display:flex}.trava{background:var(--bloco-claro);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;width:28px;height:36px;font-size:1.1rem}.trava.travado{background:var(--amarelo)}.caixas{gap:4px;display:flex}.digito{text-align:center;font-variant-numeric:tabular-nums;background:var(--bloco-claro);width:28px;height:36px;color:var(--amarelo);caret-color:var(--amarelo);border:none;border-radius:6px;font-family:ui-monospace,Cascadia Mono,Courier New,monospace;font-size:1.3rem;font-weight:700}.digito:disabled{opacity:.85}.badge{background:var(--amarelo);color:var(--preto);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700}.resultado{text-align:right;grid-area:resultado;justify-content:flex-end;align-items:center;gap:8px;max-width:150px;font-size:.85rem;font-weight:700;display:flex}.resultado img{object-fit:cover;object-position:top;border-radius:50%;width:48px;height:48px}.erro{color:var(--erro);font-size:.78rem}.acoes{align-items:stretch;gap:10px;display:flex}.buscar{background:var(--amarelo);color:var(--preto);cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px;font-size:1rem;font-weight:800}.buscar:disabled{opacity:.5;cursor:default}.buscar:not(:disabled):active{background:var(--amarelo-claro)}.compartilhar{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;display:flex}.copiado{font-size:1.25rem;font-weight:800}.compartilhar:disabled{opacity:.5;cursor:default}