html{color-scheme:dark}html[data-scheme=light]{color-scheme:light}html{--pos-bg: var(--brand-background, light-dark(#f3f4f7, #0f1115));--pos-card: var(--brand-surface, light-dark(#ffffff, #1b1f29));--pos-chrome: color-mix(in srgb, var(--pos-card) 80%, var(--pos-bg));--pos-fg: var(--brand-text, light-dark(#171a20, #f4f6fb));--pos-muted: color-mix(in srgb, var(--pos-fg) 60%, var(--pos-bg));--pos-line: color-mix(in srgb, var(--pos-fg) 14%, transparent);--pos-primary: var(--brand-primary, light-dark(#3f5f90, #9ecaff));--pos-on-primary: var(--brand-on-primary, light-dark(#ffffff, #0f1113));--pos-accent: var(--brand-accent, var(--pos-primary));--pos-radius: var(--brand-radius, 10px);--pos-radius-small: calc(var(--pos-radius) * .7);--pos-green: light-dark(#1f7a44, #1f6f3d);--pos-yellow: light-dark(#a17c00, #8a6d00);--pos-red: light-dark(#b42323, #8a1f1f);--pos-green-ink: light-dark(#1f7a44, #7fe0a3);--pos-yellow-ink: light-dark(#8a6400, #ffd479);--pos-red-ink: light-dark(#b42323, #ff8d8d);--pos-ready-bg: color-mix(in srgb, var(--pos-green) 18%, var(--pos-card));--pos-bumped-bg: color-mix(in srgb, var(--pos-fg) 8%, var(--pos-card));--pos-button: color-mix(in srgb, var(--pos-fg) 12%, var(--pos-card));--pos-button-active: color-mix(in srgb, var(--pos-fg) 20%, var(--pos-card))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--pos-bg);color:var(--pos-fg);font-family:var(--brand-font-body, -apple-system),"Segoe UI",Roboto,Helvetica,Arial,sans-serif}h1,h2,h3{font-family:var(--brand-font-display, var(--brand-font-body, inherit));font-weight:600;letter-spacing:-.01em}button,input,select{font:inherit;color:inherit}button,select,input:not([type=checkbox]){min-height:44px}.pos-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid var(--pos-line);border-radius:999px;background:var(--pos-button);color:var(--pos-fg);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.pos-btn:active{background:var(--pos-button-active)}.pos-btn:disabled{opacity:.5;cursor:default}.pos-btn.primary{background:var(--pos-primary);color:var(--pos-on-primary);border-color:transparent}.pos-btn.danger{color:var(--pos-red-ink);border-color:color-mix(in srgb,var(--pos-red) 50%,transparent)}.pos-btn.quiet{background:transparent;color:var(--pos-muted)}.pos-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--pos-muted)}.pos-field input,.pos-field select{padding:10px 12px;border:1px solid var(--pos-line);border-radius:var(--pos-radius-small);background:var(--pos-chrome);color:var(--pos-fg);font-size:16px;outline:none}.pos-field input:focus,.pos-field select:focus{border-color:var(--pos-primary)}.pos-pill{font-size:12px;color:var(--pos-muted);border:1px solid var(--pos-line);padding:3px 8px;border-radius:999px;white-space:nowrap}.pos-page{max-width:560px;margin:0 auto;padding:clamp(24px,6vh,64px) 20px 40px}.pos-page h1{margin:0 0 6px;font-size:26px}.pos-page .lede{margin:0 0 20px;color:var(--pos-muted);line-height:1.45}.pos-page .error{color:var(--pos-red-ink);margin:10px 0 0}#pos-print-area{display:none}@media print{body{background:#fff}body>*:not(#pos-print-area){display:none!important}#pos-print-area{display:block;color:#000;background:#fff;font-family:ui-monospace,Menlo,Consolas,monospace}#pos-print-area .pa-big{font-size:22pt;font-weight:800;text-align:center}#pos-print-area .pa-meta{font-size:10pt;text-align:center;margin:4px 0 10px}#pos-print-area .pa-line{font-size:14pt;font-weight:700;padding:8px 0;border-bottom:1px dashed #000}}.pos-btn.big{min-height:48px;padding:12px 20px;font-size:16px}.pos-btn.huge{min-height:64px;width:100%;font-size:20px;border-radius:var(--pos-radius)}.pos-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--pos-chrome);border-bottom:1px solid var(--pos-line)}.pos-bar .venue{font-weight:700;font-size:17px}.pos-bar .spacer{flex:1}.pos-bar .who{color:var(--pos-muted);font-size:13px}.pos-money{font-variant-numeric:tabular-nums}.pos-owed{color:var(--pos-yellow-ink);font-weight:700}.pos-ok{color:var(--pos-green-ink);font-weight:700}.pos-problem{color:var(--pos-red-ink);font-weight:700}:focus-visible{outline:3px solid var(--pos-accent);outline-offset:2px}
