:root{--bg-color:#fff;--text-color:#333;--title-color:#000;--overlay-text-color:rgba(0,0,0,.05);--shelf-bg:linear-gradient(180deg,#f0f0f0,#e0e0e0);--shelf-edge-top:hsla(0,0%,100%,.01);--shelf-edge-bottom:rgba(0,0,0,.1);--book-back-cover:#111;--book-page:#fff;--book-page-border:rgba(0,0,0,.2);--book-shadow:rgba(0,0,0,.15);--book-shadow-strong:rgba(0,0,0,.35);--side-book-bg:linear-gradient(90deg,#444 0%,#666 50%,#444);--side-book-text:#f0f0f0;--side-book-decoration:hsla(0,0%,100%,.3);--toggle-dot:#333}.dark-mode{--bg-color:#121212;--text-color:#333;--title-color:#000;--overlay-text-color:hsla(0,0%,100%,.05);--shelf-bg:linear-gradient(180deg,#2a2a2a,#1a1a1a);--shelf-edge-top:hsla(0,0%,100%,.03);--shelf-edge-bottom:rgba(0,0,0,.3);--book-back-cover:#fff;--book-page:#fff;--book-page-border:rgba(0,0,0,.2);--book-shadow:rgba(0,0,0,.3);--book-shadow-strong:rgba(0,0,0,.5);--side-book-bg:linear-gradient(90deg,#222 0%,#444 50%,#222);--side-book-text:#fff;--side-book-decoration:hsla(0,0%,100%,.2);--toggle-dot:#fff}@font-face{font-family:Cabinet Grotesk;font-style:normal;font-weight:800;src:local("Cabinet Grotesk"),url(https://fonts.cdnfonts.com/s/85514/CabinetGrotesk-Extrabold.woff) format("woff")}@font-face{font-family:Cabinet Grotesk;font-style:normal;font-weight:400;src:local("Cabinet Grotesk"),url(https://fonts.cdnfonts.com/s/85514/CabinetGrotesk-Medium.woff) format("woff")}#body-about{margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;font-family:Cabinet Grotesk,sans-serif;letter-spacing:-.02em;color:var(--text-color);transition:background-color .5s ease,color .5s ease}.theme-toggle{position:fixed;top:20px;right:20px;width:8px;height:8px;border-radius:50%;background-color:var(--toggle-dot);cursor:pointer;z-index:100;transition:background-color .3s ease}.book-title-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:-1;opacity:1;transition:opacity .3s ease;pointer-events:none}.book-title-text{font-family:Cabinet Grotesk,sans-serif;font-weight:800;font-size:20rem;color:var(--overlay-text-color);text-transform:uppercase;text-align:center;line-height:1;max-width:90vw;transition:color .5s ease}.shelf-container{position:relative;width:100%;height:500px;margin:0 auto;display:flex;justify-content:center;z-index:1}.shelf{display:block;bottom:270px;max-width:800px;height:15px;background:var(--shelf-bg);border-radius:1px;z-index:20;box-shadow:0 -1px 1px hsla(0,0%,100%,.15),0 2px 3px rgba(0,0,0,.12),0 5px 10px rgba(0,0,0,.08),0 15px 20px rgba(0,0,0,.06),0 25px 30px rgba(0,0,0,.04),0 40px 60px rgba(0,0,0,.2),0 60px 80px rgba(0,0,0,.12);transition:background .5s ease,box-shadow .5s ease}.shelf,.shelf:after{position:absolute;width:100%}.shelf:after{bottom:-1px;height:1px;background-color:var(--shelf-edge-bottom)}.shelf:after,.shelf:before{content:"";left:0;transition:background-color .5s ease}.shelf:before{position:absolute;top:-2px;width:100%;height:2px;background-color:var(--shelf-edge-top)}.books-wrapper{position:absolute;bottom:287px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:flex-end;gap:2rem;z-index:10}.books__item{text-align:center;cursor:default;height:220px}.books__container{position:relative;width:160px;margin:0 auto;height:100%}.books__cover{position:relative;will-change:transform;height:100%}.books__hitbox{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;cursor:pointer}.books__back-cover{position:absolute;width:96%;height:96%;top:2%;left:2%;background:var(--book-back-cover);border-radius:0 6px 6px 0;box-shadow:2px 2px 5px rgba(0,0,0,.25);z-index:-10;transition:background .5s ease}.books__inside{position:absolute;width:90%;height:94%;top:3%;left:5%;z-index:0}.books__page{position:absolute;top:0;right:0;width:98%;height:100%;background:var(--book-page);border:1px solid var(--book-page-border);border-radius:0 6px 6px 0;box-shadow:0 1px 3px rgba(0,0,0,.15);transform-origin:right center;z-index:-5;transition:background .5s ease,border-color .5s ease}.books__image{line-height:0;position:relative;box-shadow:var(--book-shadow) 10px -5px 20px,var(--book-shadow) 20px 0 30px;transform-origin:left center;cursor:pointer;will-change:transform,box-shadow;z-index:10;transition:box-shadow .5s ease}.books__image,.books__image img{border-radius:2px 6px 6px 2px;height:100%}.books__image img{width:100%;object-fit:cover}.books__effect{width:24px;margin-left:12px;border-left:2px solid rgba(0,0,0,.08);background-image:linear-gradient(90deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));z-index:5;will-change:margin-left}.books__effect,.books__light{position:absolute;height:100%;top:0;transform-origin:left center;pointer-events:none}.books__light{width:100%;border-radius:2px 6px 6px 2px;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5));left:0;right:0;bottom:0;opacity:.15;z-index:4;mix-blend-mode:overlay;will-change:opacity}.side-book{height:220px;width:30px;position:relative;cursor:pointer;background:var(--side-book-bg);border-radius:2px;box-shadow:var(--book-shadow) 5px -3px 10px,var(--book-shadow) 10px 0 15px;transform-origin:bottom center;will-change:transform,box-shadow;transition:background .5s ease,box-shadow .5s ease}.side-book__title{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);color:var(--side-book-text);font-size:12px;padding:5px 0;text-align:center;text-transform:uppercase;letter-spacing:1px;transition:color .5s ease}.side-book__decoration{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:80%;height:1px;background-color:var(--side-book-decoration);transition:background-color .5s ease}.side-book__decoration:nth-child(2){top:auto;bottom:20px}.book-shadow{position:absolute;bottom:285px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:flex-end;gap:2rem;z-index:15}.book-shadow__item{width:120px;height:2px;background:radial-gradient(ellipse at center,var(--book-shadow) 0,transparent 70%);border-radius:50%;will-change:width,opacity;transition:background .5s ease}.book-shadow__item.side{width:25px}.book-descriptions{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:100%;max-width:640px;z-index:5;height:200px}.book-description{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;font-family:Cabinet Grotesk,sans-serif;font-weight:400;font-size:1.1rem;line-height:1.5;color:var(--text-color);transition:opacity .3s ease,visibility .3s ease,color .5s ease}.book-description.active{opacity:1;visibility:visible}.book-description h3{font-weight:800;font-size:1.8rem;margin-bottom:.5rem;color:var(--title-color);transition:color .5s ease}.book-description .author{font-style:italic;opacity:.8;margin-bottom:1rem}.book-description p{margin-bottom:.75rem}.lines-animation{overflow-x:hidden}.line{overflow:hidden!important;display:block}.line .line-inner{display:block;transform:translateY(0);opacity:1}