:root{--ink-0: #0b0a08;--ink-1: #13120f;--ink-2: #1b1a16;--ink-3: #262520;--ink-4: #3a3832;--bone-0: #e8e2d3;--bone-1: #c8c0ad;--bone-2: #8a8472;--bone-3: #5e5a4e;--jade: #7ba694;--jade-deep: #4d7766;--seal: #a63d3d;--seal-deep: #7a2b2b;--ok: #7ba694;--brand: #7ba694;--font-display: "Cormorant Garamond", serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-cjk: "Noto Serif SC", serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ink-0);color:var(--bone-0);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.ink-wash{background:radial-gradient(ellipse at 20% 10%,rgba(255,255,255,.04),transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(0,0,0,.6),transparent 70%),radial-gradient(ellipse at 40% 90%,rgba(0,0,0,.8),transparent 70%),linear-gradient(180deg,#17140f,#0b0a08)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ink-0)}::-webkit-scrollbar-thumb{background:var(--ink-3);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.mono{font-family:var(--font-mono)}.cjk{font-family:var(--font-cjk)}.display{font-family:var(--font-display);font-weight:500;letter-spacing:.01em}.btn-primary{background:var(--brand);color:#0b0a08;border:none;padding:12px 28px;font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:.2em;font-size:11px;cursor:pointer;transition:all .2s;position:relative}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--bone-0);border:1px solid var(--ink-4);padding:10px 20px;font-family:var(--font-body);font-weight:500;text-transform:uppercase;letter-spacing:.2em;font-size:11px;cursor:pointer;transition:all .2s}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.ornament{display:flex;align-items:center;gap:10px;color:var(--bone-2);text-transform:uppercase;letter-spacing:.3em;font-size:10px}.ornament:before,.ornament:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ink-4),transparent)}.ornament .dot{width:4px;height:4px;background:var(--brand);transform:rotate(45deg)}.seal{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--seal);color:#f0e8d8;font-family:var(--font-cjk);font-weight:700;font-size:22px;box-shadow:inset 0 0 0 1px #0000004d,0 2px 8px #00000080;position:relative}.seal:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(240,232,216,.3)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid var(--brand);outline-offset:2px}@keyframes shopFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes shopFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shopBreath{0%,to{transform:scale(1) translateY(0);filter:brightness(1)}50%{transform:scale(1.04) translateY(-2px);filter:brightness(1.15)}}@keyframes shopDrift{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(var(--dx),var(--dy)) scale(1.4);opacity:0}}@keyframes shopShimmer{0%{transform:translate(-120%) skew(-18deg)}to{transform:translate(260%) skew(-18deg)}}@keyframes shopRipple{0%{transform:scale(0);opacity:.55}to{transform:scale(20);opacity:0}}@keyframes shopCheck{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes shopBannerPan{0%,to{transform:scale(1.05) translate(-1%)}50%{transform:scale(1.1) translate(1%,-1%)}}@keyframes shopTagPulse{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 18px 2px currentColor}}.shop-card{animation:shopFadeUp .55s both cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.shop-card:after{content:"";position:absolute;top:0;left:0;bottom:0;width:60%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.1) 50%,transparent 80%);transform:translate(-120%) skew(-18deg);pointer-events:none;transition:opacity .2s;opacity:0}.shop-card:hover:after{opacity:1;animation:shopShimmer 1.1s cubic-bezier(.2,.7,.2,1)}.shop-card:hover .shop-glow{opacity:1}.shop-glow{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(circle at 50% 50%,var(--card-accent, #7ba694) 0%,transparent 55%);filter:blur(40px);mix-blend-mode:screen}.shop-tag-hot{animation:shopTagPulse 2.2s ease-in-out infinite}.shop-banner-art{animation:shopBannerPan 14s ease-in-out infinite;transform-origin:center}.shop-ripple{position:absolute;border-radius:50%;pointer-events:none;transform-origin:center;animation:shopRipple .7s cubic-bezier(.2,.7,.2,1) forwards}.shop-mote{position:absolute;width:3px;height:3px;border-radius:50%;background:#e8e2d3b3;filter:blur(.5px);pointer-events:none;animation:shopDrift var(--dur, 14s) linear infinite;animation-delay:var(--delay, 0s)}.shop-section-enter{animation:shopFadeIn .4s both ease-out}@media (prefers-reduced-motion: reduce){.shop-card,.shop-section-enter,.shop-banner-art,.shop-tag-hot,.shop-mote{animation:none!important}.shop-card:hover:after{animation:none;opacity:0}}