.books-card{--books-cover-w:132px;--books-gap:14px;z-index:55;transform-origin:40px 0;padding-top:8px;transition:opacity .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1),visibility 0s linear .18s;position:fixed}.books-card[data-state=closed]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px)scale(.98)}.books-card[data-state=open]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.books-card-glass{box-sizing:border-box;height:504px;max-height:calc(100dvh - 110px);color:var(--ink);background:var(--card);border:1px solid var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff1f);border-radius:20px;gap:12px;padding:14px;display:flex;overflow:hidden;box-shadow:0 24px 60px var(--lightningcss-light,#0a284647)var(--lightningcss-dark,#0000008c),0 2px 6px var(--lightningcss-light,#0a28461a)var(--lightningcss-dark,#0000004d)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.books-card-glass{background:color-mix(in srgb, var(--card) 76%, transparent);-webkit-backdrop-filter:blur(30px)saturate(1.6);backdrop-filter:blur(30px)saturate(1.6)}}.books-card-nav{overscroll-behavior:contain;scrollbar-width:thin;flex:none;width:200px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.books-card-list{gap:2px;margin:0;padding:0 0 20px;list-style:none;display:grid;position:relative}.books-card-highlight{pointer-events:none;will-change:transform;background:var(--lightningcss-light,#ffffffc7)var(--lightningcss-dark,#ffffff1f);border-radius:10px;height:36px;position:absolute;top:0;left:0;right:0;box-shadow:0 1px 3px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#00000059)}.books-card-highlight[data-placed=true]{transition:transform .2s cubic-bezier(.2,.8,.2,1),height .2s cubic-bezier(.2,.8,.2,1)}.books-card .books-card-list a{min-height:36px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:0 0;border-radius:10px;padding:0 14px;font-size:15px;font-weight:650;line-height:36px;text-decoration:none;display:block;position:relative;overflow:hidden}.books-card .books-card-list a:focus-visible,.books-card .books-cover:focus-visible,.books-card .books-see-all:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.books-card-list .books-menu-heading{letter-spacing:.08em;padding:12px 14px 4px;font-size:11px}.books-card-pane{box-sizing:border-box;background:var(--lightningcss-light,#ffffff73)var(--lightningcss-dark,#ffffff0d);border-radius:14px;flex-direction:column;flex:none;gap:14px;padding:16px 18px;display:flex}.books-grid-stack{width:calc(var(--books-cover-w) * 2 + var(--books-gap));height:calc(var(--books-cover-w) * 3 + var(--books-gap));position:relative}.books-grid{grid-template-columns:repeat(2, var(--books-cover-w));grid-template-rows:repeat(2, calc(var(--books-cover-w) * 1.5));gap:var(--books-gap);display:grid;position:absolute;inset:0}.books-grid[data-state=out]{pointer-events:none}.books-card .books-cover{aspect-ratio:2/3;color:#fff;background:var(--card-soft);border-radius:8px;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000040}.books-cover img{object-fit:contain;width:100%;height:100%;display:block}.books-cover-blank{height:100%;color:var(--ink);text-align:center;place-items:center;padding:10px;font-size:14px;font-weight:800;line-height:1.25;display:grid}.books-cover-caption{opacity:0;pointer-events:none;background:linear-gradient(#0000,#080c10db 80%);gap:1px;padding:36px 10px 10px;transition:opacity .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:auto 0 0;transform:translateY(6px)}.books-cover-caption strong{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;font-weight:750;line-height:1.25;display:-webkit-box;overflow:hidden}.books-cover-caption small{opacity:.82;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.books-cover:focus-visible .books-cover-caption{opacity:1;transform:none}.books-cover:focus-visible{transform:translateY(-3px)}@media (hover:hover) and (pointer:fine){.books-grid[data-state=in] .books-cover:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 24px #00000052}.books-cover:hover .books-cover-caption{opacity:1;transform:none}}.books-grid[data-state=in] .books-cover{animation:.22s cubic-bezier(.2,.8,.2,1) backwards books-cover-in;animation-delay:calc(var(--i,0) * 30ms)}.books-grid[data-state=out] .books-cover{animation:.14s cubic-bezier(.4,0,1,1) forwards books-cover-out;animation-delay:calc(var(--i,0) * 20ms)}@keyframes books-cover-in{0%{opacity:0;transform:translateY(8px)}}@keyframes books-cover-out{to{opacity:0;transform:translateY(-4px)}}.books-cover-skeleton{box-shadow:none}.books-cover-skeleton:after{content:"";background:linear-gradient(100deg,#0000 30%,var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff1a) 50%,#0000 70%);animation:1.2s ease-in-out infinite books-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes books-shimmer{to{transform:translate(100%)}}.books-empty{color:var(--muted);text-align:center;grid-area:1/1/-1/-1;align-self:center;margin:0;font-size:15px;font-weight:650}.books-empty p{margin:0 0 6px}.books-empty a{color:var(--ink);border-radius:6px;font-size:13px;font-weight:700}.books-grid[data-state=out] .books-empty{display:none}.books-card .books-see-all{color:var(--muted);border-radius:6px;align-self:flex-start;font-size:13px;font-weight:700;text-decoration:none}.books-see-all span{transition:transform .16s cubic-bezier(.2,.8,.2,1);display:inline-block}@media (hover:hover) and (pointer:fine){.books-card .books-see-all:hover{color:var(--ink)}.books-see-all:hover span{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.books-card,.books-card-highlight,.books-card-highlight[data-placed=true],.books-cover,.books-cover-caption,.books-see-all span{transition:none}.books-grid .books-cover,.books-cover-skeleton:after{animation:none}.books-grid[data-state=out]{display:none}.books-cover-skeleton{background:var(--card-sunken)}}.books-card{will-change:transform;transition:transform .18s cubic-bezier(.2,.8,.2,1),visibility 0s linear .18s}.books-card[data-state=closed],.books-card[data-state=open]{opacity:1}.books-card-glass>*{transition:opacity .18s cubic-bezier(.2,.8,.2,1)}.books-card[data-state=closed] .books-card-glass>*{opacity:0}.books-card[data-state=open] .books-card-glass>*{opacity:1}@media (prefers-reduced-motion:reduce){.books-card,.books-card-glass>*{transition:none}}.page-bg{--pb-a:#ffffff61;--pb-b:#5fa8d629;--pb-c:#e7a0a81f;--pb-dot:#14527a1f;--pb-dot-hot:#14527a47;--pb-glow:#ffffff4d;--x:-999px;--y:-999px;z-index:-1;pointer-events:none;opacity:0;contain:strict;transition:opacity .6s;position:fixed;inset:0;overflow:hidden}.page-bg[data-ready=true]{opacity:1}.page-bg-blob{will-change:transform;border-radius:50%;width:62vmax;height:62vmax;position:absolute}.page-bg-blob-a{background:radial-gradient(closest-side, var(--pb-a), transparent);animation:22s ease-in-out infinite alternate pb-drift-a;top:-22vmax;left:-14vmax}.page-bg-blob-b{background:radial-gradient(closest-side, var(--pb-b), transparent);animation:26s ease-in-out infinite alternate pb-drift-b;top:8vmax;right:-20vmax}.page-bg-blob-c{background:radial-gradient(closest-side, var(--pb-c), transparent);animation:18s ease-in-out infinite alternate pb-drift-c;bottom:-26vmax;left:22vw}@keyframes pb-drift-a{to{transform:translate(14vmax,10vmax)scale(1.08)}}@keyframes pb-drift-b{to{transform:translate(-16vmax,8vmax)scale(.94)}}@keyframes pb-drift-c{to{transform:translate(12vmax,-12vmax)scale(1.1)}}.page-bg-dots,.page-bg-glow{position:absolute;inset:0}.page-bg-dots{background-image:radial-gradient(circle, var(--pb-dot) 1px, transparent 1.6px);background-size:18px 18px}.page-bg-dots-hot{background-image:radial-gradient(circle, var(--pb-dot-hot) 1px, transparent 1.6px);opacity:0;-webkit-mask-image:radial-gradient(circle 170px at var(--x) var(--y), #000, transparent);-webkit-mask-image:radial-gradient(circle 170px at var(--x) var(--y), #000, transparent);mask-image:radial-gradient(circle 170px at var(--x) var(--y), #000, transparent);transition:opacity .3s}.page-bg-glow{opacity:0;background:radial-gradient(circle 240px at var(--x) var(--y), var(--pb-glow), transparent);transition:opacity .3s}.page-bg[data-spot=on] .page-bg-dots-hot,.page-bg[data-spot=on] .page-bg-glow{opacity:1}.page-bg[data-paused=true] .page-bg-blob{animation-play-state:paused}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .page-bg{--pb-a:#1f4f7a4d;--pb-b:#1d5a5e47;--pb-c:#6b1f2c47;--pb-dot:#efeae20d;--pb-dot-hot:#efeae229;--pb-glow:#7db8f50f}}:root[data-theme=dark] .page-bg{--pb-a:#1f4f7a4d;--pb-b:#1d5a5e47;--pb-c:#6b1f2c47;--pb-dot:#efeae20d;--pb-dot-hot:#efeae229;--pb-glow:#7db8f50f}@media (width<=639px){.page-bg-blob-b,.page-bg-blob-c,.page-bg-dots,.page-bg-glow{display:none}.page-bg-blob-a{will-change:auto;animation:none}}@media (prefers-reduced-motion:reduce){.page-bg-blob{will-change:auto;animation:none}.page-bg-dots-hot,.page-bg-glow{display:none}.page-bg{transition:none}}html[data-motion=reduced] .page-bg-blob{will-change:auto;animation:none}html[data-motion=reduced] .page-bg-dots-hot,html[data-motion=reduced] .page-bg-glow{display:none}html[data-motion=reduced] .page-bg{transition:none}.sound-prompt{left:var(--space-4);bottom:var(--space-4);z-index:55;align-items:center;gap:var(--space-2) var(--space-3);max-width:min(440px,100vw - 32px);padding:var(--space-2) var(--space-3);background:var(--card);color:var(--ink);border:1px solid var(--edge);border-radius:var(--radius-lg);flex-wrap:wrap;font-size:14px;animation:.32s ease-out both sound-prompt-in;display:flex;position:fixed;box-shadow:0 10px 30px -16px #0b0e1080}.sound-prompt p{margin:0}.sound-prompt-actions{align-items:center;gap:var(--space-2);display:flex}.sound-prompt .button{min-height:44px;padding-inline:var(--space-3)}.sound-prompt-close{width:44px;height:44px;color:inherit;cursor:pointer;border-radius:var(--radius-lg);background:0 0;border:0;place-items:center;display:inline-grid}@media (width<=767.98px){.sound-prompt{left:var(--space-2);bottom:var(--space-2)}body:has(.bshell-tabbar) .sound-prompt{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}@keyframes sound-prompt-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.sound-prompt{animation:none}}html[data-motion=reduced] .sound-prompt{animation:none}