:root{color-scheme:light dark;--bg:#f6f7f9;--surface:#ffffff;--border:#dfe3e8;--text:#14171a;--muted:#5b6470;--accent:#1c6b4a;--accent-text:#ffffff;--credit:#12694a;--debit:#a3341f;--warn-bg:#fff6e5;--warn-border:#e8c37a;--danger:#a3341f;--radius:10px;--tap:44px}@media (prefers-color-scheme:dark){:root{--bg:#14171a;--surface:#1d2126;--border:#2e343b;--text:#eef1f4;--muted:#a2acb8;--accent:#4fbc8b;--accent-text:#0d1512;--credit:#4fbc8b;--debit:#f08b72;--warn-bg:#322a15;--warn-border:#6b5623;--danger:#f08b72}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}main{max-width:34rem;margin:0 auto;padding:1rem 1rem 2rem}h1{font-size:1.35rem;margin:0 0 .25rem}h2{font-size:1.05rem;margin:1.75rem 0 .5rem}h3{font-size:.95rem;margin:0 0 .25rem}p{margin:.5rem 0}a{color:var(--accent)}.muted,small{color:var(--muted);font-size:.85rem}header.app{background:var(--surface);border-bottom:1px solid var(--border);padding:calc(.75rem + env(safe-area-inset-top)) 1rem calc(.75rem)}header.app .inner{max-width:34rem;margin:0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}header.app .club{font-weight:650}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;margin:.75rem 0}.card.tight{padding:.75rem .875rem}.row{align-items:center;justify-content:space-between;gap:.75rem}.row,.stack{display:flex}.stack{flex-direction:column;gap:.5rem}.grow{flex:1 1;min-width:0}.balance{font-size:2.1rem;font-weight:680;letter-spacing:-.02em}.amount,.balance{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.amount{white-space:nowrap}.credit{color:var(--credit)}.debit{color:var(--debit)}.button,button{font:inherit;min-height:var(--tap);padding:0 1rem;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.button.secondary,button.secondary{background:transparent;color:var(--text);border-color:var(--border)}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}button.small{min-height:36px;padding:0 .7rem;font-size:.9rem}button:disabled{opacity:.55;cursor:default}button.block{width:100%}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}input,select,textarea{font:inherit;width:100%;min-height:var(--tap);padding:0 .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}textarea{padding:.5rem .7rem;min-height:4rem}fieldset{border:0;padding:0;margin:0 0 .75rem}.error,.notice{border-radius:var(--radius);padding:.7rem .875rem;margin:.75rem 0;font-size:.92rem}.notice{background:var(--warn-bg);border:1px solid var(--warn-border)}.error{background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid var(--danger);color:var(--danger)}.pill{font-size:.75rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.pill.live{border-color:var(--accent);color:var(--accent)}.pill.owed{border-color:var(--danger);color:var(--danger)}ul.plain{list-style:none;margin:0;padding:0}ul.plain li+li{padding-top:.6rem;margin-top:.6rem}nav.tabs,ul.plain li+li{border-top:1px solid var(--border)}nav.tabs{position:fixed;left:0;right:0;bottom:0;background:var(--surface);padding-bottom:env(safe-area-inset-bottom);display:flex}nav.tabs a{flex:1 1;min-height:3.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-size:.72rem;font-weight:600;color:var(--muted);text-decoration:none}nav.tabs a[aria-current=page]{color:var(--accent)}nav.tabs .glyph{font-size:1.15rem;line-height:1}.skeleton{background:var(--border);border-radius:var(--radius);height:1rem;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}