.shopx{--shop-rule: color-mix(in srgb, var(--color-ink) 6%, transparent);--shop-line: var(--rule);--shop-frame: var(--rule-strong);--shop-well: var(--surface-well);--shop-face: var(--surface-card);--shop-accent: var(--color-seal);--shop-accent-ink: var(--color-seal-dark);--shop-py: clamp(44px, 6vw, 84px);--case-r: var(--radius-lg);--case-pad: 8px;--cell-r: var(--radius-md);--cell-pad: 6px;--plate-r: var(--radius-sm);--sec-rule: var(--rule-strong);background-color:var(--color-bg);background-image:repeating-linear-gradient(90deg,var(--shop-rule) 0 1px,transparent 1px 30px),repeating-linear-gradient(0deg,var(--shop-rule) 0 1px,transparent 1px 30px),var(--paper-fiber);background-size:auto,auto,400px 400px}.shopx-sec{padding:var(--shop-py) 0}.shopx-ink{position:relative;--focus-ring: var(--color-seal-soft);--sec-rule: var(--rule-strong-ink);--sec-rule-lead: var(--color-seal-soft);background-color:var(--color-shell);background-image:var(--ink-plane-bg);background-size:var(--ink-plane-size);color:var(--color-gallery-text)}.shopx-ink h1,.shopx-ink h2,.shopx-ink h3{color:var(--color-paper-ink)}.awning{position:relative;border:0;margin:0;height:14px;background-image:var(--awning-cloth),repeating-linear-gradient(90deg,var(--glaze-kiln-ink) 0 22px,var(--color-paper-ink) 22px 44px,var(--glaze-jun-ink) 44px 66px,var(--color-paper-ink) 66px 88px,var(--glaze-celadon-ink) 88px 110px,var(--color-paper-ink) 110px 132px);-webkit-mask:var(--awning-scallop) repeat-x bottom / 44px 100%;mask:var(--awning-scallop) repeat-x bottom / 44px 100%}@media(max-width:560px){.awning{height:12px}}.shop-sign{position:relative;overflow:hidden}.shop-sign__inner{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(1.2rem,4vw,3rem);padding:clamp(2.2rem,5vw,3.6rem) var(--space-md) clamp(2rem,4vw,3rem)}.shop-sign__body{min-width:0;flex:1}.shop-sign__art{flex:none;line-height:0;color:var(--color-text);padding:12px;border-radius:var(--radius-md);background-color:var(--color-paper-card);background-image:var(--paper-fiber-soft);box-shadow:var(--mount);rotate:-1.1deg;transform-origin:50% -7px;transition:rotate var(--dur-mid) var(--ease-stamp),translate var(--dur-mid) var(--ease-out),box-shadow var(--dur-mid) var(--ease-out)}.shop-sign__art:hover{rotate:1.4deg;translate:0 -2px;box-shadow:var(--mount-hover)}@media(prefers-reduced-motion:reduce){.shop-sign__art{transition:none}.shop-sign__art:hover{rotate:-1.1deg;translate:0 0}}.shop-sign__art:not(:has(svg)){display:none}.shop-sign__art:before{content:"";position:absolute;top:-7px;left:50%;translate:-50% 0;width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--color-gallery-text);opacity:.55}.shop-sign__art{position:relative}@media(min-width:1100px){.shop-sign__art :global(svg){width:200px;height:200px}}@media(max-width:900px){.shop-sign__art{padding:9px}.shop-sign__art :global(svg){width:116px;height:116px}}@media(max-width:560px){.shop-sign__art :global(svg){width:88px;height:88px}}.shop-sign__plate{position:relative;flex:none;display:grid;gap:4px;padding:12px 10px;border-radius:var(--radius-stamp);background-color:var(--color-seal);background-image:var(--glaze-face-flat);background-size:var(--glaze-face-flat-size);box-shadow:inset 0 0 0 2px #f7efdd4d,inset 0 -10px 22px -14px #0000008c,var(--shadow-plate-ink);transform:rotate(-2deg)}.shop-sign__plate:before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;transform:translate(-50%);border-radius:50%;background:var(--color-gallery-mid);box-shadow:0 1px #00000073}.shop-sign__plate span{display:grid;place-items:center;width:1.9em;height:1.9em;font-family:var(--font-brush);font-weight:700;font-size:var(--text-2xl);line-height:1;color:var(--color-paper-card)}.shop-sign__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;color:var(--color-gallery-muted)}.shop-sign__title{margin:.55rem 0 0}.shop-sign__lead{margin-top:.8rem;max-width:34em;color:var(--color-gallery-mid);font-size:var(--text-lg);line-height:1.85}.shop-sign__status{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1.1rem;margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--rule-strong-ink);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-gallery-mid)}.shop-sign__status b{color:var(--color-gallery-text);font-weight:700}.shop-sign__dot{--dot: var(--color-status);width:8px;height:8px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 3px color-mix(in srgb,var(--dot) 28%,transparent);flex:none}.shop-sign__dot--wait{--dot: var(--glaze-kiln)}.shop-sign__cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}@media(max-width:720px){.shop-sign__inner{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:1rem}.shop-sign__art{order:1}.shop-sign__plate{order:2;margin-inline-start:auto;transform:rotate(-2deg) scale(.82);transform-origin:top right}.shop-sign__body{order:3;flex:1 0 100%}.shop-sign__cta>*{flex:1 1 auto}}.shopx .shop-sec__head{--sec-rule-lead: var(--shop-accent);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.8rem 1.5rem;margin-bottom:1.8rem}.shop-sec__label{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;color:var(--color-clay)}.shop-sec__label:before{content:"";width:18px;height:3px;border-radius:var(--radius-pill);background:var(--shop-accent)}.shopx .shop-sec__head h2{margin:.35rem 0 0;font-size:var(--text-2xl)}.shop-sec__count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:var(--case-pad);padding:var(--case-pad);border:1px solid var(--shop-frame);border-radius:var(--case-r);background-color:var(--shop-well);background-image:var(--case-depth),var(--paper-fiber-soft);background-size:auto,auto,360px 360px;box-shadow:var(--shadow-well)}.shelf__cell{--shop-accent: var(--color-seal);position:relative;display:grid;overflow:hidden;padding:var(--cell-pad);border:1px solid var(--shop-frame);border-radius:var(--cell-r);background-color:var(--shop-face);background-image:var(--paper-fiber-soft);background-size:360px 360px;box-shadow:var(--mount-case);transition:transform var(--dur-fast) var(--ease-out-soft),box-shadow var(--dur-mid) var(--ease-out-soft),border-color var(--dur-mid) var(--ease-out),background-color var(--dur-mid) var(--ease-out)}.shelf__main{display:flex;flex-direction:column;gap:.55rem;padding:1rem .95rem .9rem;min-width:0}@media(min-width:900px){.shelf__cell--wide{grid-column:1 / -1;grid-template-columns:minmax(180px,30%) 1fr}}.shelf__art{position:relative;display:grid;aspect-ratio:16 / 9;place-items:center;overflow:hidden;container-type:inline-size;border-radius:var(--plate-r);background-color:color-mix(in srgb,var(--shop-accent) 86%,var(--glaze-black));background-image:var(--glaze-face);background-size:var(--glaze-face-size);box-shadow:var(--glaze-rim)}.shelf__art span{position:relative;font-family:var(--font-brush);font-weight:700;font-size:40cqi;line-height:1;color:var(--glaze-mark);user-select:none}@media(min-width:900px){.shelf__cell--wide .shelf__art{aspect-ratio:auto}}.shelf__art .inkart{position:absolute;width:46cqi;height:auto}.shelf__art{color:var(--color-paper-card);--art-tint-from: var(--color-paper-card)}.shelf__cell:before{content:"";position:absolute;inset:0 0 auto;height:3px;z-index:2;background:var(--shop-accent);background:linear-gradient(90deg,color-mix(in oklab,var(--shop-accent) 82%,var(--glaze-clay)) 0%,var(--shop-accent) 30%,color-mix(in oklab,var(--shop-accent) 72%,var(--glaze-black)) 58%,var(--shop-accent) 78%,color-mix(in oklab,var(--shop-accent) 86%,var(--glaze-clay)) 100%);transform:scaleX(.2);transform-origin:0 50%;transition:transform var(--dur-mid) var(--ease-out)}.shelf__cell:hover,.shelf__cell:focus-within{transform:translateY(var(--lift-card));box-shadow:var(--mount-case-hover);border-color:var(--rule-strong-card);background-color:color-mix(in srgb,var(--shop-accent) 4%,var(--shop-face))}.shelf__cell:hover:before,.shelf__cell:focus-within:before{transform:scaleX(1)}.shelf__cell:active{transform:translateY(1px) scale(.985);box-shadow:var(--shadow-press);transition-duration:var(--dur-press)}.shelf__top{display:flex;align-items:center;gap:.6rem;min-height:30px}.shelf__ic{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-xs);background:color-mix(in srgb,var(--shop-accent) 12%,var(--shop-face));border:1px solid color-mix(in srgb,var(--shop-accent) 46%,transparent);color:var(--shop-accent);flex:none}.shelf__counter{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;color:var(--shop-accent);margin-right:auto}.shelf__name{font-family:var(--font-serif);font-weight:900;font-size:var(--text-xl);line-height:1.35;color:var(--color-ink)}.shelf__name a{color:inherit;text-decoration:none}.shelf__name a:after{content:"";position:absolute;inset:0;z-index:1}.shelf__pitch{color:var(--color-text-light);font-size:var(--text-base);line-height:1.75;flex:1}.shelf__foot{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem;margin-top:.5rem;padding-top:.9rem;border-top:1px dashed var(--shop-frame)}.shelf__foot .btn{padding:.55rem 1rem;min-height:40px;font-size:var(--text-sm)}.shopx .shelf__foot .btn--line{background-color:transparent;color:var(--color-ink);border:1.5px solid var(--rule-strong-card);--btn-wipe: var(--color-ink)}.shopx .shelf__foot .btn--line:hover{background-color:transparent;color:var(--color-paper);border-color:var(--color-ink)}.shopx .shelf__foot .btn--line .line-mark,.shopx .shelf__foot .btn--line:hover .line-mark{color:var(--color-line-deep)}.shelf__go{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;font-size:var(--text-sm);color:var(--color-seal-dark)}.shelf__go :where(.zai-ic){transition:transform var(--dur-fast) var(--ease-out)}.shelf__cell:hover .shelf__go :where(.zai-ic){transform:translate(4px)}.shelf__cell--wait{background-color:color-mix(in srgb,var(--color-bg-alt) 55%,var(--shop-face))}.shelf__cell--wait:hover,.shelf__cell--wait:focus-within{background-color:color-mix(in srgb,var(--shop-accent) 4%,color-mix(in srgb,var(--color-bg-alt) 55%,var(--shop-face)))}.price{font-family:var(--font-mono);font-weight:700;font-size:var(--text-xl);line-height:1.2;color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:.01em}.price__cur{font-size:var(--text-xs);font-weight:700;margin-right:.15em;color:var(--color-text-muted)}.price--note{font-size:var(--text-sm);font-weight:400;letter-spacing:.02em;color:var(--color-text-muted)}.ledger{display:grid;gap:0;margin:0;padding:.4rem 1.15rem;border:1px solid var(--shop-frame);border-radius:var(--cell-r);background-color:var(--shop-face);background-image:var(--paper-fiber-soft);background-size:360px 360px;box-shadow:var(--mount-tight)}.ledger dt,.ledger dd{margin:0}.ledger__row{display:flex;align-items:baseline;gap:.5rem;padding:.75rem 0;border-bottom:1px dashed var(--shop-line);font-size:var(--text-base);line-height:1.7}.ledger__row:last-child{border-bottom:0}.ledger__k{flex:none;display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.ledger__k .zai-ic{color:var(--shop-accent-ink);flex:none}.ledger__lead{flex:1;min-width:1.5rem;border-bottom:1px dotted color-mix(in srgb,var(--color-ink) 40%,transparent);transform:translateY(-.25em)}.ledger__v{color:var(--color-text);text-align:right}.ledger__v b{color:var(--color-ink)}.shopx .btn{border-radius:var(--radius-xs);background-image:linear-gradient(var(--btn-wipe, transparent),var(--btn-wipe, transparent));background-repeat:no-repeat;background-position:0 0;background-size:0% 100%;box-shadow:var(--shadow-stamp);transition:background-size var(--dur-mid) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.shopx .btn:hover{background-image:linear-gradient(var(--btn-wipe, transparent),var(--btn-wipe, transparent));background-size:100% 100%;transform:none;box-shadow:var(--shadow-stamp-hover)}.shopx .btn:active{transform:translateY(1px) scale(.985);box-shadow:var(--shadow-press);transition-duration:var(--dur-press)}.shopx .btn--primary{background-color:var(--color-ink);color:#fbf7ec;--btn-wipe: var(--color-seal)}.shopx .btn--secondary{background-color:transparent;color:var(--color-ink);border:1.5px solid var(--color-ink);--btn-wipe: var(--color-ink)}.shopx .btn--secondary:hover{color:var(--color-paper)}.shopx .btn--line{background-color:var(--color-line-deep);color:var(--color-white);--btn-wipe: var(--color-line-deep-hover)}.shopx .btn--primary:hover{background-color:var(--color-ink);color:#fbf7ec}.shopx .btn--secondary:hover{background-color:transparent}.shopx .btn--line:hover{background-color:var(--color-line-deep);color:var(--color-white)}.shopx-ink .btn--secondary{color:var(--color-paper-ink);border-color:#f7efdd73;box-shadow:var(--shadow-stamp-ink);--btn-wipe: var(--color-paper-ink)}.shopx-ink .btn--secondary:hover{color:var(--color-ink);border-color:var(--color-paper-ink)}.shop-faq{border:1px solid var(--shop-frame);border-radius:var(--case-r);overflow:hidden;background-color:var(--shop-face);background-image:var(--paper-fiber-soft);background-size:360px 360px;box-shadow:var(--mount-tight)}.shop-faq__item{border-bottom:1px solid var(--shop-line);transition:background-color var(--dur-mid) var(--ease-out)}.shop-faq__item:last-child{border-bottom:0}.shop-faq__item[open]{background-color:color-mix(in srgb,var(--shop-accent) 5%,transparent);box-shadow:inset 3px 0 0 var(--shop-accent)}.shop-faq__q{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.15rem;min-height:44px;font-weight:700;font-size:var(--text-base);color:var(--color-ink);cursor:pointer;list-style:none;transition:color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.shop-faq__q::-webkit-details-marker{display:none}.shop-faq__q:hover{color:var(--shop-accent-ink)}.shop-faq__q:active{color:var(--shop-accent-ink);transform:translateY(1px) scale(.985);transition-duration:var(--dur-press)}.shop-faq__caret{flex:none;color:var(--color-text-muted);transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.shop-faq__item[open] .shop-faq__caret{transform:rotate(180deg);color:var(--shop-accent)}.shop-faq__a{margin:0 1.15rem 1.1rem;color:var(--color-text-light);font-size:var(--text-base);line-height:1.85}.stamps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));border:1px solid var(--shop-frame);border-radius:var(--case-r);overflow:hidden;background-color:var(--shop-face);background-image:var(--paper-fiber-soft);background-size:360px 360px;box-shadow:var(--mount-tight)}.stamp{display:flex;align-items:flex-start;gap:.8rem;margin:0;padding:1.15rem 1.2rem;box-shadow:1px 0 0 var(--shop-line);font-size:var(--text-base);line-height:1.65;color:var(--color-text)}.stamp b{display:block;color:var(--color-ink)}.stamp :where(.zai-ic){flex:none;box-sizing:content-box;width:22px;height:22px;padding:9px;border-radius:var(--radius-xs);background-color:var(--color-seal);background-image:var(--glaze-face-flat);background-size:var(--glaze-face-flat-size);box-shadow:var(--glaze-rim-sm),var(--shadow-stamp);color:var(--color-paper-card)}.shop-end__inner{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;padding:clamp(2rem,4.5vw,3.2rem) var(--space-md)}.shop-end__cta{display:flex;flex-wrap:wrap;gap:.7rem}.shop-end__copy{max-width:32em}.shop-end__copy h2{margin:0 0 .5rem;font-size:var(--text-2xl)}.shop-end__copy p{color:var(--color-gallery-mid);font-size:var(--text-base);line-height:1.8}.shop-end__promise{display:flex;align-items:flex-start;gap:.5rem;margin-top:.9rem;color:var(--color-gallery-muted);font-size:var(--text-sm);line-height:1.7}.shop-end__promise a{color:var(--color-seal-soft);font-weight:700}.shop-end__promise :where(.zai-ic){flex:none;margin-top:.25em;color:var(--color-seal-soft)}@media(prefers-reduced-motion:reduce){.shelf__cell,.shelf__cell:before,.shop-faq__item,.shop-faq__q,.shop-faq__caret,.shelf__go :where(.zai-ic),.shopx .btn{transition:none}.shelf__cell:hover,.shelf__cell:focus-within{transform:none}.shelf__cell:hover .shelf__go :where(.zai-ic){transform:none}.shelf__cell:before{transform:scaleX(.2)}.shopx .btn:active,.shelf__cell:active,.shop-faq__q:active{transform:none}}
