@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{display:flex;flex-direction:column;height:100%;margin:0}.main-content{flex-grow:1}.desktop-nav,.mobile-nav{background-color:#fff;box-shadow:0 2px 5px #0000001a;left:0;position:fixed;top:0;width:100%;z-index:100}.mobile-nav-container,.nav-container{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem}.logo{height:auto;width:10%}.logo img{height:100%;width:100%}.hamburger-menu{background:none;border:none;color:#945b19;cursor:pointer}.mobile-menu{background-color:#fff;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;left:0;position:absolute;top:100%;width:100%}.mobile-menu-item,.nav-item{color:#333;padding:1rem;text-decoration:none;transition:background-color .3s ease}.mobile-menu-item:hover,.nav-item:hover{background-color:#f4f4f4}.nav-items{align-items:center;display:flex;gap:2rem}.mobile-nav{display:none}.nav-container{display:flex;justify-content:space-between;width:100%}.desktop-nav{display:flex}.join1-us-button{background-color:#945b19;border-radius:8px;color:#fff!important;margin-left:auto;overflow:hidden;padding:8px 16px;position:relative;transition:background-color .3s ease,transform .3s ease;z-index:1}.join1-us-button:hover{background-color:#7c4b14!important;color:#fff!important}.join1-us-button:after{background-color:#000;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:center;transition:transform .35s ease;width:100%;z-index:-1}.join1-us-button:hover:after{transform:scale(1);transform-origin:center}.mobile-join1-button{background-color:#945b19;border-radius:8px;color:#fff;margin-top:10px;padding:12px;text-align:center}@media screen and (max-width:768px){.mobile-nav{display:block}.desktop-nav{display:none}.nav-items{flex-direction:column;gap:0}.join1-us-button{display:inline-block;margin-left:0;width:auto}}@media screen and (min-width:769px){.desktop-nav{display:flex}.mobile-nav{display:none}}.site-footer{align-items:center;background-color:#945b19;color:#fff;display:flex;flex-direction:column;height:4vh;justify-content:center;margin-top:40px;padding:40px 0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{font-family:Poppins,Arial,sans-serif;overflow-x:hidden}.fade-in-smooth{animation:fadeInSmooth .7s ease-out forwards}.fade-in-up{animation:fadeInUp .1s ease-out forwards}.scale-in{animation:scaleIn .1s ease-out forwards}.delay-100{animation-delay:.15s}.delay-200{animation-delay:.1s}.home-container{align-items:center;display:flex;gap:3rem;margin:0 auto;max-width:1200px;padding:.5rem 2rem}.section-one-container{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;padding:2rem}.section-one-about{display:flex;flex:1 1;flex-direction:column;gap:2rem;width:100%}.section-one-about h1{color:#945b19;font-size:clamp(40px,5vw,60px);font-weight:700;line-height:1.2}.section-one-about h1,.section-one-about p{font-family:Poppins;font-style:normal;letter-spacing:0;text-decoration:none;transform:none}.section-one-about p{color:#333;font-size:18px;font-weight:400;line-height:28px}.section-one-button{display:block;gap:30px;height:100%;width:100%}.join-button{animation:slideInBottom .8s ease forwards;background-color:#945b19;border:none;color:#fff;cursor:pointer;font-size:18px;font-style:normal;font-weight:400;letter-spacing:0;line-height:28px;margin-right:50px;padding:10px 15px;position:relative;text-decoration:none;width:30%;z-index:1}.join-button,.join-button:after{border-radius:10px;transition:.3s}.join-button:after{background-color:#000;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:center;width:100%;z-index:-1}.join-button:hover:after{transform:scale(1)}.survey-button{animation:slideInBottom .8s ease forwards;background-color:#945b19;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-style:normal;font-weight:400;letter-spacing:0;line-height:28px;padding:10px 15px;position:relative;text-decoration:none;transition:.3s;width:30%;z-index:1}.survey-button:after{background-color:#000;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:center;transition:.3s;width:100%;z-index:-1}.survey-button:hover:after{transform:scale(1)}.image-composition{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(2,1fr);justify-content:center}.image-composition img{border-radius:10px;height:250px;margin:1px;object-fit:cover;width:250px}.section-two{display:flex;gap:2.5rem;margin:4rem auto;max-width:1000px;overflow:hidden;padding:2rem;position:relative}.section-two-about{flex:1.2 1}.section-two-content{flex:0.8 1}.section-two-about h1{color:#333;font-size:clamp(28px,4vw,38px);font-style:normal;font-weight:700;line-height:1.3;margin-bottom:1.5rem;position:relative;text-decoration:none}.section-two-about h1:before{background-color:#945b19;border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:80px}.section-two-about h1 span{color:#945b19;display:inline-block;position:relative}.section-two-content p{color:#6c757d;font-size:18px;font-style:normal;font-weight:500;line-height:1.7;padding-top:1rem;position:relative;text-decoration:none;transform:none}.section-two-content p:after{background:linear-gradient(90deg,#945b19,#0000);bottom:-15px;content:"";height:1px;left:0;opacity:.5;position:absolute;width:100%}.section-three{background:#fbfbfb;overflow:hidden;padding:3rem 2rem;position:relative}.section-three:before{background:linear-gradient(90deg,#0000,#945b19,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.card-container-three{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:auto;max-width:1100px;padding-bottom:4rem}.card-three{background-color:#fff;border:1px solid #945b191a;border-radius:16px;box-shadow:0 8px 20px #00000014;height:380px;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%;will-change:transform}.card-three:hover{box-shadow:0 15px 30px #945b1926;transform:translateY(-10px)}.card-title{color:#333;font-size:26px;font-weight:500;margin-bottom:1.5rem;text-decoration:none}.card-title,.card-title span{font-style:normal;line-height:1.3;position:relative}.card-title span{color:#945b19;font-size:32px;font-weight:600}.card-title:after{background-color:#945b19;border-radius:1.5px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.card-description{color:#6c757d;font-size:16px;line-height:1.6;margin-bottom:2rem}.spiral-icon,.spiral-icon-1,.spiral-icon-2{bottom:30px;height:80px;left:30px;opacity:.8;position:absolute;transition:transform .3s ease,opacity .3s ease;width:80px}.card-three:hover .spiral-icon,.card-three:hover .spiral-icon-1,.card-three:hover .spiral-icon-2{opacity:1;transform:rotate(15deg) scale(1.1)}.search-icon{align-items:center;background-color:#945b19;border-radius:50%;bottom:30px;box-shadow:0 4px 8px #945b194d;display:flex;height:50px;justify-content:center;right:30px;transition:transform .3s ease,box-shadow .3s ease;width:50px}.card-three:hover .search-icon{box-shadow:0 6px 12px #945b1966;transform:scale(1.1)}.search-icon:before{color:#fff;content:"🔍";font-size:24px}@keyframes fadeInSmooth{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-smooth{animation:fadeInSmooth .5s ease-out forwards;will-change:opacity,transform}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease-out forwards;will-change:opacity,transform}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .4s ease-out forwards;will-change:opacity,transform}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.section-four{backface-visibility:hidden;display:flex;gap:3rem;margin:auto;max-width:1100px;padding:4rem 2rem;perspective:1000px;transform:translateZ(0)}.section-four-about,.section-four-content{flex:1 1}.section-four h1{color:#000;font-size:clamp(24px,3vw,28px);font-weight:600;text-align:left}.section-four h1,.section-four p{font-style:normal;line-height:1.4;text-decoration:none;width:100%}.section-four p{color:#6c757d;font-size:clamp(16px,2vw,20px);font-weight:500}.section-five{backface-visibility:hidden;padding:2rem 0;perspective:1000px;position:relative;text-align:center;transform:translateZ(0)}.section-five h1{color:#333;display:inline-block;font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.2;margin:2rem auto 3rem;position:relative}.section-five h1:after{background-color:#945b19;border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-six{backface-visibility:hidden;margin:4rem auto 6rem;max-width:1200px;padding:0 2rem;perspective:1000px;transform:translateZ(0)}.section-six-card{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto}.card-six{background:#fff;border:1px solid #945b191a;border-radius:16px;box-shadow:0 10px 20px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease;will-change:transform,box-shadow}.card-six:hover{box-shadow:0 15px 30px #945b1926;transform:translateY(-10px)}.card-six img{height:240px;object-fit:cover;transition:transform .4s ease;width:100%}.card-six:hover img{transform:scale(1.05)}.card-six-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.card-six h2{color:#333;font-size:20px;font-weight:600;line-height:1.4;margin-bottom:1rem}.card-six p{color:#6c757d;flex-grow:1;font-size:16px;line-height:1.6}.card-six .bot-name{color:#945b19;display:inline-block;font-size:18px;font-weight:700;margin-right:5px}.card-six .bot-tag{background-color:#945b191a;border-radius:12px;color:#945b19;display:inline-block;font-size:14px;margin-top:1rem;padding:.2rem .6rem}.section-seven{backface-visibility:hidden;background-color:#f9f7f4;padding:4rem 0;perspective:1000px;position:relative;transform:translateZ(0)}.section-seven:before{background:linear-gradient(90deg,#0000,#945b19,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.section-seven-content{margin:0 auto;max-width:1100px;padding:0 2rem}.container-seven{background:#fff;border-radius:20px;box-shadow:0 15px 30px #0000001a;display:flex;transform:translateZ(0)}.container-seven,.left-section{overflow:hidden;position:relative}.left-section{flex:1 1;min-height:500px}.left-section img{height:100%;object-fit:cover;transition:transform 1s ease;width:100%;will-change:transform}.container-seven:hover .left-section img{transform:scale(1.05)}.left-section:after{background:linear-gradient(135deg,#945b1966,#0009);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.form-section{background:#fff;display:flex;flex:1 1;flex-direction:column;padding:3rem;position:relative}.form-section h2{color:#333;font-size:28px;font-weight:600;line-height:1.3;margin-bottom:2rem;position:relative}.form-section h2:after{background-color:#945b19;border-radius:1.5px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.form-section form{display:flex;flex-direction:column;gap:1rem}.form-section label{color:#555;font-weight:500;margin-bottom:.25rem}.form-section input,.form-section textarea{border:1px solid #ddd;border-radius:8px;font-family:Poppins,Arial,sans-serif;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-section input:focus,.form-section textarea:focus{border-color:#945b19;box-shadow:0 0 0 3px #945b1933;outline:none}.form-section textarea{min-height:120px;resize:vertical}.form-section button{align-self:flex-start;background:#945b19;border:none;border-radius:8px;box-shadow:0 4px 6px #945b1933;color:#fff;cursor:pointer;font-family:Poppins,Arial,sans-serif;font-size:16px;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.form-section button:hover{background:#7c4b14;box-shadow:0 6px 12px #945b194d;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .1s ease-out forwards;will-change:transform,opacity}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-scale{animation:fadeScale .1s ease-out forwards;will-change:transform,opacity}@keyframes fadeInSlow{0%{opacity:0}to{opacity:1}}.fade-in-slow{animation:fadeInSlow .1s ease-out forwards;will-change:opacity}.opacity-0{visibility:hidden}.opacity-100{visibility:visible}.transition-all{transition:opacity .1s ease-out,transform .1s ease-out}@media screen and (max-width:768px){.section-four{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem}.section-six-card{grid-template-columns:1fr}.container-seven{flex-direction:column}.left-section{min-height:200px}.form-section{padding:1.5rem}.card-six:hover{transform:translateY(-5px)}.card-six:hover img{transform:none}}.io-trigger{min-height:10px;width:100%}@media screen and (max-width:1024px){.section-six-card{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.section-one-container{flex-direction:column;padding:1rem}.section-one-about h1{font-size:36px;justify-content:center;line-height:1.3;text-align:left}.section-one-about p{font-size:16px;line-height:24px;text-align:left}.section-one-about{text-align:center}.image-composition img{height:150px;width:150px}.join-button{margin-bottom:20px;width:100%}.survey-button{width:100%}.section-two{flex-direction:column;gap:1.5rem;padding:1.5rem}.section-four{flex-direction:column;gap:2rem;padding:2rem 1.5rem}.section-five h1{font-size:32px}.section-six-card{grid-template-columns:1fr}.container-seven{flex-direction:column}.left-section{min-height:250px}.form-section{padding:2rem 1.5rem}}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition:all .4s ease-out}.main-image{grid-column:1/span 1}.main-image,.person-image{border-radius:15px;box-shadow:0 4px 6px #0000001a;grid-row:1/span 1}.person-image{grid-column:2/span 1;z-index:10}.bottom-left-image{grid-column:1/span 1}.bottom-img,.bottom-left-image{border-radius:15px;box-shadow:0 4px 6px #0000001a;grid-row:2/span 1}.bottom-img{grid-column:2/span 1}*{box-sizing:border-box;margin:0;padding:0;transition:all .3s ease}body{background-color:#f4f4f4;font-family:Arial,sans-serif;line-height:1.6;padding-top:150px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn 1s forwards;opacity:0}.fade-slide{opacity:0;transform:translateX(-50px)}.fade-slide.visible{opacity:1;transform:translateX(0);transition:all 1s ease}.book-hover,.tool-hover{transition:transform .3s ease,box-shadow .3s ease}.book-hover:hover,.tool-hover:hover{box-shadow:0 10px 20px #0000001a;transform:scale(1.05)}.about-page{background-color:#f9f9f9;overflow-x:hidden;padding:20px}.about-hero{display:flex;flex-wrap:wrap;gap:20px;margin:0 auto;max-width:1200px}.about-content,.about-video-container{flex:1 1;min-width:300px}.about-content h1{color:#333;font-size:2.5rem;margin-bottom:20px}.about-caption p,.about-content p{color:#666}.about-video-container{border-radius:10px;overflow:hidden;position:relative}.about-video-container iframe{border-radius:10px;width:100%}.section-2{margin:40px auto;max-width:1200px}.content-layout{align-items:center;display:flex;flex-wrap:wrap;gap:30px}.text-content{flex:1 1;min-width:300px}.books-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.book{border-radius:10px;box-shadow:0 4px 15px #0000001a;height:350px;overflow:hidden;width:250px}.book img{height:100%;object-fit:cover;width:100%}.book-hover{transition:transform .3s ease,box-shadow .3s ease}.book-hover:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.tools-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.tool-card{background-color:#fff;border-radius:15px;box-shadow:0 10px 25px #0000000d;width:300px}.tool-card,.tool-image{overflow:hidden;padding:20px}.tool-image{height:250px}.tool-image img{height:100%;object-fit:cover;width:100%}.containerr{margin:40px auto;max-width:1200px;text-align:center}.container h1{padding-bottom:40px;text-align:center}.illustration_wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:40px}.illustration-container{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:20px}.illustration{height:auto;max-width:100%}@media screen and (max-width:768px){.about-hero,.content-layout,.illustration_wrapper{flex-direction:column}.about-content,.about-video-container{width:100%}h1{font-size:2rem}}@media screen and (max-width:480px){.book,.tool-card{width:100%}h1{font-size:1.5rem}}.highlighted-text{color:#4682b4;font-weight:700}.highlight{color:#8b4513;font-weight:600}.dashboard-container{background-color:#f3f4f6;display:flex;flex-direction:column;height:100vh}.search-section{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1rem}.search-bar{align-items:center;display:flex;gap:1rem}.search-input-container{flex:1 1;position:relative}.search-icon{color:#9ca3af;height:1.25rem;left:.75rem;position:absolute;top:.75rem;width:1.25rem}.search-input{border:1px solid #d1d5db;border-radius:9999px;outline:none;padding:.5rem 1rem .5rem 2.5rem;transition:all .2s;width:100%}.search-input:focus{ring:2px;ring-color:#3b82f6;border-color:#3b82f6}.icon-button{background:none;border:none;border-radius:9999px;cursor:pointer;padding:.5rem;transition:background-color .2s}.icon-button:hover{background-color:#f3f4f6}.icon{height:1.5rem;width:1.5rem}.filter-section{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:1rem}.filter-left,.filter-section{align-items:center;display:flex}.filter-left{gap:1rem}.filter-active{color:#000;font-weight:600}.filter-inactive,.filter-separator{color:#6b7280}.filter-right{gap:1rem}.filter-button,.filter-right{align-items:center;display:flex}.filter-button{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;font-size:.875rem;gap:.5rem;padding:.25rem .75rem}.filter-icon{height:1rem;width:1rem}.books-section{flex:1 1;overflow-y:auto;padding:1rem}.books-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:32rem}.book-item{cursor:pointer;position:relative;transition:transform .2s}.book-item:hover{transform:translateY(-2px)}.book-cover{aspect-ratio:2/3;background-color:#e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;position:relative;transition:box-shadow .2s}.book-item:hover .book-cover{box-shadow:0 10px 15px -3px #0000001a}.book-cover img{height:100%;object-fit:cover;width:100%}.progress-badge{background-color:#000000b3;border-radius:.25rem;color:#fff;font-size:.75rem;left:.5rem;padding:.25rem .5rem;position:absolute;top:.5rem}.status-indicator{align-items:center;background-color:#fff;border-radius:50%;bottom:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;height:1.5rem;justify-content:center;position:absolute;right:.5rem;width:1.5rem}.status-dot{background-color:#10b981;border-radius:50%;height:.75rem;width:.75rem}.book-info{margin-top:.5rem}.book-title-grid{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;font-weight:600;line-height:1.25;overflow:hidden}.book-author{color:#6b7280;font-size:.75rem;margin-top:.25rem}.pagination-info{color:#6b7280;margin-top:2rem;text-align:center}.pagination-info p{font-size:.875rem}.bbottom-nav{background-color:#fff;border-top:1px solid #e5e7eb;padding:1rem}.nnav-container{justify-content:space-around;margin:0 auto;max-width:24rem}.nnav-button,.nnav-container{align-items:center;display:flex}.nnav-button{background:none;border:none;cursor:pointer;flex-direction:column;gap:.25rem}.nav-icon-bottom{height:1.5rem;width:1.5rem}.nnav-text{font-size:.75rem}.active-text{border-bottom:2px solid #000;font-weight:600}.ccenter-icon{background-color:#1f2937;border-radius:.25rem;height:2rem;width:2rem}.reading-container{display:flex;height:100vh}.sidebar{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;width:16rem}.sidebar-header{border-bottom:1px solid #e5e7eb;padding:1rem}.user-info{gap:.75rem}.avatar,.user-info{align-items:center;display:flex}.avatar{background-color:#10b981;border-radius:50%;color:#fff;font-weight:700;height:3rem;justify-content:center;width:3rem}.user-details{flex:1 1}.welcome-text{font-weight:600;margin:0}.username{color:#6b7280;font-size:.875rem;margin:0}.sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1rem}.kindle-board{align-items:center;background-color:#fef3c7;border-radius:.5rem;display:flex;gap:.5rem;padding:.75rem}.board-icon{background-color:#f59e0b;border-radius:.25rem;height:1.5rem;width:1.5rem}.nnav-items{display:flex;flex-direction:column;gap:.5rem}.nnav-item{align-items:center;color:#374151;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 0}.nnav-item:hover{color:#000}.nnav-icon{height:1rem;width:1rem}.sidebar-footer{border-top:1px solid #e5e7eb;padding:1rem}.product-text{color:#6b7280;font-size:.75rem}.amazon-text{font-weight:700}.main-content{display:flex;flex:1 1;flex-direction:column}.reading-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:1rem}.header-left,.reading-header{align-items:center;display:flex}.header-left{gap:1rem}.back-button{background:none;border:none;border-radius:50%;cursor:pointer;padding:.5rem;transition:background-color .2s}.back-button:hover{background-color:#f3f4f6}.back-icon{height:1.25rem;width:1.25rem}.book-title{font-size:1.25rem;font-weight:700;margin:0}.header-right{align-items:center;display:flex;gap:.5rem}.page-info{color:#6b7280;font-size:.875rem}.header-button{background:none;border:none;border-radius:50%;cursor:pointer;padding:.5rem;transition:background-color .2s}.header-button:hover{background-color:#f3f4f6}.header-icon{height:1.25rem;width:1.25rem}.reading-content{display:flex;flex:1 1}.content-area{flex:1 1;margin:0 auto;max-width:64rem;padding:2rem}.content-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.chapter-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.content-text{max-width:none}.paragraph{color:#1f2937;line-height:1.625;margin-bottom:1rem}.page-navigation{background-color:#f9fafb;padding:1rem;width:20rem}.book-cover-small{margin-bottom:1rem}.book-cover-small img{border-radius:.25rem;box-shadow:0 2px 4px #0000001a;height:7rem;object-fit:cover;width:5rem}.page-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.page-thumbnail{align-items:flex-end;aspect-ratio:3/4;background-color:#fff;border:2px solid #d1d5db;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;justify-content:center;padding-bottom:.5rem;transition:all .2s}.page-thumbnail:hover{border-color:#9ca3af}.page-thumbnail.active{background-color:#eff6ff;border-color:#3b82f6;color:#1d4ed8}@media (max-width:768px){.books-grid{grid-template-columns:repeat(2,1fr)}.reading-container{flex-direction:column}.sidebar{height:auto}.page-navigation,.sidebar{width:100%}.reading-content{flex-direction:column}}@media (max-width:480px){.books-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.cb7dc0cd.css.map*/