.bc-root{--bc-oak-face:#c89b62;--bc-oak-lip:#a97a45;--bc-oak-dark:#8a5f33;--bc-ease-pull:cubic-bezier(.34, 1.2, .64, 1);--bc-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='150' height='150'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='150' height='150' filter='url(%23n)' opacity='.62'/></svg>");--bc-mottle:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='.011' numOctaves='3'/><feColorMatrix type='saturate' values='0'/></filter><rect width='420' height='420' filter='url(%23m)' opacity='.5'/></svg>");position:relative}.bc-root *{box-sizing:border-box}.bc-case{background:linear-gradient(#b98a52,#a97a45);border-radius:6px 6px 3px 3px;width:100%;position:relative;box-shadow:0 30px 50px -30px #281905bf,inset 0 2px #ffffff38}.bc-crown{z-index:2;background:linear-gradient(#e2bb80 0 4px,#c89b62 4px 10px,#8a5f33 10px 100%);border-radius:6px 6px 0 0;width:calc(100% + 10px);height:15px;margin:0 -5px;position:relative;overflow:hidden;box-shadow:0 5px 9px -5px #28190599,inset 0 -1px #ffffff42}.bc-plinth{background:linear-gradient(#8a5f33 0 5px,#a97a45 5px 13px,#6e4a28 13px 100%);border-radius:0 0 4px 4px;width:calc(100% + 8px);height:20px;margin:0 -4px;position:relative;overflow:hidden}.bc-body{display:flex}.bc-stile{background:linear-gradient(90deg,#875d32,#b98a52 45%,#9a6c3c);flex:none;width:13px;position:relative}.bc-stile.bc-r{background:linear-gradient(270deg,#875d32,#b98a52 45%,#9a6c3c)}.bc-stile:after,.bc-crown:after,.bc-plinth:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;opacity:.62;background:var(--bc-grain), repeating-linear-gradient(0deg, #ffffff0f 0 1px, transparent 1px 5px, #5a371417 5px 6px, transparent 6px 13px);background-size:74px,auto;position:absolute;inset:0}.bc-col{background:var(--bc-mottle), linear-gradient(90deg, transparent 0 97px, #0000002b 97px 99px, transparent 99px 244px, #00000021 244px 246px, transparent 246px 401px, #00000029 401px 403px, transparent 403px),  linear-gradient(180deg, #5c4e39, #4a3e2c);background-blend-mode:multiply, normal, normal;background-size:420px,auto,auto;flex:auto;min-width:0;position:relative}.bc-col:before{content:"";z-index:8;pointer-events:none;background:linear-gradient(90deg,#140c020f,#0000 4% 96%,#140c0214);position:absolute;inset:0}.bc-col:after{content:"";z-index:7;pointer-events:none;background:linear-gradient(102deg,#fff2da0d 0%,#fff2da03 45%,#120b030a 100%);position:absolute;inset:0}.bc-shelf{content-visibility:auto;contain-intrinsic-size:auto 192px;position:relative}.bc-root.is-settled .bc-shelf{content-visibility:visible;contain-intrinsic-size:auto;contain:layout paint}.bc-shelf:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#3c230a47,#0000);height:28px;position:absolute;top:0;left:0;right:0}.bc-shelf:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg, transparent var(--gapstart,110%), #0000001f 100%), radial-gradient(130% 90% at 50% 0%, #00000029, transparent 70%);position:absolute;inset:0}.bc-books{z-index:2;padding:24px 8px 0;padding-left:var(--rowpad,8px);align-items:flex-end;min-height:162px;display:flex;position:relative}.bc-gapshade{pointer-events:none;flex:auto;order:12;align-self:stretch}.bc-bookend{z-index:4;background:linear-gradient(90deg,#6b4522,#96683a 34%,#8a5f33 62%,#4e3117);border-radius:1px 2px 0 0;flex:none;order:11;align-self:flex-end;width:22px;margin-left:0;position:relative;box-shadow:inset 0 2px #ffffff29,inset -2px 0 #00000073,8px 0 12px -5px #281905b8}.bc-bookend:after{content:"";z-index:0;opacity:.7;background:linear-gradient(#a9793f,#7a5430);border-radius:0 1px 1px 0;width:14px;height:4px;position:absolute;bottom:0;right:-14px}.bc-plank{z-index:1;background:linear-gradient(180deg,  #d8ae72 0 2px, var(--bc-oak-face) 2px 11px, var(--bc-oak-dark) 15px 100%);height:18px;position:relative;box-shadow:0 10px 16px -10px #3c230a9e,inset 7px 0 7px -6px #1e1002bf,inset -7px 0 7px -6px #1e1002bf}.bc-plank:before{content:"";opacity:.74;z-index:2;background:var(--bc-grain), linear-gradient(0deg, transparent 0 var(--fig1,4px), #603a1442 var(--fig1,4px) calc(var(--fig1,4px) + 1px), transparent calc(var(--fig1,4px) + 1px) var(--fig2,9px), #ffecc833 var(--fig2,9px) calc(var(--fig2,9px) + 1px), transparent calc(var(--fig2,9px) + 1px) var(--fig3,14px), #603a1433 var(--fig3,14px) calc(var(--fig3,14px) + 1px), transparent calc(var(--fig3,14px) + 1px)), repeating-linear-gradient(0deg, #ffffff12 0 1px, transparent 1px 4px, #5a371417 4px 5px, transparent 5px 9px);background-blend-mode:overlay, normal, normal;mix-blend-mode:multiply;background-size:88px,auto,auto;position:absolute;inset:0}.bc-plank:after{content:"";z-index:2;background:linear-gradient(90deg,#462a0e99,#462a0e24 62%,#0000);width:14px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 1px 0 #ffeece42}.bc-lip{z-index:1;background:var(--bc-oak-lip);height:4px;position:absolute;bottom:4px;left:0;right:0;box-shadow:0 -1px #fff0d233,0 2px 3px -2px #1e100299}.bc-spine{cursor:pointer;z-index:2;transform-origin:bottom;margin:0;margin-right:calc(var(--fe,3px) + var(--slack,0px));transform:translateY(calc(var(--nudge,0px) - var(--lift,0px))) translateX(var(--part,0px)) rotate(var(--tip,0deg));transition:transform .18s var(--bc-ease-pull);background:#6b5b45;border:0;border-radius:2px 3px 0 0;flex:none;padding:0;position:relative;overflow:visible;box-shadow:1px 0 #00000057,4px 0 6px -4px #140c0252,0 10px 12px -10px #281905e6}@media (hover:hover){.bc-books:hover .bc-spine{will-change:transform}}@media (hover:hover) and (pointer:fine){.bc-spine:active{transform:translateY(calc(var(--nudge,0px) - var(--lift,0px) + 3px)) translateX(var(--part,0px)) scaleY(.985);transition-duration:70ms}}.bc-spine:focus-visible{outline:2px solid var(--color-yellow-brand);outline-offset:2px}.bc-clip{border-radius:2px 3px 0 0;position:absolute;inset:0;overflow:hidden}.bc-cover-art{z-index:0;object-fit:cover;object-position:center;mix-blend-mode:normal;opacity:1;filter:saturate(1.3) brightness(var(--artadj,1)) contrast(1.04);transform:scale(1.04)}.bc-sh{z-index:1;opacity:var(--grainop,.55);background:var(--bc-grain), linear-gradient(0deg, #0000000e 0 1px, transparent 1px 3px), linear-gradient(90deg, #ffffff1a, #0000000d 46%, #00000026), linear-gradient(180deg, #00000057, #00000008 22%, #0000001a 76%, #0006);background-size:calc(104px + var(--gs,0) * 76px), auto, auto, auto;background-blend-mode:overlay, normal, normal, normal;position:absolute;inset:0}.bc-clip:after{content:"";z-index:3;height:calc(6px + var(--r1,0) * 9px);background:linear-gradient(180deg, rgba(18, 10, 2, var(--capa,.5)), #120a0200);position:absolute;top:0;left:0;right:0}.bc-lbl{z-index:2;align-items:center;justify-content:var(--just,center);color:var(--tcol,#f4ebd6);flex-direction:column;padding:14px 0 11px;display:flex;position:absolute;inset:0}.bc-t{writing-mode:vertical-rl;text-orientation:upright;font-family:var(--font-serif,"Noto Serif TC", Georgia, serif);letter-spacing:.03em;color:var(--tcol,#f4ebd6);white-space:nowrap;text-shadow:0 1px 2px #000000eb,0 0 7px #000000b3;flex:0 auto;min-height:0;font-weight:900}.bc-t.bc-latin{text-orientation:mixed;letter-spacing:.06em}.bc-lat{text-orientation:sideways;letter-spacing:.02em}.bc-a{font-family:var(--font-serif,"Noto Serif TC", Georgia, serif);writing-mode:vertical-rl;color:var(--tcol,#f4ebd6);opacity:.86;text-shadow:0 1px 1px #00000080;flex:none;max-height:48px;margin-top:8px;font-size:8.5px;line-height:1.2;overflow:hidden}.bc-spine.bc-t2 .bc-a{display:none}.bc-spine.bc-ink .bc-t{text-shadow:0 1px #ffffff8c;-webkit-text-stroke:0}.bc-spine.bc-ink .bc-a{text-shadow:none}.bc-spine.bc-force-light .bc-t,.bc-spine.bc-force-light .bc-a{color:#fff;text-shadow:0 1px 2px #0a0601eb,0 0 6px #0a06018c;-webkit-text-stroke:.35px #0c080273;paint-order:stroke fill}.bc-spine.bc-force-light.bc-panel .bc-t{color:#fffaf0;background:#181410b3;box-shadow:0 0 0 1px #ffffff1f,0 2px 4px #0000004d}.bc-spine.bc-t1 .bc-lbl:after,.bc-spine.bc-t2 .bc-lbl:after{content:"";width:var(--comark,72%);height:var(--colo,7px);margin-top:auto;margin-bottom:var(--coy,0px);opacity:var(--coop,.34);background:currentColor;border-radius:1px;flex:none}.bc-spine.bc-nomark .bc-lbl:after{display:none}.bc-spine.bc-band:before,.bc-spine.bc-band:after{content:"";z-index:2;background:#ffffff4d;height:1px;position:absolute;left:0;right:0;box-shadow:0 2px #00000047}.bc-spine.bc-band:before{top:calc(4px + var(--r1,0) * 16px)}.bc-spine.bc-band:after{bottom:calc(6px + (1 - var(--r1,0)) * 13px)}.bc-spine.bc-panel .bc-lbl{padding-top:22px}.bc-spine.bc-panel .bc-t{color:#241a10;text-shadow:none;background:linear-gradient(90deg,#efe4cb,#f6eedc 40%,#e6d8bb);padding:9px 0;box-shadow:0 0 0 1px #0000002e,0 1px 3px #0000004d}.bc-spine.bc-cloth{box-shadow:1px 0 #00000057,-1px 0 #ffffff1f,4px 0 6px -4px #140c0252,0 10px 12px -10px #281905e6}.bc-spine.bc-cloth .bc-sh{opacity:.6;background:var(--bc-grain), linear-gradient(0deg, #00000012 0 1px, transparent 1px 3px), linear-gradient(90deg, #ffffff17, #0000000d 46%, #00000024), linear-gradient(180deg, #00000057, #00000008 22%, #0000001a 76%, #0006);background-blend-mode:overlay, normal, normal, normal}.bc-spine.bc-cloth .bc-t{text-shadow:0 1px 1px #0000008c}.bc-spine.bc-cloth:before,.bc-spine.bc-cloth:after{content:"";z-index:2;background:#e9d6a48c;height:1px;position:absolute;left:4px;right:4px}.bc-spine.bc-cloth:before{top:calc(5px + (1 - var(--r1,0)) * 15px)}.bc-spine.bc-cloth:after{bottom:calc(7px + var(--r1,0) * 14px)}.bc-spine.bc-worn .bc-clip{clip-path:polygon(0 6px,22% 2px,58% 5px,100% 0,100% 100%,0 100%)}.bc-spine.bc-worn .bc-t{opacity:.82}.bc-spine.bc-worn .bc-sh:after{content:"";background:linear-gradient(#0000,#0000006b 30%,#ffffff1f 70%,#0000);width:1px;position:absolute;top:18%;bottom:26%;left:32%}.bc-fe{top:var(--fetop,3px);width:var(--fe,3px);z-index:1;filter:brightness(var(--feb,1)) saturate(var(--fes,1));background:repeating-linear-gradient(90deg, rgba(255, 255, 255, var(--fewhite,.13)) var(--fephase,0px) calc(var(--fephase,0px) + 1px), #0000001a calc(var(--fephase,0px) + 1px) calc(var(--fephase,0px) + var(--fep,3px))),  linear-gradient(90deg, #c9bc9c, #8e7b5c);border-radius:0 2px 0 0;position:absolute;bottom:0;left:100%}.bc-fe:after{content:"";border-radius:inherit;background:linear-gradient(var(--fedir,90deg), #0000009e, #0000003d);opacity:calc(.14 + .62 * var(--feboard,0));position:absolute;inset:0}.bc-ft{left:-2px;right:calc(-1 * var(--fe,3px) - 2px);height:calc(var(--foot,7px) + 3px);z-index:4;pointer-events:none;background:linear-gradient(0deg,#1c100338 0 3px,#1c10039e 3px,#0000);position:absolute;bottom:-3px}.bc-slot{left:calc(100% + var(--fe,3px));top:var(--fetop,3px);width:var(--slotw,0px);z-index:0;pointer-events:none;background:linear-gradient(#0a050047,#0a0500b3 62%,#0a0500cc 93%,#0a050066);position:absolute;bottom:-6px}.bc-spine.bc-lean .bc-slot{background:linear-gradient(#0a05001f,#0a05009e 72%,#0a0500d1);top:14%;left:auto;right:calc(100% - 2px)}.bc-spine.bc-back{z-index:1;margin-left:-3px}.bc-spine.bc-back .bc-fe{display:none}.bc-spine.bc-back .bc-clip:before{content:"";z-index:3;background:linear-gradient(#1009022e,#1009021a 30%,#1009021a);position:absolute;inset:0}.bc-spine.bc-fwd{z-index:3;box-shadow:2px 0 #0000004d,5px 0 8px -4px #140c0257,0 15px 17px -10px #281905f2}.bc-spine.bc-fwd .bc-clip:before{content:"";z-index:3;background:linear-gradient(#120a0233,#120a0200);height:5px;position:absolute;top:0;left:0;right:0}.bc-spine.bc-lean{transform:translateY(calc(var(--nudge,0px) - var(--lift,0px))) rotate(var(--lean,6deg));transform-origin:100% 100%;z-index:5;order:10;margin-right:10px;box-shadow:1px 0 #00000052,-7px 0 9px -6px #28190580,0 10px 12px -10px #281905e6}.bc-spine.bc-lit{z-index:5;box-shadow:1px 0 #00000057,4px 0 6px -4px #140c0252,0 16px 18px -10px #281905f2}.bc-spine.bc-lit .bc-lbl{filter:brightness(1.12)}@media (prefers-reduced-motion:reduce){.bc-spine,.bc-spine:active{transition:none}}