:root{--ground:#fbfaf8;--card:#ffffff;--ink:#20281f;--muted:#5c6b62;--faint:#8a968d;--accent:#0c8a5b;--accent-ink:#ffffff;--accent-soft:#e7f3ec;--amber:#b0771a;--amber-soft:#f7eedd;--danger:#b3423a;--danger-soft:#f9e9e7;--line:#e3e6e0;--code-bg:#f2f4f0;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ground:#121714;--card:#1a211c;--ink:#e8ede9;--muted:#9aa79f;--faint:#6e7b72;--accent:#3fbf8c;--accent-ink:#10231b;--accent-soft:#1e2f27;--amber:#d99a3d;--amber-soft:#2c2418;--danger:#e07a70;--danger-soft:#33201e;--line:#2a332d;--code-bg:#202823;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Onest,Avenir Next,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3{font-family:Bricolage Grotesque,Avenir Next,Trebuchet MS,sans-serif;line-height:1.15;text-wrap:balance;margin:0 0 .6rem}h1{font-size:2.2rem;font-weight:700;letter-spacing:-.01em}h2{font-size:1.35rem}h2,h3{font-weight:600}h3{font-size:1.02rem}a{color:var(--accent)}.page{padding:1.5rem 1.25rem 5rem}.page,.topbar{max-width:860px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem}.brand{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:1.15rem;color:var(--ink);text-decoration:none}.brand span{color:var(--accent)}.nav{display:flex;gap:.25rem;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;padding:.35rem .7rem;border-radius:8px;font-weight:500;font-size:.95rem}.nav a:hover{background:var(--code-bg);color:var(--ink)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:1rem}.card.today{border-left:4px solid var(--accent)}.btn{display:inline-block;border:none;border-radius:8px;padding:.55rem 1.1rem;font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;background:var(--accent);color:var(--accent-ink)}.btn.secondary{background:var(--accent-soft);color:var(--accent)}.btn.quiet{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.small{padding:.3rem .7rem;font-size:.85rem}.btn:hover{filter:brightness(1.05)}.muted{color:var(--muted)}.faint{color:var(--faint);font-size:.85rem}.badge{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.neutral{background:var(--code-bg);color:var(--muted)}.streak{font-family:Bricolage Grotesque,sans-serif;font-weight:700;color:var(--accent)}input,select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label{font-size:.85rem;font-weight:600;color:var(--muted);display:block;margin-bottom:.2rem}.field{margin-bottom:.9rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end}.notice{border:1px solid var(--line);border-left:3px solid var(--amber);background:var(--amber-soft);color:var(--amber);border-radius:0 8px 8px 0;padding:.6rem .9rem;margin:.75rem 0;font-size:.92rem}.notice.green{border-left-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.75rem;gap:.75rem;margin:1rem 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}.stat .value{font-family:Bricolage Grotesque,sans-serif;font-size:1.7rem;font-weight:700;color:var(--accent)}.stat .label{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card)}table{border-collapse:collapse;width:100%;font-size:.92rem}td,th{text-align:left;padding:.55rem .85rem;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:none}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;white-space:nowrap}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.month-grid .dow{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;text-align:center;padding:.25rem 0}.month-cell{min-height:72px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.3rem .4rem;font-size:.8rem}.month-cell.other{opacity:.45}.month-cell.today{border-color:var(--accent)}.month-cell .daynum{color:var(--muted);font-weight:600}.month-cell .event{display:block;margin-top:.2rem;background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:.1rem .35rem;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-cell .event.settled{background:var(--code-bg);color:var(--muted)}.hero{max-width:640px;margin:4.5rem auto 3rem;padding:0 1.25rem}.hero .eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:600}.hero h1{font-size:2.9rem;margin:.6rem 0 1rem}.hero .lede{font-size:1.2rem;color:var(--muted)}.friend-list{list-style:none;margin:0;padding:0}.friend-list li{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.85rem 1.1rem;margin-bottom:.6rem;flex-wrap:wrap}.friend-list a.name{font-weight:600;color:var(--ink);text-decoration:none;font-size:1.05rem}.friend-list a.name:hover{color:var(--accent)}.checkgroup{display:flex;gap:.4rem;flex-wrap:wrap}.checkgroup label{display:inline-flex;align-items:center;gap:.3rem;font-weight:500;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.3rem .6rem;margin:0;cursor:pointer;font-size:.9rem}.checkgroup label:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}