:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Charter, "Bitstream Charter", Georgia, ui-serif, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.2;--leading-normal:1.5;--weight-regular:400;--weight-medium:500;--weight-bold:650;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--color-surface:#f5f0e6;--color-surface-raised:#fbf8f2;--color-ink:#1f2d27;--color-ink-muted:#5a6159;--color-border:#d9cfbc;--color-accent:#b4471f;--color-accent-ink:#fffaf3;--color-focus:#2c6e8f;--color-good:#2f6b3a;--color-warning:#9a5a00;--color-danger:#a82b2b;--color-danger-ink:#fffaf3;--color-scrim:#1f2d2766;--chart-1:#2f5d50;--chart-2:#c0582b;--chart-3:#a87a12;--chart-4:#3f6f9a;--chart-5:#7a4e7e;--chart-6:#5f8a2e;--chart-7:#9c3b4a;--chart-8:#6e6253;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px #1f2d2714;--shadow-md:0 2px 4px #1f2d270f, 0 8px 24px #1f2d2714;--shadow-lg:0 4px 8px #1f2d2714, 0 24px 48px #1f2d2729;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.32s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.3, 0, 1, 1);--sidebar-width:15rem;--aside-width:20rem;--header-height:3.75rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-surface:#141a17;--color-surface-raised:#1c2420;--color-ink:#ece4d4;--color-ink-muted:#a9a596;--color-border:#33403a;--color-accent:#e8743f;--color-accent-ink:#1a120d;--color-focus:#7fc3d9;--color-good:#7cc58a;--color-warning:#e6b14a;--color-danger:#f08a7a;--color-danger-ink:#1a0f0d;--color-scrim:#0000008c;--chart-1:#6fb3a0;--chart-2:#ef8a5a;--chart-3:#e3bf5c;--chart-4:#7fa8d6;--chart-5:#b993c0;--chart-6:#a6c46a;--chart-7:#e07a8a;--chart-8:#b8a990;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 4px #0000004d, 0 8px 24px #00000059;--shadow-lg:0 4px 8px #00000059, 0 24px 48px #00000080}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-slow:0s}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-surface);min-width:0;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{line-height:var(--leading-tight);margin:0}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.weight,.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:1px solid #0000;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--sm{min-height:2rem;padding:var(--space-1) var(--space-3)}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:color-mix(in srgb, var(--color-accent) 88%, var(--color-ink))}.btn--secondary{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-ink)}.btn--secondary:hover{border-color:var(--color-ink-muted)}.btn--quiet{color:var(--color-ink);background:0 0}.btn--quiet:hover{background:color-mix(in srgb, var(--color-ink) 7%, transparent)}.btn--danger{background:var(--color-danger);color:var(--color-danger-ink)}.btn--danger:hover{background:color-mix(in srgb, var(--color-danger) 88%, var(--color-ink))}.shell{flex-direction:column;min-height:100dvh;display:flex}.shell__body{gap:var(--space-5);width:100%;max-width:90rem;padding:var(--space-4);flex:1;grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.shell__main{min-width:0}.shell__aside{order:-1;min-width:0}.summary{padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.summary__title{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted)}.summary__label{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0}.summary__base{margin:0 0 var(--space-4);font-family:var(--font-serif);font-size:2.5rem;font-weight:var(--weight-bold);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.summary__list{margin:0}.summary__row{justify-content:space-between;gap:0 var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.summary__row dt{color:var(--color-ink-muted)}.summary__row dd{font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;margin:0}.summary__row .summary__hint{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-ink-muted);flex-basis:100%}.summary__row--total dd{font-weight:var(--weight-bold)}.shell__sidebar{z-index:30;width:min(20rem,86vw);padding:var(--space-5) var(--space-4);background:var(--color-surface-raised);border-right:1px solid var(--color-border);box-shadow:var(--shadow-lg);visibility:hidden;transition:transform var(--duration-slow) var(--ease-standard), visibility 0s linear var(--duration-slow);position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.shell__sidebar[data-open=true]{visibility:visible;transition:transform var(--duration-slow) var(--ease-standard), visibility 0s;transform:none}.shell__scrim{z-index:20;background:var(--color-scrim);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-standard);position:fixed;inset:0}.shell__scrim[data-open=true]{opacity:1;pointer-events:auto}@media (width>=900px){.shell__body{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--aside-width);align-items:start;gap:var(--space-6);padding:var(--space-6)}.shell__body--no-aside{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.shell__sidebar{top:calc(var(--header-height) + var(--space-6));z-index:auto;width:auto;box-shadow:none;visibility:visible;background:0 0;border:0;padding:0;transition:none;position:sticky;overflow:visible;transform:none}.shell__aside{top:calc(var(--header-height) + var(--space-6));order:0;position:sticky}.shell__scrim{display:none}}.header{z-index:10;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lists title""tabs units";display:grid;position:sticky;top:0}.header__lists{grid-area:lists}.header__title{align-items:center;gap:var(--space-2);min-width:0;font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.01em;grid-area:title;display:flex}.header__mark{color:var(--color-accent);flex:none}.header__tabs{gap:var(--space-1);grid-area:tabs;display:flex}.tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0;position:relative}.tab:after{content:"";left:var(--space-3);right:var(--space-3);border-radius:var(--radius-pill);background:var(--color-accent);height:2px;transition:transform var(--duration-normal) var(--ease-standard);position:absolute;bottom:0;transform:scaleX(0)}.tab:hover,.tab[aria-pressed=true]{color:var(--color-ink)}.tab[aria-pressed=true]:after{transform:scaleX(1)}.segmented{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);grid-area:units;justify-self:end;padding:2px;display:inline-flex}.segmented__option{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0}.segmented__option:hover{color:var(--color-ink)}.segmented__option[aria-pressed=true]{background:var(--color-ink);color:var(--color-surface)}@media (width>=900px){.header{gap:var(--space-5);min-height:var(--header-height);padding:var(--space-2) var(--space-6);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title tabs units"}.header__lists{display:none}.header__title{font-size:var(--text-xl)}}.sidebar{gap:var(--space-3);flex-direction:column;display:flex}.sidebar__heading{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted)}.sidebar__empty{font-size:var(--text-sm);color:var(--color-ink-muted)}.empty{isolation:isolate;min-height:22rem;padding:var(--space-7) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);text-align:center;box-shadow:var(--shadow-sm);place-items:center;display:grid;position:relative;overflow:hidden}.empty--compact{min-height:0;padding:var(--space-5) var(--space-4);box-shadow:none;border-style:dashed}.contour{z-index:-1;width:100%;height:100%;color:var(--color-border);opacity:.9;position:absolute;inset:0}.empty--compact .contour{opacity:.6}.empty__content{justify-items:center;gap:var(--space-3);max-width:30rem;display:grid}.empty__title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.01em}.empty--compact .empty__title{font-family:var(--font-sans);font-size:var(--text-md)}.empty__body{color:var(--color-ink-muted)}.empty--compact .empty__body{font-size:var(--text-sm)}.empty__actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}@media (width>=900px){.empty{min-height:28rem}.empty__title{font-size:var(--text-3xl)}}.field{min-width:0;min-height:2.5rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-ink);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.field:hover{border-color:var(--color-ink-muted)}.field:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 28%, transparent);outline:none}.sidebar__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sidebar__item{width:100%;min-height:2.5rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-ink-muted);font-size:var(--text-sm);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;display:block;position:relative;overflow:hidden}.sidebar__item:before{content:"";left:0;top:var(--space-2);bottom:var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent);width:3px;transition:transform var(--duration-normal) var(--ease-standard);position:absolute;transform:scaleY(0)}.sidebar__item:hover{background:color-mix(in srgb, var(--color-ink) 6%, transparent);color:var(--color-ink)}.sidebar__item:active{background:color-mix(in srgb, var(--color-ink) 10%, transparent)}.sidebar__item[aria-current=true]{background:var(--color-surface-raised);color:var(--color-ink);font-weight:var(--weight-medium);box-shadow:inset 0 0 0 1px var(--color-border), var(--shadow-sm)}.sidebar__item[aria-current=true]:before{transform:scaleY(1)}.sidebar__foot{margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.sidebar__foot .btn{width:100%}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.pack-view{animation:rise var(--duration-slow) var(--ease-standard)}.pack-view__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-ink);flex-wrap:wrap;display:flex}.pack-view__title{min-width:0;margin-left:calc(-1 * var(--space-2));padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--color-ink);font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.015em;line-height:var(--leading-tight);text-overflow:ellipsis;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000;flex:14rem}.pack-view__title:hover{border-color:var(--color-border)}.pack-view__title:focus-visible{border-color:var(--color-focus);background:var(--color-surface-raised);outline:none}.pack-view__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pack-view__confirm,.category__confirm{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1px solid color-mix(in srgb, var(--color-danger) 40%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-danger) 8%, transparent);color:var(--color-ink);font-size:var(--text-sm);animation:rise var(--duration-normal) var(--ease-standard);flex-wrap:wrap;display:inline-flex}.pack-view__add-category{align-items:center;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.pack-view__add-category .field{flex:12rem}.pack-view__add{margin-top:var(--space-6)}@media (width>=900px){.pack-view__title{font-size:var(--text-3xl)}}.category{margin-top:var(--space-6)}.category__head{align-items:center;gap:var(--space-1) var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.category__head h2{min-width:0;font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.01em;overflow-wrap:anywhere}.category__head .btn--quiet{color:var(--color-ink-muted)}.category__head .btn--quiet:hover{color:var(--color-ink)}.category__rename{font-weight:var(--weight-medium);flex:10rem}.category__total{font-weight:var(--weight-bold);color:var(--color-ink);margin-left:auto}.category__confirm{flex-basis:100%;justify-content:flex-end}.category__items{margin:0;padding:0;list-style:none}.category .empty--compact{margin-top:var(--space-3)}.category__add{margin-top:var(--space-2);margin-left:calc(-1 * var(--space-3));color:var(--color-accent)}.category__add:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.item-row{align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);transition:background-color var(--duration-fast) var(--ease-standard);grid-template-columns:minmax(0,1fr) 4rem minmax(0,1fr) auto;grid-template-areas:"name name name name""weight quantity kind remove";display:grid}.item-row__name{grid-area:name}.item-row__weight{align-items:center;gap:var(--space-1);grid-area:weight;min-width:0;display:flex}.item-row__quantity{grid-area:quantity}.item-row__kind{grid-area:kind}.item-row__remove{width:2rem;color:var(--color-ink-muted);font-size:var(--text-lg);grid-area:remove;padding:0}.item-row__remove:hover{background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-danger)}.item-row__name,.item-row__field{width:100%;min-width:0;min-height:2.25rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-ink);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000}.item-row__name{font-weight:var(--weight-medium)}.item-row__name::placeholder{color:var(--color-ink-muted);font-style:italic;font-weight:var(--weight-regular)}.item-row__name:hover,.item-row__field:hover{border-color:var(--color-border)}.item-row__name:focus-visible,.item-row__field:focus-visible{border-color:var(--color-focus);background:var(--color-surface-raised);outline:none}.item-row__kind{color:var(--color-ink-muted);font-size:var(--text-sm);cursor:pointer}.item-row .weight,.item-row__quantity{text-align:right}.item-row__quantity{appearance:textfield}.item-row__quantity::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.item-row__quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.item-row__unit{width:1.25rem;font-size:var(--text-xs);color:var(--color-ink-muted);flex:none}@media (width>=900px){.item-row{padding:var(--space-1) 0;grid-template-columns:minmax(0,1fr) 7rem 4rem 8.5rem auto;grid-template-areas:"name weight quantity kind remove"}.item-row:hover,.item-row:focus-within{background:color-mix(in srgb, var(--color-surface-raised) 70%, transparent)}}@media (hover:hover){.item-row__remove{opacity:.45;transition:opacity var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard)}.item-row:hover .item-row__remove,.item-row:focus-within .item-row__remove{opacity:1}}.compare{gap:var(--space-4);animation:rise var(--duration-slow) var(--ease-standard);display:grid}.compare__pickers{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.compare__pick{gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);display:grid}.compare__pick .field{width:100%;font-size:var(--text-md);font-weight:var(--weight-medium);letter-spacing:normal;text-transform:none;cursor:pointer}.compare__heading{margin-top:var(--space-4);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.01em}.compare__scroll{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);max-width:100%;overflow-x:auto}.compare__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.compare__table th,.compare__table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.compare__table thead th{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-ink-muted);white-space:normal;vertical-align:bottom}.compare__table th:first-child{text-align:left;white-space:normal}.compare__table tbody th{font-weight:var(--weight-medium)}.compare__table tbody tr:last-child>*{border-bottom:0}.compare__table tbody tr{transition:background-color var(--duration-fast) var(--ease-standard)}.compare__table tbody tr:hover{background:color-mix(in srgb, var(--color-ink) 4%, transparent)}.delta{font-weight:var(--weight-bold)}.delta--good{color:var(--color-good)}.delta--warning{color:var(--color-warning)}.compare__onlys{gap:var(--space-4);margin-top:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.compare__only{padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.compare__only h3{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);overflow-wrap:anywhere}.compare__only p{font-size:var(--text-sm);color:var(--color-ink-muted)}.compare__only ul{padding-left:var(--space-4);font-size:var(--text-sm);margin:0}@media (width>=900px){.compare__table th,.compare__table td{padding:var(--space-3) var(--space-4)}}.breakdown{justify-items:center;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:grid}.breakdown__svg{width:10rem;height:10rem}.breakdown__track{stroke:var(--color-border)}.breakdown__segment{transition:stroke-dasharray var(--duration-slow) var(--ease-standard), stroke-dashoffset var(--duration-slow) var(--ease-standard)}.breakdown__total{fill:var(--color-ink);font-family:var(--font-serif);font-size:var(--text-md);font-weight:var(--weight-bold)}.breakdown__legend{gap:var(--space-2);width:100%;font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:grid}.breakdown__item{align-items:center;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto 3.5ch;display:grid}.breakdown__swatch{border-radius:var(--radius-sm);width:.75rem;height:.75rem}.breakdown__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breakdown__weight{font-weight:var(--weight-medium)}.breakdown__percent{text-align:right;color:var(--color-ink-muted)}.breakdown__empty{font-size:var(--text-sm);color:var(--color-ink-muted)}
