:root{--paper: #EDEAE4;--paper-ink: #0E0D0C;--ok: #9FC59A;--warn: #E2B35C}.px-sub{position:sticky;top:68px;z-index:90;background:color-mix(in srgb,var(--ink-soft) 94%,transparent);backdrop-filter:blur(8px);border-block:1px solid var(--ink-line)}.px-sub__inner{display:flex;align-items:center;gap:1.5rem;min-height:52px}.px-sub__brand{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem;color:var(--bone);white-space:nowrap}.px-sub__x{color:var(--bone-faint)}.px-sub__links{display:flex;gap:1.4rem;margin-left:auto;overflow-x:auto;scrollbar-width:none}.px-sub__links a,.px-sub__quote{font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim);white-space:nowrap;padding-block:.9rem;border-bottom:1px solid transparent;transition:color .3s var(--ease),border-color .3s var(--ease)}.px-sub__links a:hover,.px-sub__links a[aria-current=page],.px-sub__quote:hover,.px-sub__quote[aria-current=page]{color:var(--bone);border-bottom-color:var(--bone)}.px-sub__quote{display:inline-flex;align-items:center;gap:.5rem;color:var(--bone)}.px-badge{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;padding-inline:.35em;border-radius:999px;background:var(--bone);color:var(--ink);font-size:.75rem;letter-spacing:0;font-variant-numeric:tabular-nums}.px-badge[hidden]{display:none}.px-sub__logo{height:30px;width:auto;display:block}.px-print{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:var(--bone-dim);text-decoration:underline;text-underline-offset:3px}.px-print:hover,.px-print:focus-visible{color:var(--bone)}@media print{.px-sub{position:static!important;border:0!important;background:none!important}.px-sub__inner{padding:0 0 8pt!important}.px-sub__logo{filter:invert(1);height:24px}.px-badge,.px-print,.px-toast{display:none!important}.px-input,.px-select{border:0!important;background:none!important;padding:0!important;color:#111!important;-webkit-appearance:none;appearance:none}}@media (max-width: 720px){.px-sub__brand{display:none}.px-sub__inner{gap:1rem}.px-sub__links{margin-left:0;gap:1rem}.px-sub__links a[href$="#planner"]{display:none}.px-sub__links a,.px-sub__quote{letter-spacing:.06em}.px-sub__quote{margin-left:auto}}.px-field>span.px-hint{font-size:var(--step--1);letter-spacing:0;text-transform:none;color:var(--bone-faint)}.px-section{padding-block:clamp(3.5rem,2rem + 5vw,7rem)}.px-section+.px-section{border-top:1px solid var(--ink-line)}.px-h2{font-size:var(--step-3);margin-top:.8rem;max-width:22ch}.px-lede{color:var(--bone-dim);font-size:var(--step-1);max-width:54ch;margin-top:1.2rem;line-height:1.5}.px-muted{color:var(--bone-dim)}.px-small{font-size:var(--step--1)}.px-num{font-variant-numeric:tabular-nums}.px-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--ink-line);border:1px solid var(--ink-line)}.px-card{display:flex;flex-direction:column;background:var(--ink);transition:background .3s var(--ease)}.px-card:hover{background:var(--ink-soft)}.px-card__img{aspect-ratio:1;background:var(--paper);display:grid;place-items:center;overflow:hidden}.px-card__img img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s var(--ease)}.px-card:hover .px-card__img img{transform:scale(1.04)}.px-card__body{padding:1rem 1.1rem 1.25rem;display:grid;gap:.3rem}.px-card__cat{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-faint)}.px-card__name{font-size:var(--step-1);line-height:1.2}.px-card__meta{font-size:var(--step--1);color:var(--bone-dim)}.px-chips{display:flex;flex-wrap:wrap;gap:.5rem}.px-chip{font:inherit;font-size:var(--step--1);letter-spacing:.06em;padding:.45em .95em;border:1px solid var(--ink-line-strong);background:transparent;color:var(--bone-dim);cursor:pointer;border-radius:999px;transition:all .25s var(--ease)}.px-chip:hover{color:var(--bone);border-color:var(--bone-dim)}.px-chip[aria-pressed=true]{background:var(--bone);color:var(--ink);border-color:var(--bone)}.px-field{display:grid;gap:.4rem}.px-field>span,.px-label{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim)}.px-input,.px-select,.px-textarea{font:inherit;font-size:var(--step-0);color:var(--bone);background:var(--ink-soft);border:1px solid var(--ink-line-strong);padding:.75em .9em;border-radius:0;width:100%;transition:border-color .25s var(--ease)}.px-input:focus,.px-select:focus,.px-textarea:focus{outline:none;border-color:var(--bone)}.px-textarea{min-height:7rem;resize:vertical}.px-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--bone-dim) 50%),linear-gradient(135deg,var(--bone-dim) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:2.2rem}input[type=date].px-input{color-scheme:dark}.px-hint{font-size:var(--step--1);color:var(--bone-faint)}.px-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.px-options{display:flex;flex-wrap:wrap;gap:.5rem}.px-option{position:relative;font:inherit;font-size:var(--step--1);padding:.55em .9em;border:1px solid var(--ink-line-strong);background:transparent;color:var(--bone-dim);cursor:pointer;text-align:left}.px-option[aria-pressed=true]{border-color:var(--bone);color:var(--bone);background:var(--ink-soft)}.px-swatch{width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);outline:1px solid var(--ink-line-strong);cursor:pointer;padding:0}.px-swatch[aria-pressed=true]{outline:2px solid var(--bone);outline-offset:2px}.px-qty{display:inline-flex;border:1px solid var(--ink-line-strong)}.px-qty button{width:2.6rem;background:none;border:0;color:var(--bone);font:inherit;font-size:1.1rem;cursor:pointer}.px-qty button:hover{background:var(--ink-soft)}.px-qty input{width:6.5rem;text-align:center;background:transparent;border:0;border-inline:1px solid var(--ink-line-strong);color:var(--bone);font:inherit;font-variant-numeric:tabular-nums;padding:.6em 0}.px-qty input:focus{outline:none}.px-note{border-left:2px solid var(--bone-dim);padding:.6rem 0 .6rem 1rem;color:var(--bone-dim);font-size:var(--step--1)}.px-pill{display:inline-flex;align-items:center;gap:.45em;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--ink-line-strong);padding:.4em .8em;color:var(--bone)}.px-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}.px-toast{position:fixed;left:50%;bottom:1.5rem;width:max-content;visibility:hidden;transform:translate(-50%,calc(100% + 2rem));background:var(--bone);color:var(--ink);padding:.85rem 1.2rem;display:flex;gap:1rem;align-items:center;z-index:300;transition:transform .45s var(--ease),visibility 0s linear .45s;font-size:var(--step--1);max-width:calc(100vw - 32px)}.px-toast[data-show]{transform:translate(-50%);visibility:visible;transition:transform .45s var(--ease)}.px-toast a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.q__item{display:grid;grid-template-columns:76px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--ink-line)}.q__thumb{width:76px;height:76px;background:var(--paper);display:grid;place-items:center}.q__thumb img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}.q__name{font-size:var(--step-1);line-height:1.2}.q__meta{font-size:var(--step--1);color:var(--bone-dim);margin-top:.2rem}.q__ctrl{display:grid;gap:.4rem;justify-items:end}.q__ctrl input{width:6.5rem;text-align:right}.q__remove{background:none;border:0;color:var(--bone-faint);font:inherit;font-size:var(--step--1);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.q__remove:hover{color:var(--bone)}.q__est{font-size:var(--step--1);color:var(--bone);margin-top:.35rem;font-variant-numeric:tabular-nums}