.shop{max-width:1160px;margin:0 auto;padding:clamp(var(--s-8),5vw,var(--s-16)) clamp(var(--s-4),4vw,var(--s-12)) var(--s-16);display:grid;gap:var(--s-8);align-content:start;min-height:60vh}.shop__head{display:grid;gap:var(--s-3)}.shop__head h1{font-size:var(--step-3)}.shop__lede{max-width:60ch;color:var(--ink-body);font-size:var(--step-1)}.shop h2{font-size:var(--step-2)}.shop__controls{display:flex;flex-wrap:wrap;gap:var(--s-6) var(--s-16);padding-bottom:var(--s-6);border-bottom:1px solid var(--rule-fine)}.shop__control{display:grid;gap:var(--s-2);align-content:start}.shop__hint{color:var(--ink-label);font-size:var(--step--1);max-width:46ch}.shop-plate{background:var(--panel-up);border:1px solid var(--rule);border-radius:var(--r-panel);box-shadow:inset 0 1px 0 var(--bevel-hi),0 1px 0 var(--bevel-lo);padding:var(--s-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-body);background:var(--key-face);border:1px solid var(--rule);border-radius:var(--r-panel);box-shadow:inset 0 1px 0 var(--bevel-hi),0 1px 0 var(--bevel-lo);padding:var(--s-2) var(--s-4);cursor:pointer;text-decoration:none}.btn:hover:not(:disabled){color:var(--ink);border-color:var(--ink-faint)}.btn:disabled{opacity:.45;cursor:default}.btn--go{color:var(--mark);background:var(--key-on-face);border-color:var(--mark-dim)}.btn--go:hover:not(:disabled){color:var(--mark);border-color:var(--mark)}.btn--quiet{background:none;box-shadow:none;border-color:transparent;color:var(--ink-label)}.btn--quiet:hover:not(:disabled){border-color:var(--rule)}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.shop-note{border-left:2px solid var(--mark-dim);padding:var(--s-2) var(--s-4);color:var(--ink-label);font-size:var(--step--1)}.shop-note--loud{border-left-color:var(--mark);color:var(--ink-body)}.shop-note--bad{border-left-color:var(--bad);color:var(--ink-body)}.input{display:grid;gap:var(--s-1)}.input__label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-label)}.input input[type=text],.input input[type=email]{width:100%;padding:var(--s-2) var(--s-3);font:inherit;color:var(--ink);background:var(--panel-down);border:1px solid var(--rule);border-radius:var(--r-screen)}.input input:focus-visible{outline:2px solid var(--mark);outline-offset:1px}.input--bad input{border-color:var(--bad)}.input__error{color:var(--bad);font-size:var(--step--1)}.input__help{color:var(--ink-label);font-size:var(--step--1)}.input__need{margin-left:var(--s-2);font-size:.68rem;letter-spacing:.04em;color:var(--mark)}.input__need--optional{color:var(--ink-faint)}.check{display:flex;gap:var(--s-3);align-items:flex-start;font-size:var(--step--1)}.check input{margin-top:.3em;accent-color:var(--mark)}