:root{--paper:#f1ecdf;--surface:#fffdf8;--ink:#21301f;--muted:#6b7263;--rule:#cbbfa0;--stamp-green:#3b6b3f;--stamp-green-contrast:#fbf8ef;--stamp-red:#b23a2e;--stamp-red-bg:#f8e9e4;--stamp-amber:#a8690f;--stamp-amber-bg:#f6ecd8;--stamp-purple:#6b3fa0;--stamp-purple-contrast:#fbf8ef;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#171c15;--surface:#1f2620;--ink:#ede7d6;--muted:#9ca68f;--rule:#3a4234;--stamp-green:#6fa36a;--stamp-green-contrast:#10160f;--stamp-red:#e2685a;--stamp-red-bg:#35201c;--stamp-amber:#e0a63e;--stamp-amber-bg:#332a16;--stamp-purple:#a67fd1;--stamp-purple-contrast:#1a1420;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.mono{font-family:Space Mono,ui-monospace,monospace}.app{max-width:720px;margin:0 auto;padding:1.75rem 1rem 4rem}.app-header{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.app-header h1{text-transform:uppercase;letter-spacing:.02em;margin:0;font-family:Archivo Black,sans-serif;font-size:1.5rem;line-height:1}.app-header .tagline{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.35rem;font-family:Space Mono,ui-monospace,monospace;font-size:.7rem;display:block}.toolbar{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.toolbar button{border:1px solid var(--rule);background:var(--surface);color:var(--ink);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border-radius:3px;padding:.35rem .7rem;font-family:Space Mono,ui-monospace,monospace;font-size:.72rem}.toolbar button.active{background:var(--stamp-green);color:var(--stamp-green-contrast);border-color:var(--stamp-green)}.tabs{border:1px solid var(--ink);border-radius:3px;gap:.15rem;padding:.2rem;display:flex}.tabs button{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;border-radius:2px;padding:.4rem .85rem;font-family:Space Mono,ui-monospace,monospace;font-size:.75rem}.tabs button.active{background:var(--ink);color:var(--paper)}.card{background:var(--surface);border:1px solid var(--rule);border-radius:4px;margin-bottom:1.25rem;padding:1rem}.form-grid{grid-template-columns:2fr 1fr 1fr;gap:.6rem;display:grid}.form-grid input,.form-grid select{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:3px;padding:.5rem .6rem;font-family:Inter,sans-serif;font-size:.9rem}.form-grid button{background:var(--stamp-purple);color:var(--stamp-purple-contrast);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:none;border-radius:3px;grid-column:1/-1;padding:.65rem;font-family:Space Mono,ui-monospace,monospace;font-size:.85rem;font-weight:700}.form-grid button:disabled{opacity:.6;cursor:not-allowed}.list-controls{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.search-input{border:1px solid var(--rule);background:var(--surface);min-width:180px;color:var(--ink);border-radius:3px;flex:1;padding:.55rem .8rem;font-family:Inter,sans-serif;font-size:.9rem}.group-select{border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:3px;padding:.55rem .8rem;font-family:Space Mono,ui-monospace,monospace;font-size:.8rem}.item-group+.item-group{margin-top:1.25rem}.group-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px dashed var(--rule);margin:0 0 .5rem;padding-bottom:.25rem;font-family:Space Mono,ui-monospace,monospace;font-size:.75rem}.use-it-up{background:var(--stamp-amber-bg);border-color:var(--stamp-amber);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.use-it-up button{border:1px solid var(--stamp-amber);color:var(--stamp-amber);cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;background:0 0;border-radius:3px;padding:.4rem .8rem;font-family:Space Mono,ui-monospace,monospace;font-size:.75rem}.alert-banner{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.chip{border:1px solid var(--rule);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background:var(--surface);color:var(--ink);border-radius:3px;padding:.3rem .65rem;font-family:Space Mono,ui-monospace,monospace;font-size:.72rem}.chip-expired{color:var(--stamp-red);border-color:var(--stamp-red)}.chip-soon{color:var(--stamp-amber);border-color:var(--stamp-amber)}.chip-low-stock{color:var(--stamp-green);border-color:var(--stamp-green)}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.item-list{margin:0;padding:0;list-style:none}.item-row{border-bottom:1px dashed var(--rule);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .1rem;display:flex}.item-row:first-child{border-top:1px dashed var(--rule)}.item-row.checked .item-name{color:var(--muted);text-decoration:line-through}.item-row.status-expired{background:var(--stamp-red-bg)}.item-row.status-soon{background:var(--stamp-amber-bg)}.item-main{flex-wrap:wrap;flex:1;align-items:baseline;gap:.6rem;min-width:0;display:flex}.checkbox-row{cursor:pointer;align-items:center}.item-name{font-weight:600}.item-meta{color:var(--muted);font-family:Space Mono,ui-monospace,monospace;font-size:.78rem}.badge{text-transform:uppercase;letter-spacing:.04em;background:0 0;border:2px double;border-radius:2px;padding:.15rem .45rem;font-family:Space Mono,ui-monospace,monospace;font-size:.68rem;font-weight:700;display:inline-block;transform:rotate(-2deg)}.badge-expired{color:var(--stamp-red)}.badge-soon{color:var(--stamp-amber)}.badge-low-stock{color:var(--stamp-green)}.item-actions{flex-shrink:0;gap:.35rem;display:flex}.item-actions button{border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:3px;width:2rem;height:2rem;font-family:Space Mono,ui-monospace,monospace}.item-actions button.danger{color:var(--stamp-red);border-color:var(--stamp-red)}.item-actions input[type=date]{border:1px solid var(--rule);background:var(--paper);max-width:130px;color:var(--ink);border-radius:3px;padding:.25rem .35rem;font-family:Space Mono,ui-monospace,monospace;font-size:.75rem}.checkout-btn{background:var(--stamp-green);width:100%;color:var(--stamp-green-contrast);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:none;border-radius:3px;margin-bottom:1rem;padding:.65rem;font-family:Space Mono,ui-monospace,monospace;font-size:.8rem;font-weight:700;display:block}.muted{color:var(--muted)}.toast{background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:3px;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);padding:.6rem .7rem .6rem 1rem;font-family:Space Mono,ui-monospace,monospace;font-size:.78rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.toast-action{background:var(--stamp-green);color:var(--stamp-green-contrast);text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;padding:.3rem .6rem;font-family:Space Mono,ui-monospace,monospace;font-size:.72rem;font-weight:700}@media (width<=520px){.form-grid{grid-template-columns:1fr 1fr}.form-grid input:first-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
