.shop-viewbar{max-width:1100px;margin:18px auto 8px;padding:0 clamp(16px,5vw,48px);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.shop-viewbar .shop-count{margin:0;padding:0}.shop-viewswitch{display:inline-flex;gap:2px;padding:2px;border-radius:999px;border:1px solid var(--hair);background:color-mix(in srgb,var(--text) 3%,transparent)}.shop-viewbtn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:0;cursor:pointer;background:transparent;color:var(--muted);font-size:var(--fs-sm);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.shop-viewbtn:hover{color:var(--text)}.shop-viewbtn[data-on=true]{background:var(--active);color:var(--text)}.book{max-width:1180px;margin:0 auto;padding:4px clamp(14px,4vw,40px) 56px}.book-stage{position:relative;perspective:2400px;border-radius:16px;overflow:hidden;background:radial-gradient(130% 100% at 50% -10%,color-mix(in srgb,var(--text) 5%,transparent),transparent 60%),var(--bg);border:1px solid var(--hair);box-shadow:0 40px 80px -48px rgba(0,0,0,.75),inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent)}.book-spread{display:grid;grid-template-columns:1fr 1fr}.book[data-single=true] .book-spread{grid-template-columns:1fr}.book-page{padding:clamp(14px,2.4vw,30px)}.book-page[data-side=left]{padding-right:clamp(20px,2.8vw,34px)}.book-page[data-side=right]{padding-left:clamp(20px,2.8vw,34px)}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.3vw,16px)}.book-pocket{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;border-radius:10px}.book-pocket-slot{position:relative;display:block;aspect-ratio:63/88;border-radius:8px}.book-pocket-slot .tilt{position:absolute;inset:0}.book-pocket-slot .tilt-inner{width:100%;height:100%;overflow:hidden;border:1px solid var(--hair);background:color-mix(in srgb,var(--text) 4%,transparent)}.book-pocket-slot img{width:100%;height:100%;object-fit:cover;display:block}.book-noimg{position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--text) 5%,transparent) 0 8px,transparent 8px 16px)}.book-pocket-empty{cursor:default}.book-pocket-empty .book-pocket-slot{border:1px solid var(--hair);border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--text) 3.5%,transparent),transparent 55%),color-mix(in srgb,var(--bg) 60%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 6%,transparent)}.book-pocket-empty .book-pocket-slot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 40% at 50% 0,color-mix(in srgb,var(--text) 5%,transparent),transparent 70%);pointer-events:none}.book-pocket-foot{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-height:16px}.book-pocket-name{overflow:hidden;text-overflow:ellipsis}.book-pocket-name,.book-pocket-price{font-size:var(--fs-xs);color:var(--text);white-space:nowrap}.book-pocket-price.muted{color:var(--muted)}.book-badge{position:absolute;top:6px;left:6px;z-index:2;padding:2px 7px;border-radius:6px;font-size:10px;font-weight:600;color:#fff;background:color-mix(in srgb,var(--neg) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.book-spine{top:0;bottom:0;width:30px;z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,#000 55%,transparent) 42%,color-mix(in srgb,#000 55%,transparent) 58%,transparent)}.book-spine,.book-spine:before{position:absolute;left:50%;transform:translateX(-50%)}.book-spine:before{content:"";top:14px;bottom:14px;width:2px;background:repeating-linear-gradient(180deg,transparent 0 10px,color-mix(in srgb,var(--text) 26%,transparent) 10px 14px,transparent 14px 30px)}.book-leaf{position:absolute;top:0;bottom:0;z-index:5;transform-style:preserve-3d;pointer-events:none;will-change:transform;transition:transform .72s cubic-bezier(.33,.02,.25,1)}.book-leaf[data-side=right]{left:50%;right:0;transform-origin:left center}.book-leaf[data-side=left]{left:0;right:50%;transform-origin:right center}.book-leaf[data-side=full]{left:0;right:0;transform-origin:left center}.book-leaf[data-dir=fwd],.book-leaf[data-side=left][data-dir=bwd]{transform:rotateY(0deg)}.book-leaf[data-side=full][data-dir=bwd],.book-leaf[data-side=right][data-dir=fwd][data-turning=true]{transform:rotateY(-180deg)}.book-leaf[data-side=left][data-dir=bwd][data-turning=true]{transform:rotateY(180deg)}.book-leaf[data-side=full][data-dir=fwd][data-turning=true]{transform:rotateY(-180deg)}.book-leaf[data-side=full][data-dir=bwd][data-turning=true]{transform:rotateY(0deg)}.book-leaf-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(120% 100% at 50% -10%,color-mix(in srgb,var(--text) 5%,transparent),transparent 60%),var(--bg)}.book-leaf-back{transform:rotateY(180deg)}.book-leaf-back:after,.book-leaf-front:after{content:"";position:absolute;inset:0;pointer-events:none}.book-leaf[data-side=right] .book-leaf-face:after{background:linear-gradient(90deg,color-mix(in srgb,#000 34%,transparent),transparent 24%)}.book-leaf[data-side=left] .book-leaf-face:after{background:linear-gradient(270deg,color-mix(in srgb,#000 34%,transparent),transparent 24%)}.book-edge{position:absolute;top:0;bottom:0;width:9%;z-index:6;border:0;background:transparent;padding:0;margin:0;cursor:pointer;appearance:none}.book-edge-prev{left:0}.book-edge-next{right:0}.book-edge:disabled{cursor:default}.book-controls{display:flex;gap:18px;margin-top:18px}.book-controls,.book-nav{align-items:center;justify-content:center}.book-nav{display:inline-flex;width:40px;height:40px;border-radius:999px;border:1px solid var(--hair);background:color-mix(in srgb,var(--text) 4%,transparent);color:var(--text);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.book-nav:hover:not(:disabled){background:color-mix(in srgb,var(--text) 9%,transparent);border-color:color-mix(in srgb,var(--text) 18%,transparent)}.book-nav:active:not(:disabled){transform:scale(.94)}.book-nav:disabled{opacity:.32;cursor:default}.book-pageno{min-width:128px;text-align:center;font-size:var(--fs-sm);color:var(--muted);letter-spacing:.01em;font-variant-numeric:tabular-nums}@keyframes bookFade{0%{opacity:0}to{opacity:1}}.book-stage[data-reduced=true] .book-spread{animation:bookFade .3s var(--ease)}@media (prefers-reduced-motion:reduce){.book-leaf{transition:none}}@media (max-width:700px){.book{padding-bottom:44px}.book-stage{max-width:460px;margin:0 auto}.book-page{padding:clamp(12px,4vw,20px)}.book-grid{gap:10px}}