@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Fira Code,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.block{display:block}.grid{display:grid}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--c-bg: #F8FAFC;--c-bg-elevated: #FFFFFF;--c-bg-card: #FFFFFF;--c-bg-card-hov: rgba(5, 150, 105, .03);--c-border: #E2E8F0;--c-border-hov: rgba(5, 150, 105, .35);--c-purple: #059669;--c-purple-lt: #34D399;--c-blue: #2563EB;--c-blue-lt: #60A5FA;--c-cyan: #0891B2;--c-cyan-lt: #22D3EE;--c-green: #15803D;--c-text: #0F172A;--c-text-2: #475569;--c-text-3: #94A3B8;--grad-primary: linear-gradient(135deg, var(--c-purple-lt) 0%, var(--c-blue-lt) 50%, var(--c-cyan-lt) 100%);--grad-button: linear-gradient(135deg, var(--c-purple) 0%, #047857 100%);--grad-border: linear-gradient(135deg, rgba(5,150,105,.4), rgba(37,99,235,.4), rgba(8,145,178,.4));--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius: 14px;--radius-sm: 8px;--ease: cubic-bezier(.16, 1, .3, 1);--nav-h: 60px;--cat-biography: #7c3a1a;--cat-business: #1a3a6b;--cat-cybersecurity:#0f3d2e;--cat-fiction: #3b1a6b;--cat-finance: #6b4a0f;--cat-leadership: #6b1a1a;--cat-management: #1a3a6b;--cat-productivity: #6b3a0f;--cat-science: #0f3a5c;--cat-self-help: #1a4a2e;--cat-sports: #1a3d1a;--cat-technology: #1e2433}@media (prefers-color-scheme: dark){:root{--c-bg: #07080f;--c-bg-elevated: #0d1017;--c-bg-card: rgba(255, 255, 255, .04);--c-bg-card-hov: rgba(5, 150, 105, .08);--c-border: rgba(255, 255, 255, .08);--c-border-hov: rgba(52, 211, 153, .4);--c-purple: #10b981;--c-purple-lt: #34d399;--c-blue: #3b82f6;--c-blue-lt: #60a5fa;--c-cyan: #22d3ee;--c-cyan-lt: #67e8f9;--c-green: #34d399;--c-text: #f8fafc;--c-text-2: #94a3b8;--c-text-3: #64748b;--grad-primary: linear-gradient(135deg, #34d399 0%, #60a5fa 50%, #67e8f9 100%);--grad-button: linear-gradient(135deg, #059669 0%, #047857 100%);--grad-border: linear-gradient(135deg, rgba(52,211,153,.5), rgba(96,165,250,.5), rgba(103,232,249,.5))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.bg-mesh{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.mesh-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12}.mesh-orb--purple{width:600px;height:600px;background:var(--c-purple);top:-200px;left:-150px}.mesh-orb--blue{width:500px;height:500px;background:var(--c-blue);top:-100px;right:-150px}.mesh-orb--cyan{width:400px;height:400px;background:var(--c-cyan);bottom:10%;left:30%}@media (prefers-color-scheme: dark){.mesh-orb{opacity:.1}}.gradient-text{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:5rem 2rem}.section-eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-purple);margin-bottom:10px}.section-heading{font-family:var(--font);font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--c-text);margin-bottom:.5rem}.section-subheading{font-size:1rem;color:var(--c-text-2);margin-bottom:2.5rem}.section-divider{width:48px;height:2px;background:var(--grad-primary);margin:.75rem 0 1.5rem;border-radius:2px}.site-nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:#f8fafce0;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--c-border)}@media (prefers-color-scheme: dark){.site-nav{background:#07080fe0}}.hero{position:relative;z-index:1;padding:6rem 2rem 4rem;text-align:center}.hero-title{font-family:var(--font);font-size:clamp(2.5rem,7vw,5rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;color:var(--c-text)}.hero-subtitle{font-family:var(--font-mono);font-size:.875rem;font-weight:400;letter-spacing:.08em;color:var(--c-purple);margin-top:.75rem}.section-alt{background:var(--c-bg-elevated)}.wood-shelf{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(5,150,105,.5) 20%,rgba(37,99,235,.5) 50%,rgba(8,145,178,.4) 80%,transparent 100%);border-radius:1px;box-shadow:0 0 12px #05966926}@media (prefers-color-scheme: dark){.wood-shelf{background:linear-gradient(90deg,transparent 0%,rgba(52,211,153,.5) 20%,rgba(96,165,250,.5) 50%,rgba(103,232,249,.4) 80%,transparent 100%);box-shadow:0 0 12px #34d39933}}.book-spine{position:relative;display:flex;align-items:center;padding:0 10px 0 12px;cursor:pointer;transition:filter .12s var(--ease),transform .12s var(--ease),box-shadow .12s var(--ease);border-bottom:1px solid rgba(0,0,0,.4);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.book-spine:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ffffff2e,#ffffff14);flex-shrink:0}.book-spine:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.02) 35%,transparent 100%);pointer-events:none}.book-spine:hover{filter:brightness(1.22) saturate(1.1);transform:translate(3px);box-shadow:-3px 0 8px #0006;z-index:2}.book-spine:focus-visible{outline:2px solid var(--c-purple-lt);outline-offset:1px}.spine-title{font-family:var(--font);font-weight:500;color:#f8fafce0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;flex:1;min-width:0;text-shadow:0 1px 3px rgba(0,0,0,.6)}.spine-author{font-family:var(--font);font-weight:300;font-size:9px;color:#f8fafc80;white-space:nowrap;flex-shrink:0;margin-left:8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.spine-medium-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;margin-left:6px;background:#34d399b3}.year-column{display:flex;flex-direction:column;flex-shrink:0;width:200px}.year-label{text-align:center;padding:10px 4px 4px}.year-label-text{font-family:var(--font);font-size:.9rem;font-weight:700;letter-spacing:-.02em;color:var(--c-text);display:block}.year-count{font-family:var(--font-mono);font-size:.65rem;color:var(--c-purple);letter-spacing:.06em;text-transform:uppercase}.yearly-shelf-scroll{display:flex;align-items:flex-end;gap:10px;overflow-x:auto;padding:1rem 0 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(5,150,105,.4) transparent}.yearly-shelf-scroll::-webkit-scrollbar{height:4px}.yearly-shelf-scroll::-webkit-scrollbar-track{background:transparent}.yearly-shelf-scroll::-webkit-scrollbar-thumb{background:#05966966;border-radius:2px}@media (prefers-color-scheme: dark){.yearly-shelf-scroll{scrollbar-color:rgba(52,211,153,.4) transparent}.yearly-shelf-scroll::-webkit-scrollbar-thumb{background:#34d39966}}.reading-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;perspective:600px}.reading-cover{position:relative;transform:rotateY(-6deg);transform-style:preserve-3d;transition:transform .3s var(--ease)}.reading-cover:hover{transform:rotateY(0)}.reading-cover img{display:block;width:120px;height:180px;-o-object-fit:cover;object-fit:cover;border-radius:2px 6px 6px 2px;box-shadow:6px 6px 24px #00000040,0 0 0 1px #0000000f}@media (prefers-color-scheme: dark){.reading-cover img{box-shadow:6px 6px 24px #000000b3,0 0 0 1px #ffffff0f}}.reading-cover-placeholder{width:120px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center;border-radius:2px 6px 6px 2px;gap:6px;box-shadow:6px 6px 24px #00000040}.reading-spine-edge{position:absolute;left:-4px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ffffff1f,#0003);border-radius:2px 0 0 2px}.top10-card{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius);transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);cursor:pointer;box-shadow:0 1px 3px #0000000f}.top10-card:hover{border-color:var(--c-border-hov);background:var(--c-bg-card-hov);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}@media (prefers-color-scheme: dark){.top10-card,.top10-card:hover{box-shadow:none}}.top10-rank{font-family:var(--font-mono);font-size:1.5rem;font-weight:400;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;width:2.5rem;text-align:center;flex-shrink:0}.top10-cover{width:56px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:1px 4px 4px 1px;box-shadow:2px 2px 12px #00000026;flex-shrink:0}.top10-cover-placeholder{width:56px;height:80px;border-radius:1px 4px 4px 1px;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 12px #0000004d}.category-badge{display:inline-block;font-size:.6rem;font-family:var(--font-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;color:#f8fafcd9}.medium-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-family:var(--font-mono);font-weight:400;color:var(--c-text-2);text-transform:capitalize}dialog.book-modal{background:transparent;border:none;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;max-width:95vw;max-height:95vh;overflow:visible}dialog.book-modal::backdrop{background:#0f172a8c;backdrop-filter:blur(6px)}@media (prefers-color-scheme: dark){dialog.book-modal::backdrop{background:#04050ae0}}.modal-inner{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 32px 80px #00000026,0 0 0 1px #0596691f;width:min(780px,92vw);padding:3rem;display:flex;gap:2.5rem;align-items:flex-start;position:relative}@media (prefers-color-scheme: dark){.modal-inner{box-shadow:0 32px 80px #000000d9,0 0 0 1px #34d39926}}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;color:var(--c-text-2);font-size:1.75rem;cursor:pointer;line-height:1;padding:4px 10px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.modal-close:hover{color:var(--c-text);background:var(--c-bg-card-hov)}.modal-cover{width:150px;flex-shrink:0}.modal-cover img{width:100%;display:block;border-radius:2px 8px 8px 2px;box-shadow:6px 6px 28px #0003}@media (prefers-color-scheme: dark){.modal-cover img{box-shadow:6px 6px 28px #000000a6}}.modal-cover-placeholder{width:150px;height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;border-radius:2px 8px 8px 2px;font-family:var(--font);font-size:.85rem;line-height:1.3;color:#f8fafca6;box-shadow:6px 6px 28px #0006}.modal-title{font-family:var(--font);font-size:1.6rem;font-weight:700;letter-spacing:-.025em;color:var(--c-text);line-height:1.25;margin-bottom:.4rem}.modal-author{font-size:.875rem;color:var(--c-text-2);margin-bottom:1rem}.yearly-shelves{display:flex;flex-direction:column;gap:2.5rem}.shelf-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}.shelf-year{font-family:var(--font);font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--c-text)}.shelf-count{font-family:var(--font-mono);font-size:.65rem;color:var(--c-purple);letter-spacing:.06em;text-transform:uppercase}.shelf-books{display:flex;gap:6px;overflow-x:auto;padding-bottom:.75rem;align-items:flex-end;scrollbar-width:thin;scrollbar-color:rgba(5,150,105,.3) transparent}.shelf-books::-webkit-scrollbar{height:3px}.shelf-books::-webkit-scrollbar-track{background:transparent}.shelf-books::-webkit-scrollbar-thumb{background:#0596694d;border-radius:2px}@media (prefers-color-scheme: dark){.shelf-books{scrollbar-color:rgba(52,211,153,.3) transparent}.shelf-books::-webkit-scrollbar-thumb{background:#34d3994d}}.shelf-book{position:relative;flex-shrink:0;cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s var(--ease);border-radius:1px 4px 4px 1px;overflow:hidden}.shelf-book:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000040;z-index:2}.shelf-book:focus-visible{outline:2px solid var(--c-purple-lt);outline-offset:2px}@media (prefers-color-scheme: dark){.shelf-book:hover{box-shadow:0 8px 20px #0000008c}}.shelf-book-spine-edge{position:absolute;left:0;top:0;bottom:0;width:4px;pointer-events:none}.shelf-book-placeholder{width:72px;height:108px;display:flex;align-items:center;justify-content:center;padding:8px;text-align:center;border-radius:1px 4px 4px 1px}.shelf-book-placeholder span{font-family:var(--font);font-size:.6rem;font-weight:600;line-height:1.3;color:#f8fafcd9}.top5-grid{display:flex;flex-wrap:wrap;gap:2.5rem;align-items:flex-start;justify-content:center}@media (max-width: 600px){.top5-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;justify-items:center;align-items:start}.top5-grid .top5-item{padding-top:14px}.top5-grid .top5-item:last-child:nth-child(odd){grid-column:1 / -1}}.top5-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.top5-item:focus-visible{outline:2px solid var(--c-purple-lt);outline-offset:4px;border-radius:4px}.top5-rank-badge{position:absolute;top:-10px;left:-12px;z-index:3;background:var(--grad-button);color:#fff;font-family:var(--font-mono);font-size:.7rem;font-weight:700;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}.books-search-wrap{position:relative;max-width:520px;margin-bottom:1.25rem}.books-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--c-text-3);pointer-events:none}.books-search{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-family:var(--font);font-size:.95rem;color:var(--c-text);outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease);box-shadow:0 1px 3px #0000000d}.books-search::-moz-placeholder{color:var(--c-text-3)}.books-search::placeholder{color:var(--c-text-3)}.books-search:focus{border-color:var(--c-border-hov);box-shadow:0 0 0 3px #0596691a}@media (prefers-color-scheme: dark){.books-search{box-shadow:none}.books-search:focus{box-shadow:0 0 0 3px #34d3991f}}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.filter-label{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-2);flex-shrink:0;width:4.5rem}.filter-pills{display:flex;flex-wrap:wrap;gap:.375rem}.filter-pill{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:1px solid var(--c-border);background:var(--c-bg-card);color:var(--c-text-2);cursor:pointer;transition:border-color .15s,color .15s,background .15s,opacity .15s}.filter-pill:hover{border-color:var(--c-border-hov);color:var(--c-text)}.filter-pill--active{background:var(--c-purple);border-color:var(--c-purple);color:#fff}.filter-pill[data-filter-type=cat].filter-pill--active:not([data-filter-val=""]){background:var(--pill-color);border-color:var(--pill-color)}.all-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.5rem}.all-book-card{display:flex;flex-direction:column;cursor:pointer;border-radius:var(--radius-sm);transition:transform .15s var(--ease)}.all-book-card:hover{transform:translateY(-4px)}.all-book-card:focus-visible{outline:2px solid var(--c-purple-lt);outline-offset:3px;border-radius:var(--radius-sm)}.all-book-cover-wrap{width:100%;aspect-ratio:2 / 3;border-radius:2px 6px 6px 2px;overflow:hidden;box-shadow:2px 4px 12px #0000001f,0 0 0 1px #0000000f;transition:box-shadow .15s var(--ease)}.all-book-card:hover .all-book-cover-wrap{box-shadow:4px 8px 24px #0000002e,0 0 0 1px #00000014}@media (prefers-color-scheme: dark){.all-book-cover-wrap{box-shadow:2px 4px 12px #00000073,0 0 0 1px #ffffff0d}.all-book-card:hover .all-book-cover-wrap{box-shadow:4px 8px 24px #000000a6,0 0 0 1px #ffffff12}}.all-book-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.all-book-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px;text-align:center}.all-book-placeholder span{font-family:var(--font);font-size:.7rem;font-weight:600;line-height:1.3;color:#f8fafcd9}.all-book-info{padding:.5rem .25rem 0}.all-book-title{font-family:var(--font);font-size:.78rem;font-weight:600;line-height:1.3;color:var(--c-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px}.all-book-author{font-size:.7rem;color:var(--c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:#05966959;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#05966999}@media (prefers-color-scheme: dark){::-webkit-scrollbar-thumb{background:#34d39959}::-webkit-scrollbar-thumb:hover{background:#34d39999}}