.bookshelf-section{--shelf-top-0:#b88b5c;--shelf-top-1:#996f42;--shelf-top-2:#ab7f52;--shelf-top-3:#80562e;--shelf-bottom-0:#54361b;--shelf-bottom-1:#3b220c;--shelf-bottom-2:#241203;--shelf-front-0:#996f42;--shelf-front-1:#80562e;--shelf-front-2:#4f3115;--shelf-stroke-top:#54361b;--shelf-stroke-bottom:#241203;--shelf-stroke-front:#3b220c;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:18rem 0 4rem;display:flex}[data-theme=dark] .bookshelf-section{--shelf-top-0:#7a5c3d;--shelf-top-1:#664a2c;--shelf-top-2:#725436;--shelf-top-3:#55391e;--shelf-bottom-0:#382412;--shelf-bottom-1:#271608;--shelf-bottom-2:#180c02;--shelf-front-0:#664a2c;--shelf-front-1:#55391e;--shelf-front-2:#34200e;--shelf-stroke-top:#382412;--shelf-stroke-bottom:#180c02;--shelf-stroke-front:#271608}.bookshelf-container{box-sizing:border-box;flex-direction:column;gap:0;width:100%;max-width:1400px;display:flex}.category-shelves{flex-direction:column;gap:350px;width:100%;min-width:0;max-width:100%;display:flex}.shelf-group{flex-direction:column;gap:2rem;width:100%;min-width:0;max-width:100%;display:flex;background:0 0!important}.shelf-wrapper{z-index:10;width:100%;min-width:0;max-width:100%;height:100px;position:relative}.bookshelf-svg{pointer-events:none;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible;transform:translateZ(0);background:0 0!important}.bookshelf-svg-back{z-index:1}.bookshelf-svg-front{z-index:5}.shelf-top,.shelf-bottom,.shelf-front{will-change:filter}.shelf-scroll-area{z-index:3;width:100%;height:0;position:absolute;top:50px;left:0;overflow:visible}.shelf-content{box-sizing:border-box;justify-content:center;align-items:flex-end;gap:52px;width:100%;height:100%;padding:0 2rem;display:flex;position:relative}.moleskine-wrapper{z-index:10;perspective:1200px;perspective-origin:50% var(--book-origin-y,50%);color:inherit;text-decoration:none;display:block;position:relative}.moleskine-notebook{width:182px;height:260px;transform-origin:left center 0px;transform-style:preserve-3d;border-radius:0;transition:all .4s ease-in-out;display:block;position:relative;transform:translateZ(-60px)}@media (hover:hover) and (pointer:fine){.moleskine-notebook:hover{transform:translateY(-80px)translateZ(-60px)}.moleskine-notebook:hover .notebook-cover{z-index:999;transform:rotateY(-70deg)}}.moleskine-wrapper:focus-visible{outline:2px solid var(--color-ink);outline-offset:12px}.moleskine-wrapper:focus-visible .notebook-cover{z-index:999;transform:rotateY(-70deg)}.notebook-cover{z-index:10;width:182px;height:260px;transform-style:preserve-3d;transform-origin:left center 0px;border:1px solid var(--color-ink);background:var(--color-paper);border-radius:0;transition:all .4s ease-in-out;position:absolute;overflow:hidden;transform:rotateY(-30deg)}.notebook-cover-img{object-fit:cover;width:100%;height:100%;display:block}.notebook-page{background-color:var(--color-paper);z-index:1;border:1px solid var(--color-ink);border-radius:0;width:182px;height:100%;position:absolute;overflow:hidden;transform:translateZ(1px)}.notebook-page.ruled{background-color:var(--color-paper);background-image:linear-gradient(#0000 8px,#7878781a 1px);background-size:100% 9px}.texture-overlay{filter:url(#paper-filter);z-index:2;opacity:.25;pointer-events:none;background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0}[data-theme=dark] .texture-overlay{opacity:.1;background-color:#0000}.notebook-quote-container{text-align:center;z-index:5;box-sizing:border-box;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.notebook-quote-text{font-family:var(--font-mono);color:var(--color-ink);text-align:center;text-transform:none;word-break:break-word;padding:0 4px;font-size:11px;line-height:1.45}@media only screen and (max-width:1024px){.bookshelf-section{padding-top:18rem}.category-shelves{gap:200px}.shelf-scroll-area{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;pointer-events:auto;z-index:6;width:calc(100% + 4rem);height:360px;position:absolute;top:-310px;left:-2rem;overflow:auto hidden}.shelf-scroll-area::-webkit-scrollbar{display:none}.shelf-content{pointer-events:auto;justify-content:flex-start;align-items:flex-start;gap:30px;width:max-content;min-width:max-content;height:100%;padding-top:100px;padding-left:2rem;padding-right:2rem;display:flex}.shelf-content>*{flex:none}.shelf-content:after{content:"";flex:0 0 1px}.moleskine-notebook{transform:translateZ(0)!important}@media (hover:hover) and (pointer:fine){.moleskine-notebook:hover{transform:translateY(-40px)translateZ(0)!important}}}