.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.buy{padding:110px var(--pad) 40px}.buy__head{max-width:var(--max);margin:0 auto clamp(24px,4vw,44px)}.buy__title{letter-spacing:-.04em;font-size:clamp(38px,5.4vw,64px);font-weight:300;line-height:1}.buy__grid{max-width:var(--max);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,64px);margin:0 auto;display:grid}.stage{position:sticky;top:84px}.stage__card{border:1px solid var(--border);border-radius:var(--radius-2xl);background-color:var(--canvas);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:22px 22px;flex-direction:column;justify-content:center;align-items:center;min-height:min(620px,100vh - 200px);padding:clamp(24px,4vw,48px);display:flex}.stage__svg{width:100%;max-width:520px;height:auto;overflow:visible}.stage__card.is-bump .stage__svg{animation:bump .45s var(--ease-out)}@keyframes bump{0%{transform:scale(.96)}60%{transform:scale(1.015)}to{transform:none}}.stage__spec{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted-foreground);text-align:center;margin-top:18px;font-size:12.5px}.stage__spec span{color:var(--foreground)}.stage__card .unit__body,.stage__card .unit__face,.stage__card .unit__nub,.stage__card .unit__mark{transition:fill .5s,stroke .5s}.stage__card[data-color=black]{--unit-body:#1c1c21;--unit-face:#26262d;--unit-edge:#3a3a44;--unit-mark:#f4f4f5}.stage__card[data-color=red]{--unit-body:#b8182b;--unit-face:#c9253a;--unit-edge:#d8475a;--unit-mark:#fff5f5}.stage__card[data-color=pink]{--unit-body:#f2a7bd;--unit-face:#f6bccd;--unit-edge:#e58fa9;--unit-mark:#5b1f35}.stage__card[data-color=green]{--unit-body:#1f5f45;--unit-face:#286f52;--unit-edge:#378563;--unit-mark:#effaf4}.stage__card[data-color=blue]{--unit-body:#1e40af;--unit-face:#2a4fc2;--unit-edge:#4166d6;--unit-mark:#eff4ff}.stage__card[data-color=pink] .unit__sheen{opacity:.12}.stage__wave{fill:none;stroke:var(--c);stroke-width:5px;stroke-linecap:round;opacity:0;transition:opacity .35s ease, transform .45s var(--ease-out);transform:translateY(8px)}.stage__card:is([data-networks="1"],[data-networks="2"],[data-networks="3"]) [data-wave="1"],.stage__card:is([data-networks="2"],[data-networks="3"]) [data-wave="2"],.stage__card[data-networks="3"] [data-wave="3"]{opacity:1;animation:2.6s ease-in-out infinite signal;animation-delay:calc(var(--i) * .25s);transform:none}@keyframes signal{0%,to{stroke-opacity:1}50%{stroke-opacity:.35}}@media (prefers-reduced-motion:reduce){.stage__wave{transition:none;animation:none!important}.stage__card.is-bump .stage__svg{animation:none}}.opts{flex-direction:column;gap:clamp(36px,5vw,52px);padding-bottom:40px;display:flex}.opt{border:0;min-width:0;margin:0;padding:0}.opt__title{letter-spacing:-.025em;margin-bottom:16px;padding:0;font-size:clamp(21px,2.2vw,26px);font-weight:400}.opt__title span{color:var(--muted-foreground)}.choice input,.swatch input{opacity:0;pointer-events:none;position:absolute}.choices{gap:12px;display:grid}.choices--2{grid-template-columns:repeat(2,minmax(0,1fr))}.choices--storage{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.choice{display:flex;position:relative}.choice__body{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:14px;flex-direction:column;flex:1;gap:4px;padding:18px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.choice:hover .choice__body{border-color:color-mix(in oklab, var(--muted-foreground) 60%, var(--border))}.choice input:checked+.choice__body{border-color:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground)}.choice input:focus-visible+.choice__body{outline:2px solid var(--ring);outline-offset:3px}.choice b{letter-spacing:-.015em;font-size:17px;font-weight:600}.choice small{color:var(--muted-foreground);font-size:13.5px;line-height:1.45}.choice--compact .choice__body{justify-content:center;align-items:center;padding:16px 8px}.choice--compact b{font-size:15px}.choice__bars{align-items:flex-end;gap:3px;height:16px;margin-bottom:8px;display:inline-flex}.choice__bars i{background:var(--muted);border-radius:2px;width:5px}.choice__bars i:first-child{height:45%}.choice__bars i:nth-child(2){height:72%}.choice__bars i:nth-child(3){height:100%}.choice__bars i.lane-1{background:var(--lane-1)}.choice__bars i.lane-2{background:var(--lane-2)}.choice__bars i.lane-3{background:var(--lane-3)}.swatches{flex-wrap:wrap;gap:14px;display:flex}.swatch{cursor:pointer;padding:4px;position:relative}.swatch__dot{background:var(--s);width:36px;height:36px;box-shadow:inset 0 1px 2px #ffffff40, inset 0 -2px 4px #0000002e, 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent);transition:box-shadow .2s ease, transform .2s var(--ease-out);border-radius:50%;display:block}.swatch:hover .swatch__dot{transform:scale(1.06)}.swatch input:checked+.swatch__dot{box-shadow:inset 0 1px 2px #ffffff40, inset 0 -2px 4px #0000002e, 0 0 0 3px var(--background), 0 0 0 5px var(--foreground)}.swatch input:focus-visible+.swatch__dot{outline:2px solid var(--ring);outline-offset:6px}.swatch__name{color:var(--muted-foreground);margin-top:10px;font-size:14px}.help{margin-top:14px}.help summary{color:var(--lane-2);cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:500;list-style:none;display:inline-flex}.help summary::-webkit-details-marker{display:none}.help summary:after{content:"+";transition:transform .25s var(--ease-out);font-size:16px;line-height:1}.help[open] summary:after{transform:rotate(45deg)}.help p{background:var(--muted);color:var(--muted-foreground);border-radius:12px;margin-top:10px;padding:14px 16px;font-size:14.5px}.bag{z-index:50;padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom));background:color-mix(in oklab, var(--background) 86%, transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0}.bag__inner{max-width:var(--max);align-items:center;gap:14px;margin:0 auto;display:flex}.bag__dot{background:var(--s);width:26px;height:26px;box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 12%, transparent), inset 0 -2px 3px #0000002e;border-radius:50%;flex:none;transition:background .4s}.bag__text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.bag__text b{font-size:14.5px;font-weight:600}.bag__text span{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.bag__go{flex:none;margin-left:auto}.buy__note{max-width:var(--max);color:var(--muted-foreground);margin:8px auto 0;font-size:13px}body:has(.bag) .foot{padding-bottom:110px}@media (width<=900px){.buy__grid{grid-template-columns:1fr}.stage{position:static}.stage__card{min-height:0;padding:28px 16px 20px}.choices--storage{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.choices--2{grid-template-columns:1fr}.bag__go{height:40px;padding:0 16px;font-size:14px}.bag__dot{display:none}}