:root{--fundo: #141416;--painel: #1f1f22;--borda: #33333a;--texto: #ededed;--texto-suave: #a1a1aa;--acento: #4ade80;--alerta: #f87171;--raio: 12px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--fundo);color:var(--texto);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:manipulation}#app{max-width:520px;margin:0 auto;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.cartao{display:flex;flex-direction:column;gap:12px;background:var(--painel);border:1px solid var(--borda);border-radius:var(--raio);padding:20px 16px}.marca{font-size:1.6rem;margin:0;letter-spacing:-.02em}.subtitulo{color:var(--texto-suave);margin:0;font-size:.9rem}.ola{font-size:1.35rem;margin:0 0 4px}.mesa{font-size:2.6rem;margin:0 0 8px;letter-spacing:-.03em}label{font-size:.9rem;color:var(--texto-suave);margin-bottom:-6px}input{font:inherit;font-size:16px;min-height:50px;padding:10px 12px;border-radius:var(--raio);border:1px solid var(--borda);background:var(--fundo);color:var(--texto)}.botao{font:inherit;font-weight:600;min-height:52px;padding:12px 16px;border-radius:var(--raio);border:1px solid transparent;background:var(--acento);color:#0b2016;cursor:pointer}.botao:disabled{opacity:.5}.botao--grande{font-size:1.05rem}.botao--secundario{background:transparent;border-color:var(--borda);color:var(--texto)}.botao--texto{background:transparent;border-color:transparent;color:var(--texto-suave);min-height:44px}.recado{margin:0 0 12px;padding:12px 14px;border-radius:var(--raio);font-weight:600}.recado--erro{background:#3a1a1a;color:#fecaca}.recado--ok{background:#14301f;color:#bbf7d0}.cartao--camera{padding:12px}.camera{width:100%;aspect-ratio:3 / 4;object-fit:cover;background:#000;border-radius:var(--raio)}.dica{color:var(--texto-suave);margin:0;text-align:center}.dica--erro{color:var(--alerta)}.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pedido{display:flex;flex-direction:column;gap:6px;border:1px solid var(--borda);border-radius:var(--raio);padding:12px}.pedido--demorando{border-color:var(--alerta)}.pedido__topo{display:flex;justify-content:space-between;align-items:baseline}.pedido__valor{color:var(--texto-suave)}.pedido__quem{margin:0;color:var(--texto-suave);font-size:.9rem}.pedido__itens{margin:0 0 6px;font-size:.9rem}.item{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;border:1px solid var(--borda);border-radius:var(--raio);padding:10px 12px}.item--escolhido{border-color:var(--acento)}.item__nome{font-weight:600}.item__preco{color:var(--texto-suave);font-size:.9rem;grid-column:1}.passo{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;gap:4px}.passo__botao{font:inherit;font-size:1.2rem;width:44px;height:44px;border-radius:var(--raio);border:1px solid var(--borda);background:var(--fundo);color:var(--texto);cursor:pointer}.passo__qtd{min-width:24px;text-align:center;font-weight:600}.total{margin:4px 0 0;font-weight:700;font-size:1.1rem}.vazio,.carregando{color:var(--texto-suave);margin:0}.botao--pequeno{min-height:44px;padding:8px 14px;grid-row:1 / span 4;grid-column:2;align-self:center}input[type=search]{width:100%}.lista--cardapio{max-height:52vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.carrinho .item__preco{white-space:normal}.pago{color:var(--acento);font-size:2rem;font-weight:700;margin:24px 0;text-align:center}.fundo{position:fixed;inset:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;background:#0000;transition:background .25s ease}.fundo--aberto{background:#0009}.folha{width:100%;max-width:520px;max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:var(--painel);border:1px solid var(--borda);border-bottom:0;border-radius:20px 20px 0 0;padding:20px 16px calc(16px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .28s ease}.fundo--aberto .folha{transform:translateY(0)}.folha__valor{margin:0;font-size:2rem;letter-spacing:-.02em;text-align:center}.folha__titulo{margin:0;font-size:1.25rem}.qr{display:flex;justify-content:center}.qr__img{width:min(78vw,320px);height:auto;background:#fff;padding:8px;border-radius:var(--raio)}.grupo{display:flex;flex-direction:column;gap:8px}.grupo__nome{margin:0;font-weight:600}.grupo__opcional{color:var(--texto-suave);font-weight:400;font-size:.85rem}.fichas{display:flex;flex-wrap:wrap;gap:8px}.ficha{font:inherit;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid var(--borda);background:var(--fundo);color:var(--texto);cursor:pointer}.ficha--marcada{border-color:var(--acento);background:#14301f;color:#bbf7d0}@media(prefers-reduced-motion:reduce){.fundo,.folha{transition:none}}.item[hidden]{display:none}.abas{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.abas::-webkit-scrollbar{display:none}.abas[hidden]{display:none}.abas--apagadas{opacity:.4}.aba{flex:none;font:inherit;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--borda);background:var(--fundo);color:var(--texto);cursor:pointer}.aba--ativa{border-color:var(--acento);background:#14301f;color:#bbf7d0;font-weight:600}.sub{margin:10px 0 0;color:var(--texto-suave);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.item__nota{grid-column:1;color:var(--texto-suave);font-size:.8rem}.aviso{margin:0;color:#fde68a;font-size:.9rem}