:root{--bg:#f1f5f9;--card:#fff;--ink:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#0f172a;--primary-ink:#fff;--accent:#2563eb;--danger:#dc2626;--radius:16px;--shadow:0 1px 3px #0f172a14, 0 8px 24px #0f172a0d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}.screen{flex-direction:column;gap:16px;max-width:480px;min-height:100%;margin:0 auto;padding:16px 16px 96px;display:flex}.screen.center{justify-content:center;align-items:center}.center{text-align:center}.pad{padding:32px 0}.muted{color:var(--muted)}.small{font-size:13px}h2{margin:8px 0}.topbar{justify-content:space-between;align-items:center;padding:8px 4px;display:flex}.store-name{font-size:22px;font-weight:800}.backbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.back-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:50%;width:36px;height:36px;font-size:22px;line-height:1}.backbar-title{text-align:center;flex:1;font-size:17px;font-weight:700}.home-grid{flex-direction:column;gap:14px;margin-top:8px;display:flex}.tile{border-radius:var(--radius);background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow);cursor:pointer;text-align:left;border:none;flex-direction:column;align-items:flex-start;gap:4px;padding:24px;display:flex}.tile-secondary{background:var(--card);color:var(--ink);border:1px solid var(--border)}.tile-emoji{font-size:30px}.tile-title{font-size:20px;font-weight:700}.tile-sub{opacity:.8;font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card.narrow{width:100%;max-width:340px}.big-emoji{font-size:44px}.section-title{margin:0 0 12px;font-size:16px}.menu-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px}.menu-cat{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:4px 0 10px;font-size:15px}.menu-row,.item-row,.total-row{justify-content:space-between;gap:12px;padding:8px 0;display:flex}.menu-row{border-bottom:1px solid var(--border)}.menu-row:last-child{border-bottom:none}.menu-item-price{font-variant-numeric:tabular-nums;color:var(--muted)}.list{flex-direction:column;gap:12px;display:flex}.check-card{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;padding:16px 18px}.check-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.check-number{font-size:16px;font-weight:700}.check-remaining{font-size:18px;font-weight:800}.items{flex-direction:column;display:flex}.item-row{border-bottom:1px dashed var(--border)}.item-row.selectable{cursor:pointer}.totals{border-top:2px solid var(--border);margin-top:10px;padding-top:8px}.total-row.strong{font-size:18px;font-weight:800}.total-row.paid{color:#16a34a}.seg{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.seg-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:12px;flex:auto;min-width:72px;padding:10px 12px;font-weight:600}.seg-btn.active{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.provider-seg{margin:0}.field{flex-direction:column;gap:6px;margin:12px 0;display:flex}label{color:var(--muted);font-size:13px;font-weight:600}input,.input{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:12px 14px;font-size:16px}.stepper{align-items:center;gap:18px;font-size:20px;font-weight:700;display:flex}.stepper button{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:50%;width:40px;height:40px;font-size:22px}.tip-block{margin-top:12px}.btn-primary{background:var(--primary);color:var(--primary-ink);cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 18px;font-size:16px;font-weight:700}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.big{padding:16px;font-size:17px}.btn-ghost{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;margin-top:12px;padding:12px 16px;font-weight:600}.sticky-bottom{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 28%);max-width:480px;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.pay-form{flex-direction:column;gap:14px;margin-top:8px;display:flex}.pay-form .field{gap:6px;margin:0}.cc-iframe{background:0 0;border:none;width:100%;height:52px;display:block}.stripe-card,.nmi-field{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;min-height:50px;padding:15px 14px;display:flex}.stripe-card:focus-within,.nmi-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.nmi-row{gap:10px;display:flex}.alert{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:8px 0;padding:12px 14px;font-size:14px}.footer-note{margin-top:auto}.notice{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px 14px;font-size:14px}.notice.warn{color:#92400e;background:#fffbeb;border-color:#fde68a;flex-direction:column;align-items:flex-start;gap:10px;display:flex}.notice.warn .btn-ghost{margin-top:0}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}