:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f5;--surface:#fff;--surface-2:#eef1ed;--text:#1b1f1c;--muted:#5d665f;--border:#d5dbd6;--accent:#1f7a4d;--accent-text:#fff;--accent-soft:#dcefe4;--danger:#b3261e;--focus:#1a5fd0;--radius:10px;--tap:44px;--shadow:0 8px 24px #00000024;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121513;--surface:#1b1f1c;--surface-2:#252a26;--text:#e7ece8;--muted:#a3ada6;--border:#3a423c;--accent:#5cc48e;--accent-text:#0c1f14;--accent-soft:#23402f;--danger:#f2b8b5;--focus:#8ab4f8;--shadow:0 8px 24px #00000080}}*{box-sizing:border-box}body{background:var(--bg);margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-header{z-index:10;padding:max(.5rem, env(safe-area-inset-top)) 1rem .5rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.app-name{font-weight:700}.app-nav{gap:.25rem;display:flex}.app-nav a{border-radius:var(--radius);color:var(--muted);padding:.5rem .75rem;text-decoration:none}.app-nav a[aria-current=page]{background:var(--accent-soft);color:var(--text);font-weight:600}.app-main{max-width:40rem;padding:1rem 1rem calc(4rem + env(safe-area-inset-bottom));margin:0 auto}.boot-message,.empty,.hint{color:var(--muted)}.boot-message{text-align:center;padding:2rem 1rem}.page-title{margin:0 0 1rem;font-size:1.4rem}.notice{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));border-radius:var(--radius);background:var(--text);max-width:calc(100% - 2rem);color:var(--bg);box-shadow:var(--shadow);margin:0;padding:.75rem 1rem;position:fixed;transform:translate(-50%)}.notice:empty{display:none}.button,.icon-button,.select-trigger,.input{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit}.button{cursor:pointer;justify-content:center;align-items:center;gap:.35rem;padding:0 1rem;display:inline-flex}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.button.danger{color:var(--danger)}.button.wide{width:100%;margin-top:1rem}.icon-button{width:var(--tap);cursor:pointer;place-items:center;padding:0;display:inline-grid}.icon-button:disabled{opacity:.35;cursor:default}.input{width:100%;min-width:0;padding:0 .75rem}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25rem;height:1.25rem}.icon .dots circle,.icon .dots{fill:currentColor;stroke:none}.icon .fill{fill:var(--accent);stroke:var(--accent)}.icon .on-fill{stroke:var(--accent-text)}.field{gap:.25rem;min-width:0;display:grid}.field.grow{flex:1}.field-label{color:var(--muted);font-size:.85rem}.select-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:0 .75rem;display:flex}.select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.popover{z-index:50;min-width:var(--reka-select-trigger-width,var(--reka-combobox-trigger-width,12rem));max-height:min(20rem, var(--reka-select-content-available-height,20rem));border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:.25rem;overflow:auto}.option{min-height:var(--tap);border-radius:calc(var(--radius) - 4px);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:0 .75rem 0 2rem;display:flex;position:relative}.option[data-highlighted]{background:var(--accent-soft)}.option-indicator{display:inline-flex;position:absolute;left:.5rem}.row,.toolbar,.inline-create{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.toolbar{margin-bottom:1rem}.toolbar>.field,.inline-create .input{flex:10rem}.add{gap:.5rem;margin-bottom:1rem;display:flex}.add-name{flex:1;min-width:0}.add-anchor{display:flex}.add-qty{flex:none;width:4.5rem}.group{margin-top:1rem}.group-title{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:.9rem;font-weight:600;display:flex}.swatch{border-radius:50%;width:.75rem;height:.75rem}.items{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.item{border-top:1px solid var(--border);align-items:stretch;display:flex}.item:first-child{border-top:none}.item-check{width:3.25rem;min-height:3.25rem;color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.item-check .icon{width:1.6rem;height:1.6rem}.item-body{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:.5rem;padding:0 1rem 0 0;display:flex}.item-name{overflow-wrap:anywhere}.item-qty{background:var(--surface-2);border-radius:999px;flex:none;padding:.1rem .5rem;font-size:.9rem}.item.is-checked .item-name{color:var(--muted);text-decoration:line-through}.order{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:.5rem 0 1rem;padding:0;list-style:none}.order-row{border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:.25rem;padding-right:.25rem;display:flex}.order-row:first-child{border-top:none}.order-row .icon-button{border:none}.order-name{flex:1;min-width:0}.drag-handle{width:var(--tap);min-height:var(--tap);color:var(--muted);cursor:grab;touch-action:none;place-items:center;display:grid}.is-ghost{opacity:.4}.is-chosen{background:var(--accent-soft)}.dialog-overlay{z-index:40;background:#0006;position:fixed;inset:0}.dialog{z-index:41;width:min(100%,32rem);max-height:90dvh;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);box-shadow:var(--shadow);gap:1rem;display:grid;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%)}@media (width>=40rem){.dialog{border-radius:var(--radius);top:50%;bottom:auto;transform:translate(-50%,-50%)}}.dialog-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dialog-title{overflow-wrap:anywhere;margin:0;font-size:1.2rem}.dialog .icon-button{border:none}