:root{--bg: #eef3f6;--surface: #ffffff;--surface-2: #f6f9fb;--fg: #16232b;--muted: #5b6b75;--line: #d8e2e8;--accent: #d1243c;--accent-fg: #ffffff;--honey: #f0a500;--honey-soft: #fff3d6;--ok: #1f7a4d;--ok-soft: #e1f3e9;--info: #1f5f9e;--info-soft: #e3eef9;--font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Bricolage Grotesque", "Atkinson Hyperlegible", system-ui, sans-serif;--nav-h: 64px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0f171c;--surface: #18232a;--surface-2: #1e2b33;--fg: #e8f0f4;--muted: #9db0bb;--line: #2b3a43;--accent: #ff5468;--accent-fg: #160a0c;--honey: #ffc24a;--honey-soft: #3a2f12;--ok: #5fd39a;--ok-soft: #14301f;--info: #7ab8ff;--info-soft: #152a40;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.4;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--info);outline-offset:2px}.app{max-width:480px;margin:0 auto;min-height:100%;padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) calc(var(--nav-h) + 32px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}h1{font-family:var(--font-display);font-weight:800;font-size:26px;margin:18px 0 10px}.nota{color:var(--muted);font-size:14px}.erro{color:var(--accent);font-weight:700}.topo{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:14px}.marca{display:grid;line-height:1.1}.marca b{font-family:var(--font-display);font-weight:800;font-size:22px}.marca b span{color:var(--accent)}.marca small{color:var(--muted);font-size:13px}.marca.grande{margin:48px 0 24px}.marca.grande b{font-size:36px}.quem{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;display:flex;gap:6px;align-items:center}.quem i{width:8px;height:8px;border-radius:50%;background:var(--ok)}.form{display:grid;gap:8px}.form label{font-weight:700;margin-top:8px}.form input{min-height:52px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:0 14px;font-size:17px}.btn{border:0;border-radius:14px;min-height:54px;padding:0 18px;font-weight:700;font-size:17px;margin-top:12px}.btn[disabled]{opacity:.5}.btn-principal{background:var(--accent);color:var(--accent-fg)}.btn-suave{background:var(--surface);border:1px solid var(--line)}.lista{display:grid;gap:10px}.cartao{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:6px}.cartao.rascunho{border-style:dashed;border-color:var(--honey);background:var(--honey-soft)}.linha1{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.nome{font-weight:700;font-size:17px;min-width:0;overflow-wrap:anywhere}.total{font-family:var(--font-display);font-weight:800;font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}.itens{color:var(--muted);font-size:14px}.etiquetas{display:flex;gap:6px;flex-wrap:wrap}.etq{font-size:12.5px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--info-soft);color:var(--info)}.etq.suave{background:var(--surface-2);color:var(--muted)}.etq.mel{background:var(--honey-soft);color:var(--fg)}.vazio{background:var(--surface);border:1px dashed var(--line);border-radius:14px;padding:18px;color:var(--muted)}.abas{position:fixed;inset:auto 0 0 0;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.abas .dentro{max-width:480px;margin:0 auto;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:var(--nav-h)}.abas button{background:none;border:0;font-size:14px;color:var(--muted)}.abas button[aria-current=page]{color:var(--accent);font-weight:700}
