:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#f2f1ee;--ink:#1c1b1a;--ink-2:#56534e;--ink-3:#85817a;--line:#e2e0da;--line-2:#cfccc4;--fri:#5b5bd6;--fri-soft:#c9c9f2;--sun:#0f8f6f;--sun-soft:#b6e2d5;--accent:#b4531f;--danger:#b3261e;--ok-bg:#e7f3ec;--ok-ink:#14603f;--mine-bg:#eef6f2;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #1c1b1a0f, 0 6px 16px #1c1b1a0d}@media (prefers-color-scheme:dark){:root{--bg:#17181a;--surface:#202225;--surface-2:#26282c;--ink:#eceae6;--ink-2:#b3b0aa;--ink-3:#86837d;--line:#32353a;--line-2:#43474d;--fri:#9d9df0;--fri-soft:#3b3b7a;--sun:#58c9a6;--sun-soft:#1d5949;--accent:#e8a06a;--danger:#f28d86;--ok-bg:#1c3a2e;--ok-ink:#9fe0c0;--mine-bg:#1e2724;--shadow:0 1px 2px #0006, 0 6px 18px #0000004d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{max-width:640px;padding:20px 16px calc(48px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.masthead h1{letter-spacing:-.02em;margin:8px 0 6px;font-size:1.75rem;line-height:1.2}.lede{color:var(--ink-2);margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 16px}.card h2{letter-spacing:-.01em;margin:0 0 14px;font-size:1.05rem}.muted{color:var(--ink-3)}.center{text-align:center;padding:40px 0}.footnote{color:var(--ink-3);text-align:center;padding-top:4px;font-size:.82rem}.banner{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:4px;padding:16px;display:flex}.banner-eyebrow{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);font-size:.78rem}.banner-headline{font-size:1.15rem;line-height:1.3}.banner-detail{color:var(--ink-2);font-size:.92rem}.banner-pill{background:var(--accent);color:#fff;border-radius:999px;align-self:flex-start;margin-top:4px;padding:3px 10px;font-size:.8rem;font-weight:600}.banner-confirmed{border-color:var(--sun);background:var(--ok-bg)}.banner-confirmed .banner-headline{color:var(--ok-ink)}.banner-tie{border-color:var(--accent)}.tally{border-top:1px solid var(--line);padding:14px 0}.tally:first-of-type{border-top:0;padding-top:0}.tally-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.tally-label{font-weight:650;line-height:1.3}.tally-venue{color:var(--ink-3);margin-top:2px;font-size:.85rem}.tally-count{flex-direction:column;flex:none;align-items:flex-end;display:flex}.tally-number{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;line-height:1}.tally-unit{color:var(--ink-3);font-size:.75rem}.bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:14px;display:flex;overflow:hidden}.bar-seg{height:100%;transition:width .35s}.tally-fri .bar-seg-solid{background:var(--fri)}.tally-fri .bar-seg-flex{background:var(--fri-soft)}.tally-sun .bar-seg-solid{background:var(--sun)}.tally-sun .bar-seg-flex{background:var(--sun-soft)}.tally-foot{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:.82rem;display:flex}.tally-chip{color:#fff;border-radius:999px;margin-left:auto;padding:2px 9px;font-size:.75rem;font-weight:650}.tally-fri .tally-chip{background:var(--fri)}.tally-sun .tally-chip{background:var(--sun)}@media (prefers-color-scheme:dark){.tally-chip{color:#17181a}}.field{border:0;margin-bottom:16px;padding:0;display:block}.field-label{color:var(--ink-2);margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.optional{color:var(--ink-3);font-weight:400}.hint{color:var(--ink-3);margin-top:5px;font-size:.8rem;display:block}.input{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:12px;font-size:1rem}.input:focus-visible,.step-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.stepper{align-items:stretch;gap:8px;display:flex}.step-btn{width:52px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);cursor:pointer;flex:none;font-size:1.4rem;line-height:1}.step-btn:disabled{opacity:.4;cursor:default}.step-input{text-align:center;min-width:0;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;flex:1;padding:12px;font-size:1.1rem;font-weight:650}.choices{flex-direction:column;gap:8px;display:flex}.choices legend{padding:0}.choice{border:1.5px solid var(--line-2);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);align-items:flex-start;gap:11px;padding:13px 14px;display:flex}.choice input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:2px 0 0}.choice-body{flex-direction:column;gap:2px;display:flex}.choice-title{font-weight:600;line-height:1.3}.choice-sub{color:var(--ink-3);font-size:.83rem}.choice.is-picked{border-color:var(--accent);background:var(--surface-2)}.choice:focus-within{outline:2px solid var(--accent);outline-offset:1px}.form-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.primary-btn,.ghost-btn,.danger-btn{border-radius:var(--radius-sm);cursor:pointer;text-align:center;border:1px solid #0000;flex:auto;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-family:inherit;font-size:1rem;font-weight:650;text-decoration:none;display:inline-flex}.primary-btn{background:var(--accent);color:#fff}.primary-btn:disabled{opacity:.6;cursor:default}.ghost-btn{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.danger-btn{background:var(--danger);color:#fff}@media (prefers-color-scheme:dark){.primary-btn,.danger-btn{color:#17181a}}.error{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);margin:0 0 12px;padding:11px 13px;font-size:.9rem}.flash{border-radius:var(--radius-sm);background:var(--ok-bg);color:var(--ok-ink);margin:0;padding:11px 13px;font-size:.9rem;font-weight:600}.card-confirm{border-color:var(--accent)}.card-confirm p{color:var(--ink-2);margin:0 0 14px}.card-mine{border-color:var(--sun)}.mine-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:0 0 16px;display:grid}.mine-grid dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:2px;font-size:.75rem}.mine-grid dd{overflow-wrap:anywhere;margin:0;font-weight:600}.table-scroll{-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;overflow-x:auto}.breakdown{border-collapse:collapse;width:100%;font-size:.9rem}.breakdown th,.breakdown td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:9px 8px}.breakdown thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);white-space:normal;min-width:88px;font-size:.72rem;font-weight:650}.breakdown tbody th{white-space:nowrap;font-weight:600}.breakdown .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.breakdown tfoot th,.breakdown tfoot td{border-bottom:0;border-top:2px solid var(--line-2);padding-top:11px;font-weight:700}.breakdown th:first-child,.breakdown td:first-child{z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--line);position:sticky;left:0}.breakdown tr.is-mine,.breakdown tr.is-mine th:first-child,.breakdown tr.is-mine td:first-child{background:var(--mine-bg)}.you-chip{background:var(--sun-soft);color:var(--ink);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:.68rem;font-weight:650}.bringing{flex-wrap:wrap;gap:5px;min-width:150px;display:flex}.tag{background:var(--surface-2);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:999px;padding:2px 8px;font-size:.78rem}.tag-games{border-color:var(--sun-soft)}.tag-note{color:var(--ink-3);font-style:italic}.actions-col{white-space:nowrap}.link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:.85rem;text-decoration:underline}.link-btn.danger{color:var(--danger)}.card-admin{border-style:dashed}.card-admin .ghost-btn{flex:none}
