:root{--bg: #fbf8f4;--surface: #ffffff;--text: #2a211b;--muted: #6f625a;--line: #e6ddd4;--accent: #b5541b;--accent-text: #ffffff;--ok: #2f7d4a;--ok-bg: #eef7f1;--error: #b42318;--warning-bg: #fff4e0;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #171310;--surface: #221c18;--text: #f3ece6;--muted: #b3a69c;--line: #3a302a;--accent: #e07a3c;--accent-text: #1a120c;--ok: #6fcf8f;--ok-bg: #1d2b22;--error: #ff8a80;--warning-bg: #3a2a12;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}h1{font-size:1.5rem;margin:0 0 .5rem}h2{font-size:1.1rem;margin:1.5rem 0 .5rem}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.875rem}.centered{text-align:center;margin-top:30vh}.error{color:var(--error);margin:.25rem 0}.warning{background:var(--warning-bg);padding:.5rem .75rem;border-radius:8px}.shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 16px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-weight:700;text-decoration:none;color:var(--text)}.who{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--muted)}.page{max-width:720px;margin:0 auto;padding:16px 16px 96px}.page.narrow{max-width:420px;padding-top:12vh}.stack{display:grid;gap:1rem}label{display:grid;gap:.35rem;font-weight:600}input{font:inherit;font-size:1.1rem;padding:.7rem .8rem;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}input:focus{outline:2px solid var(--accent);outline-offset:1px}input[aria-invalid=true]{border-color:var(--error)}button,.button{font:inherit;font-weight:600;padding:.7rem 1.1rem;border-radius:10px;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;display:inline-block;text-align:center}button:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.link-button{background:none;border:none;padding:.25rem;color:var(--accent);font-weight:600}.tiles{display:grid;gap:.75rem;margin:1rem 0}.tile{display:grid;gap:.2rem;padding:1rem;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none}.tile span{color:var(--muted);font-size:.9rem}.count-head{position:sticky;top:49px;background:var(--bg);padding-bottom:.5rem;z-index:5}.progress{display:grid;gap:.25rem;margin:.5rem 0;font-weight:600}.progress progress{width:100%;height:.6rem;accent-color:var(--accent)}.search{margin-top:.25rem}.count-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.count-row{display:grid;gap:.4rem;padding:.75rem;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.count-row .label{font-weight:600}.count-row.saved{background:var(--ok-bg);border-color:transparent;grid-template-columns:1fr auto;align-items:center}.count-row.saved .label{grid-column:1 / -1}.count-row.saved .result{display:grid}.count-row.saved .result strong{color:var(--ok)}.entry{display:grid;grid-template-columns:1fr auto;gap:.5rem}.finish{display:grid;gap:.75rem;margin-top:2rem}.tabs{display:flex;gap:.4rem;margin:.6rem -16px 0;padding:0 16px .4rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;padding:.55rem .9rem;border-radius:999px;font-size:.95rem}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.tab-count{font-weight:500;opacity:.8;margin-left:.2rem;font-variant-numeric:tabular-nums}.tab.complete:not(.active){border-color:var(--ok);color:var(--ok)}.tab-summary{margin:.75rem 0}.app-tabs{display:flex;gap:.25rem;padding:0 16px;overflow-x:auto;scrollbar-width:none;background:var(--surface);border-bottom:1px solid var(--line)}.app-tabs::-webkit-scrollbar{display:none}.app-tab{flex:0 0 auto;padding:.6rem .8rem;text-decoration:none;color:var(--muted);font-weight:600;border-bottom:3px solid transparent;white-space:nowrap}.app-tab.active{color:var(--text);border-bottom-color:var(--accent)}select{font:inherit;font-size:1.05rem;padding:.7rem .8rem;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}.toolbar{display:flex;align-items:center;gap:.6rem;margin:.5rem 0 1rem;flex-wrap:wrap}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.segmented button{border:none;border-radius:0;padding:.45rem .9rem}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.spice-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.spice-row{width:100%;text-align:left;display:grid;gap:.15rem;font-weight:400;padding:.75rem;border-radius:12px}.spice-row .label{font-weight:600;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge{font-size:.75rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;background:var(--warning-bg);color:var(--text)}.table-scroll{overflow-x:auto;margin:0 -16px;padding:0 16px}table.purchases{width:100%;border-collapse:collapse;font-size:.9rem}table.purchases th,table.purchases td{padding:.5rem .4rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}table.purchases th{color:var(--muted);font-weight:600}table.purchases .num{text-align:right;font-variant-numeric:tabular-nums}dialog.sheet{width:min(560px,100vw);max-width:100vw;max-height:100dvh;margin:auto;padding:16px;border:none;border-radius:16px;background:var(--bg);color:var(--text)}dialog.sheet::backdrop{background:#00000073}@media(max-width:600px){dialog.sheet{width:100vw;height:100dvh;border-radius:0;margin:0}}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sheet-head h2{margin:0}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.saved-note{background:var(--ok-bg);color:var(--ok);padding:.5rem .75rem;border-radius:8px;margin:0}h3{font-size:1rem;margin:1.5rem 0 .5rem}.editing-note{background:var(--warning-bg);padding:.5rem .75rem;border-radius:8px;margin:0}.confirm{background:var(--surface);border:1px solid var(--error);border-radius:12px;padding:.75rem;margin-bottom:.75rem}.confirm p{margin:0 0 .6rem}.confirm-actions{display:flex;gap:.5rem}.danger{background:var(--error);border-color:var(--error);color:var(--surface)}.danger-text{color:var(--error)}.row-actions{display:flex;gap:.25rem;justify-content:flex-end}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}