.shelf-band{--shelf-fg-1: #f7ecd8;--shelf-fg-2: rgb(247 236 216 / .7);--shelf-fg-3: rgb(247 236 216 / .52);--shelf-border-1: rgb(255 236 200 / .1);--shelf-border-2: rgb(255 236 200 / .16);--shelf-surface-1: rgb(20 10 5 / .72);--shelf-surface-2: rgb(255 255 255 / .08);--shelf-serif: var(--font-serif);--shelf-sans: var(--font-sans);position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(110% 80% at 50% 26%,#764e2ef2,#462a18fa 45%,#23140b 78%,#140a05),#1c110a;color:var(--shelf-fg-1);font-family:var(--shelf-sans);font-weight:400;color-scheme:dark}.shelf-band--end{background:none;overflow:visible}.shelf-band--end:before,.shelf-band--end:after{display:none}.shelf-band--end .shelf-band-inner{padding-bottom:8px}.shelf-band:before,.shelf-band:after{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none}.shelf-band:before{background-image:url(/texture.jpg);background-size:640px 640px;mix-blend-mode:multiply;opacity:.35}.shelf-band:after{background:radial-gradient(60% 40% at 50% 18%,rgb(255 226 170 / .16),transparent 70%),linear-gradient(180deg,transparent 60%,rgb(0 0 0 / .35))}.shelf-band-inner{max-width:1440px;margin-inline:auto;padding:12px 16px 56px}@media(min-width:640px){.shelf-band-inner{padding-inline:24px}}.live-line{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:4px;padding-block:12px;border-block:1px solid var(--shelf-border-1);font-size:13.5px;line-height:20px;color:var(--shelf-fg-2)}.live-line-story{display:flex;min-width:0;align-items:center;gap:8px;overflow:hidden;white-space:nowrap}.live-line-title,.live-line-figure{color:var(--shelf-fg-1)}.live-line-title{overflow:hidden;text-overflow:ellipsis}.live-line-figure{font-variant-numeric:tabular-nums}.live-line-muted{color:var(--shelf-fg-3)}.live-line-meta{display:none;margin-left:auto;align-items:center;column-gap:8px}@media(min-width:640px){.live-line-meta{display:flex}}.live-line-go{display:inline-flex;align-items:center;gap:4px;transition:color .16s}.live-line-go svg{width:12px;height:12px;transition:transform .16s}.live-line-meta:hover .live-line-go{color:var(--shelf-fg-1)}.live-line-meta:hover .live-line-go svg{transform:translate(2px)}.live-dot{position:relative;display:inline-block;flex:none;width:7px;height:7px;margin-right:4px;border-radius:999px;background:var(--shelf-fg-1)}.live-dot:after{content:"";position:absolute;inset:-4px;border:1.5px solid rgb(247 236 216 / .5);border-radius:999px;animation:live-pulse 2.2s cubic-bezier(.2,0,0,1) infinite}@keyframes live-pulse{0%{transform:scale(.6);opacity:.9}70%,to{transform:scale(1.6);opacity:0}}.most-read-shelf{padding-top:12px}.shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.shelf-title{margin:0;font-family:var(--shelf-serif);font-size:24px;font-weight:700;line-height:1.2;color:var(--shelf-fg-1)}.shelf-hint{margin-top:4px;font-size:12px;line-height:16px;color:var(--shelf-fg-3)}.shelf-navigation{display:flex;gap:6px;margin-left:auto}.shelf-nav{width:32px;height:32px;border:1px solid var(--shelf-border-1);border-radius:50%;color:var(--shelf-fg-2);font-size:14px;transition:background .16s,opacity .16s}.shelf-nav:hover:not(:disabled){background:var(--shelf-surface-2)}.shelf-nav:disabled{opacity:.28;cursor:default}.shelf-nav:focus-visible,.shelf-return:focus-visible,.shelf-label-cta:focus-visible{outline:2px solid var(--shelf-fg-2);outline-offset:4px}.shelf-viewport{--fade-left: 0px;--fade-right: 0px;position:relative;margin-top:8px;isolation:isolate}.shelf-viewport[data-left="1"]{--fade-left: 28px}.shelf-viewport[data-right="1"]{--fade-right: 28px}.shelf-gl,.shelf-wrap{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent)}.shelf-wrap{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:90px 0 24px;touch-action:pan-x pan-y}.shelf-wrap::-webkit-scrollbar{display:none}.shelf-wrap:focus-visible{outline:1px solid var(--shelf-border-2);outline-offset:3px}.shelf-row{position:relative;display:flex;align-items:end;gap:10px;height:292px;width:max-content;min-width:100%;margin:0;padding:0 24px 0 0;list-style:none}.shelf-item:first-child{margin-left:auto}.shelf-item:last-child{margin-right:auto}.shelf-item{flex:none;width:var(--d);height:var(--h)}.shelf-link{position:relative;display:block;height:100%;border-radius:2px;outline:none}.shelf-link:focus-visible{outline:2px solid var(--shelf-fg-2);outline-offset:4px}.shelf-spine{position:relative;display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,rgb(0 0 0 / .42),transparent 22%,rgb(255 255 255 / .14) 50%,transparent 78%,rgb(0 0 0 / .42)),var(--board);box-shadow:inset 0 0 0 1px #00000040,1px 2px 3px #00000040;container-type:inline-size}.shelf-spine:before,.shelf-spine:after{position:absolute;top:6%;bottom:6%;width:2px;content:"";background:repeating-linear-gradient(180deg,rgb(255 236 200 / .55) 0 5px,transparent 5px 9px);opacity:.8}.shelf-spine:before{left:18%}.shelf-spine:after{right:18%}.shelf-spine-title,.shelf-spine-mark{position:absolute;left:50%;writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg);line-height:1;white-space:nowrap;color:#fff0d2eb;text-shadow:0 0 1px rgb(0 0 0 / .5),0 1px 0 rgb(0 0 0 / .35)}.shelf-spine-title{top:10%;max-height:calc(85% - 4.4em);overflow:hidden;font-family:var(--font-serif);font-size:clamp(.5rem,40cqi,.95rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis}.shelf-spine-mark{bottom:5%;font-family:var(--font-sans);font-size:clamp(.4rem,30cqi,.625rem);font-weight:800;letter-spacing:.08em;text-transform:lowercase;opacity:.85}.shelf-plank{position:absolute;bottom:16px;left:-12px;right:-12px;z-index:-1;height:6px;border-top:1px solid rgb(255 226 170 / .18);background:linear-gradient(#4a2e1b,#2a180d);box-shadow:0 6px 12px -6px #0000008c;pointer-events:none}.shelf-gl{position:absolute;inset:0;pointer-events:none}.most-read-shelf[data-gl="1"] .shelf-spine{visibility:hidden}.most-read-shelf[data-gl="1"] .shelf-item{position:absolute;left:0;bottom:0;margin:0}.shelf-label{position:relative;display:flex;align-items:baseline;justify-content:center;gap:12px;min-height:76px;padding-top:16px}.shelf-label-stage{position:relative;min-width:0;min-height:26px}.shelf-label-copy{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:12px;row-gap:7px}.shelf-label-stage>.shelf-label-copy:first-child{opacity:0;visibility:hidden}.shelf-label[data-on="1"] .shelf-label-stage>.shelf-label-copy:first-child{opacity:1;visibility:visible}.shelf-label-outgoing,.shelf-label-measure{position:absolute;inset:0 0 auto;pointer-events:none}.shelf-label-measure{visibility:hidden}.shelf-label-rank{font-size:13px;line-height:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--shelf-fg-2)}.shelf-label-title{max-width:100%;overflow-wrap:anywhere;font-family:var(--shelf-serif);font-size:22px;font-weight:700;line-height:1.15;color:var(--shelf-fg-1)}.shelf-label-actions{position:absolute;display:flex;flex:none;align-items:baseline;justify-content:center;gap:12px;opacity:0;transform:translateY(-3px);visibility:hidden;pointer-events:none;transition:opacity .15s ease-out,transform .18s ease-out,visibility 0s linear .18s}.shelf-label[data-selected="1"] .shelf-label-actions{position:static;opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}.shelf-label-cta,.shelf-return{font-size:12px;color:var(--shelf-fg-2);white-space:nowrap;cursor:pointer}.shelf-label-cta:hover,.shelf-return:hover{color:var(--shelf-fg-1)}.shelf-return{padding-left:12px;border-left:1px solid var(--shelf-border-2)}@media(max-width:639px){.shelf-label{display:block;min-height:114px}.shelf-label-stage{min-height:51px}.shelf-label-actions{width:100%;margin-top:7px}.shelf-label-copy{column-gap:9px}.shelf-label-title{flex-basis:calc(100% - 42px);max-width:calc(100% - 42px);font-size:21px}}@media(prefers-reduced-motion:reduce){.shelf-label-actions,.shelf-nav{transition:none;transform:none}.live-dot:after{animation:none}}
