:root{--page-bg:#fff;--text-color:#333;--primary-color:#5a2d82;--accent-color:#08a012;--header-bg:#2a464ad9;--header-text:#f1f1f1;--header-hover-bg:#f0f2f5;--logo-color:#fff;--footer-bg:#333;--card-bg:#fff;--card-shadow:#0000001a;--border-color:#80808033;--card-bg-glass-color:#fff9;--border-glass-color:#fff6}.dark{--page-bg:#121c1b;--text-color:#f1f1f1;--primary-color:#9267c2;--accent-color:#08a012;--header-bg:#2a464ab3;--header-text:#f1f1f1;--header-hover-bg:#ffffff1a;--logo-color:#fff;--footer-bg:#1a1a1a;--card-bg:#2a3a38;--card-shadow:#0006;--border-color:#80808066;--card-bg-glass-color:#1e1e3299;--border-glass-color:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background-color:#fff;background-color:var(--page-bg);color:#333;color:var(--text-color);font-family:sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}.role-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.role-popup-content{background-color:var(--card-bg);border-radius:12px;box-shadow:0 10px 30px #0003;color:var(--text-color);max-width:500px;padding:2rem;text-align:center;width:90%}.role-popup-content h2{margin-bottom:.5rem}.role-popup-content p{margin-bottom:1.5rem;opacity:.8}.role-cards-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.role-card{border:2px solid var(--border-color);border-radius:8px;cursor:pointer;padding:1.5rem 1rem;transition:all .2s ease-in-out}.role-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.role-card.selected{background-color:#08a0121a;border-color:var(--accent-color);transform:translateY(-5px) scale(1.05)}.role-icon{font-size:2.5rem;line-height:1}.role-label{font-weight:700;margin-top:.5rem}.submit-role-btn{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem;width:100%}.submit-role-btn:disabled{background-color:#ccc;cursor:not-allowed}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.searchContainer{align-content:center;display:grid;grid-template:"search" 35px/420px;justify-content:center;position:relative;transform:translateX(-15px)}.searchInput{border-radius:100px;color:#fff;font:20px/1 system-ui,sans-serif;grid-area:search;height:100%;padding:0 60px 0 100px;position:relative;width:100%;z-index:2}.searchInput::placeholder{color:#ffffff80}.searchSvg{fill:none;stroke:currentColor;color:#fff;grid-area:search;height:100%;overflow:visible;position:relative;width:100%;z-index:1}.isFocused:before{animation:spin 3s linear infinite;background-image:conic-gradient(from var(--angle),#381d6a 80%,#e0d1ff 88%,#e0d1ff 92%,#381d6a 100%);border-radius:100px;content:"";inset:-6px;-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;z-index:0}@keyframes spin{to{--angle:360deg}}.bar{ry:50%;stroke-width:3;animation:bar-in .9s 1s both;height:100%;width:100%}@keyframes bar-in{0%{stroke-dasharray:0 180 0 226 0 405 0 0}to{stroke-dasharray:0 0 181 0 227 0 405 0}}.magnifier{animation:magnifier-in .6s 1.6s both;transform-box:fill-box}@keyframes magnifier-in{0%{transform:translate(20px,8px) rotate(-45deg) scale(.01)}50%{transform:translate(-4px,8px) rotate(-45deg)}to{transform:translate(0) rotate(0deg)}}.isFocused .bar{animation:none;opacity:0;transition:opacity .3s}.spark{fill:currentColor;stroke:none;r:15}.spark:first-child{animation:spark-radius 2.03s 1s both,spark-one-motion 2s 1s both}.spark:nth-child(2){animation:spark-radius 2.03s 1s both,spark-two-motion 2.03s 1s both}.spark:nth-child(3){animation:spark-radius 2.05s 1s both,spark-three-motion 2.03s 1s both}@keyframes spark-radius{0%{r:0}30%{r:15}95%{r:8}to{r:0}}@keyframes spark-one-motion{0%{transform:translate(-20%,50%)}20%{transform:rotate(0deg) translateY(-50%)}80%{transform:rotate(-230deg) translateX(-20%) rotate(-100deg) translateX(15%)}to{transform:rotate(-1turn) translate(30px,100%)}}@keyframes spark-two-motion{0%{transform:translate(120%,50%) rotate(-70deg) translateY(0)}20%{transform:translate(90%,-80%) rotate(60deg) translateY(-80%)}40%{transform:translate(110%,-50%) rotate(-30deg) translateY(-120%)}70%{transform:translate(100%,-50%) rotate(120deg) translateY(-100%)}80%{transform:translate(95%,50%) rotate(80deg) translateY(-150%)}to{transform:translate(100%,50%) rotate(120deg) translateY(0)}}@keyframes spark-three-motion{0%{transform:translate(50%,100%) rotate(-40deg) translateX(0)}30%{transform:translate(40%,70%) rotate(20deg) translateX(20%)}40%{transform:translate(65%,20%) rotate(-50deg) translateX(15%)}60%{transform:translate(60%,-40%) rotate(-50deg) translateX(20%)}70%{transform:translate(70%) rotate(-180deg) translateX(20%)}to{transform:translate(70%) rotate(-1turn) translateX(0) rotate(180deg) translateX(20%)}}.burst{stroke-width:3}.burst *{color:#09a112}.circle{r:6}.rect{height:10px;width:10px}.triangle{d:path("M0,-6 L7,6 L-7,6 Z");stroke-linejoin:round}.plus{d:path("M0,-5 L0,5 M-5,0L 5,0");stroke-linecap:round}.burst.patternOne{transform:translate(30px,100%) rotate(150deg)}.burst.patternTwo{transform:translate(50%) rotate(-20deg)}.burst.patternThree{transform:translate(100%,50%) rotate(75deg)}@keyframes particle-fade{0%,to{opacity:0}5%,80%{opacity:1}}.burst :nth-child(n){animation:particle-fade .6s 2.95s both}.burst :first-child{animation-name:particle-fade,particle-one-move}.burst :nth-child(2){animation-name:particle-fade,particle-two-move}.burst :nth-child(3){animation-name:particle-fade,particle-three-move}.burst :nth-child(4){animation-name:particle-fade,particle-four-move}.burst :nth-child(5){animation-name:particle-fade,particle-five-move}.burst :nth-child(6){animation-name:particle-fade,particle-six-move}@keyframes particle-one-move{0%{transform:rotate(0deg) translate(-5%) scale(.0001)}to{transform:rotate(-20deg) translateX(8%) scale(.5)}}@keyframes particle-two-move{0%{transform:rotate(0deg) translate(-5%) scale(.0001)}to{transform:rotate(0deg) translateX(8%) scale(.5)}}@keyframes particle-three-move{0%{transform:rotate(0deg) translate(-5%) scale(.0001)}to{transform:rotate(20deg) translateX(8%) scale(.5)}}@keyframes particle-four-move{0%{transform:rotate(0deg) translate(-5%) scale(.0001)}to{transform:rotate(-35deg) translateX(12%)}}@keyframes particle-five-move{0%{transform:rotate(0deg) translate(-5%) scale(.0001)}to{transform:rotate(0deg) translateX(12%)}}@keyframes particle-six-move{0%{transform:rotate(0deg) translate(-5%) scale(.0001)}to{transform:rotate(35deg) translateX(12%)}}.theme-toggle-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:8px;position:relative;width:40px}.icon-wrapper{height:24px;position:relative;width:24px}.moon-icon-container,.sun-icon-container{color:#fff;height:100%;left:0;position:absolute;top:0;transition:transform .5s cubic-bezier(.68,-.55,.27,1.55);width:100%}.theme-toggle-button.light .sun-icon-container{transform:rotate(0deg) translateY(0)}.theme-toggle-button.light .moon-icon-container{transform:rotate(-90deg) translateY(150%)}.theme-toggle-button.dark .sun-icon-container{transform:rotate(90deg) translateY(-150%)}.theme-toggle-button.dark .moon-icon-container{transform:rotate(0deg) translateY(0)}.profile-dropdown-container{position:relative}.profile-icon-btn{background:none;border:none;border-radius:50%;cursor:pointer;padding:0}.profile-image{border:2px solid var(--primary-color);border-radius:50%;height:40px;object-fit:cover;width:40px}.profile-image-default{border-radius:50%;font-size:40px;opacity:.8}.profile-icon-btn svg,.profile-image-default{color:var(--header-text)}.dropdown-menu{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--card-shadow);color:var(--text-color);overflow:hidden;position:absolute;right:0;top:55px;width:220px;z-index:1001}.dropdown-header{border-bottom:1px solid var(--border-color);padding:1rem}.dropdown-header p{color:#888;font-size:.8rem}.dropdown-item{background:none;border:none;color:var(--text-color);cursor:pointer;display:block;font-size:1rem;padding:.75rem 1rem;text-align:left;text-decoration:none;width:100%}.dropdown-item:hover{background-color:var(--header-hover-bg)}.logout-item{border-top:1px solid var(--border-color);color:#dc3545}.ham{-webkit-tap-highlight-color:transparent;cursor:pointer;height:40px;transition:transform .4s;-webkit-user-select:none;user-select:none;width:40px}.hamRotate.active{transform:rotate(45deg)}.line{fill:none;stroke:#fff;stroke-width:5.5;stroke-linecap:round;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.ham1 .top{stroke-dasharray:40 139}.ham1 .bottom{stroke-dasharray:40 180}.ham1.active .top{stroke-dashoffset:-98px}.ham1.active .bottom{stroke-dashoffset:-138px}.new-main-header.desktop-header{grid-gap:1.5rem;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#2a3b39cc;border-bottom:1px solid #ffffff1a;display:grid;gap:1.5rem;grid-template-columns:auto 1fr auto;height:120px;left:0;padding:.5rem 1.5rem;position:fixed;right:0;top:0;transition:background-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:50}.header-center-section{align-items:center;display:flex;justify-content:center}.header-right-section{justify-content:flex-end}.header-logo{height:50px}.desktop-nav-list{align-items:center;display:flex;gap:25px;list-style:none;padding-top:0}.desktop-nav-link{color:#f1f1f1;font-weight:500;padding-bottom:4px;text-decoration:none;transition:color .3s}.new-main-header.desktop-header nav{bottom:9px;left:50%;position:absolute;transform:translateX(-50%)}.desktop-nav-link:hover{color:#00ff4c}.desktop-nav-link.active{border-bottom:2px solid #fff;color:#00ff4c;font-weight:700}.header-action-btn{font-size:clamp(.8rem,1.5vw,.875rem);padding:3px}.register-btn{background-color:var(--accent-color);color:#fff}.new-main-header.mobile-header{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#2a3b39cc;border-bottom:1px solid #ffffff1a;display:grid;grid-template-columns:1fr auto 1fr;left:0;padding:.75rem 1.5rem;position:fixed;top:0;transition:background-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;z-index:50}.mobile-header .header-left-section{justify-self:start}.mobile-header .header-center-section{justify-self:center;position:relative}.mobile-header .header-right-section{justify-self:end}.header-center-section,.header-left-section,.header-right-section{align-items:center;display:flex;gap:1rem}.header-logo{height:clamp(25px,8vw,40px);transition:height .2s ease-in-out;width:auto}.auth-buttons{display:flex}.header-action-btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:700;padding:.5rem 1rem;transition:opacity .3s}.login-btn{background-color:#ffffff1a;color:#fff}.header-action-btn:hover{opacity:.9}.mobile-header .header-menu-icon .ham{height:clamp(25px,9vw,40px);width:clamp(25px,9vw,40px)}.mobile-header .theme-toggle-button{font-size:clamp(16px,4vw,20px);height:clamp(28px,9vw,40px);width:clamp(29px,9vw,40px)}.mobile-header .header-action-btn.login-btn{font-size:clamp(.75rem,3.5vw,.875rem);padding:clamp(.4rem,2vw,.5rem) clamp(.8rem,4vw,1rem)}.search-icon-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:clamp(1.2rem,5vw,1.5rem);justify-content:center;padding:0}.mobile-logo-link{display:inline-block;transition:transform .4s ease,opacity .4s ease}.mobile-logo-link.hidden{opacity:0;pointer-events:none;transform:scale(.5)}.side-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom-right-radius:1rem;border-right:1px solid #fff3;border-top-right-radius:1rem;height:95%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.8,.25,1),visibility .4s;visibility:hidden;width:clamp(150px,70vw,288px);z-index:40}.side-panel.open{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}.side-panel.dark-side-panel{background-color:#0003}.side-panel.light-side-panel{background-color:#131a1399}.side-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.5rem}.side-panel-nav-list{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;list-style:none;padding-top:4rem}.side-panel-link{font-size:1.25rem;transition:color .3s}.side-panel-link:hover{color:#d1d5db}.side-panel-footer{padding-top:1rem}.side-panel-nav-list{margin:4rem 0 0;padding:0;position:relative}.side-panel-link{color:#fff;display:block;font-size:1.1rem;font-weight:500;padding:1rem 2.5rem;position:relative;text-decoration:none;z-index:2}.side-panel-link span{display:inline-block;transition:transform .3s ease-in-out}.dark-side-panel .side-panel-link.active,.light-side-panel .side-panel-link.active{color:#fff}.side-panel-link.active span{transform:translateX(10px)}.nav-highlight{-webkit-backdrop-filter:white(5px);backdrop-filter:white(5px);background-color:var(--card-bg-glass-color);border-radius:50px 10px 10px 50px;left:0;opacity:0;position:absolute;transition:top .35s cubic-bezier(.25,.8,.25,1),height .35s cubic-bezier(.25,.8,.25,1),opacity .2s;width:110.2%;z-index:1}.light-side-panel .nav-highlight{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:rgba(28,155,6,.623)}.dark-side-panel .nav-highlight{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#19c4305e}.side-panel-footer{border-top:1px solid #80808033;display:flex;justify-content:flex-end;margin:1rem 1rem 0;padding:1rem}.main-footer{background-color:#333;color:#fff;margin-top:auto;padding:1rem;text-align:center}@media (max-width:768px){.main-footer{display:none}}.bottom-nav-container{bottom:0;display:none;height:60px;left:0;position:fixed;transition:transform .4s ease-in-out;width:100%;z-index:100}.bottom-nav-container.hide{transform:translateY(100px)}@media (max-width:768px){.bottom-nav-container{display:block}}.bottom-nav-background{filter:url(#goo);height:calc(100% - 60px);left:50%;top:0;transform:translateX(-50%);width:200%;z-index:1}#round,.bottom-nav-background{background:var(--primary-color);position:absolute}#round{border-radius:100%;bottom:-35px;height:35px;left:23.9%;transition:left .4s cubic-bezier(0,0,0,1.04);width:35px;z-index:2}#tab-bar{align-items:center;background:var(--card-bg);border-top:1px solid var(--border-color);bottom:0;display:flex;height:60px;justify-content:space-around;margin:0;padding:0;position:absolute;width:100%}#tab-bar li{list-style:none}.icon{align-items:center;border-radius:100%;cursor:pointer;display:flex;height:50px;position:relative;transition:transform .25s ease-in-out;-webkit-user-select:none;user-select:none;width:50px;z-index:2}.icon-picture{color:#333;height:24px;transition:color .25s;width:24px}.dark .icon-picture{color:#fff}.icon.active{background:var(--card-bg);box-shadow:0 3px 8px -2px #0003;transform:translateY(-15px) scale(1.1)}.icon.active .icon-picture{color:#08a012}.icon{flex-direction:column;gap:3px;height:100%;justify-content:center;text-decoration:none}.icon.active{transform:translateY(-10px) scale(1.05)}.icon-label{color:#333;font-size:.65rem;font-weight:500;transition:color .25s}.dark .icon-label{color:#fff}.icon.active .icon-label{color:#08a012}.loading-overlay{-webkit-tap-highlight-color:transparent;box-sizing:border-box;gap:clamp(2rem,8vw,5rem);justify-content:center;min-height:calc(100vh - 200px);padding:2rem 2rem 15vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.loading-content,.loading-overlay{align-items:center;display:flex;flex-direction:column}.loading-content{gap:1.5rem}.loading-text{color:var(--text-color);font-size:clamp(1rem,3vw,1.1rem);font-weight:500;opacity:.8}.book-shelf-loader{animation:start-loader-animation 2s ease-in-out infinite;height:auto;width:clamp(80px,18vw,110px)}.loading-top-logo{height:clamp(60px,15vw,90px);left:auto;opacity:0;position:relative;top:auto;transform:scale(.95);transition:opacity .5s ease-in-out,transform .5s ease-in-out;width:auto}.loading-top-logo.visible{opacity:1;transform:scale(1)}@keyframes book-bounce{0%{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes shelf-lift{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-4px) rotate(10deg)}40%{transform:translateY(-4px) rotate(0)}60%{transform:translateY(-4px) rotate(-10deg)}80%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes start-loader-animation{0%,to{opacity:1}50%{opacity:.9}}.book-shelf-loader .book-shelf__book{animation:book-bounce 1.2s ease infinite}.book-shelf-loader .book-shelf__book--two{animation-delay:.1s}.book-shelf-loader .book-shelf__book--three{animation-delay:.2s}.book-shelf-loader .book-shelf__shelf{animation:shelf-lift 1.2s ease infinite;transform-origin:50% 50%}.fab-container{align-items:center;background-color:var(--primary-color);border-radius:50%;bottom:30px;box-shadow:0 4px 12px #0003;display:flex;height:60px;justify-content:center;position:fixed;right:30px;text-decoration:none;transition:transform .2s ease-in-out,background-color .2s ease-in-out;width:60px;z-index:1000}.fab-container:hover{background-color:var(--accent-color);transform:scale(1.1)}.fab-icon{color:#fff;font-size:36px;font-weight:300;line-height:1;padding-bottom:4px}@media (max-width:768px){.fab-container{display:none}}.searchBox{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:40px;display:flex;height:40px;padding:5px;position:relative;transition:all .4s ease-in-out;user-select:none;-webkit-user-select:none}.searchInput{background:none;border:none;color:var(--text-color);float:left;font-size:16px;line-height:40px;outline:none;padding:0 6px;transition:.4s;user-select:text;-webkit-user-select:text;width:0}.searchBox.active>.searchInput{width:180px}.searchButton{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.1rem;height:30px;justify-content:center;transition:.4s;width:30px}.searchBox.active>.searchButton{background:var(--text-color);color:var(--page-bg)}.search-panel-container{-webkit-tap-highlight-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#2a3b39f2;border-bottom:1px solid #ffffff1a;left:0;opacity:0;padding:1rem 0;pointer-events:none;position:fixed;top:60px;transform:translateY(-150%);transition:transform .4s ease-in-out,opacity .4s ease-in-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;z-index:45}.search-panel-container.open{opacity:1;pointer-events:auto;transform:translateY(0)}.search-panel-content{align-items:center;display:flex;justify-content:center}.app-layout{background-color:var(--page-bg);display:flex;flex-direction:column;min-height:100vh;transition:background-color .3s ease}.main-content{flex:1 1;padding-top:90px}@media (max-width:768px){.main-content{padding-bottom:80px}}.auth-special-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#273532d9;display:flex;justify-content:center;left:0;padding:.65rem 0;position:fixed;top:0;width:100%;z-index:10}.auth-header-logo-only{display:none}.auth-book-container{padding-top:90px}.main-content.loading{align-items:center;display:flex;justify-content:center}.book-card-link-wrapper{color:inherit;display:block;height:100%;text-decoration:none}.book-card-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 1px 3px 0 var(--card-shadow);display:flex;flex-direction:column;height:370px;overflow:hidden;transition:all .3s ease-in-out;width:200px}.book-card-link-wrapper:hover .book-card-container{border-color:var(--primary-color);box-shadow:0 10px 15px -3px var(--card-shadow),0 4px 6px -4px var(--card-shadow);transform:translateY(-4px) scale(1.02)}.book-card-image-container{flex-shrink:0;height:260px;overflow:hidden;position:relative;width:100%}.book-card-image{height:100%;object-fit:cover;transition:transform .3s ease-in-out;width:100%}.book-card-link-wrapper:hover .book-card-image{transform:scale(1.05)}.book-card-content{display:flex;flex-direction:column;flex-grow:1;padding:.75rem}.book-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.25;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.book-card-link-wrapper:hover .book-card-title{color:var(--primary-color)}.book-card-author{color:#888;font-size:.875rem;margin-top:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card-footer{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;padding:0 .75rem .75rem}.book-card-badges{display:flex;flex-wrap:wrap;gap:0}.book-card-badge-secondary{align-items:center;background-color:#aff0b2;border:1px solid var(--border-color);border-radius:9999px;color:#374151;display:inline-flex;font-weight:600;padding:.125rem .625rem}.dark .book-card-badge-secondary{background-color:#374151;color:#f3f4f6}.book-card-rating{align-items:center;color:#ffa200;display:flex;flex-shrink:0;font-size:.875rem;gap:.25rem}.carousel-container{padding:1rem 0}.carousel-title{color:var(--text-color);font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1.5rem}.carousel-wrapper{position:relative}.carousel-track{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}.carousel-track::-webkit-scrollbar{height:5px}.carousel-track::-webkit-scrollbar-track{background:#0000}.carousel-track::-webkit-scrollbar-thumb{background-color:#08a01280;background-color:rgba(var(--primary-color-rgb,8),160,18,.5);border-radius:10px}.carousel-item{min-width:190px}.homepage-container{margin:0 auto;max-width:1600x;padding:1rem 2rem}.loading-text{color:#888;font-size:1.25rem;padding:4rem;text-align:center}.separator{background-color:var(--border-color);height:1px;margin:3rem 0;width:100%}.discover-title{color:var(--text-color);font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1.5rem}.books-grid{grid-gap:2.6rem;display:grid;gap:2.6rem;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.no-books-message{color:#888;padding:4rem;text-align:center}.bd-container{color:#fff}.bd-loading,.bd-not-found{color:var(--text-color);font-size:1.5rem;padding:4rem;text-align:center}.bd-hero-section{background-position:50%;background-size:cover;min-height:450px;position:relative;width:100%}.bd-hero-overlay{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a3a38d9;display:flex;min-height:450px;padding:2rem}.bd-hero-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;width:100%}@media (min-width:768px){.bd-hero-content{flex-direction:row}}.bd-cover-container{flex-shrink:0;margin:0 auto;width:clamp(150px,50vw,250px)}@media (min-width:768px){.bd-cover-container{margin:0}}.bd-cover-image{border:3px solid #fff3;border-radius:8px;box-shadow:0 10px 30px #00000080;height:auto;width:100%}.bd-main-info{align-items:center;display:flex;flex-direction:column;text-align:center}@media (min-width:768px){.bd-main-info{align-items:flex-start;text-align:left}}.bd-meta{display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.5rem;opacity:.8}.bd-title{font-size:2.5rem;font-weight:700;line-height:1.1;margin-bottom:.25rem}.bd-author{font-size:1.25rem;font-weight:400;margin-bottom:1.5rem;opacity:.9}.bd-ratings-placeholder{align-items:center;display:flex;gap:.5rem;margin-bottom:2rem}.bd-rating-value{font-size:1.5rem}.bd-action-btn{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem 2rem;text-decoration:none;transition:all .2s ease}.buy-btn{background-color:var(--primary-color);color:#fff}.buy-btn:hover{opacity:.9;transform:scale(1.05)}.read-btn{background-color:var(--accent-color);color:#fff}.read-btn:hover{opacity:.9;transform:scale(1.05)}.bd-details-section{background-color:var(--page-bg);color:var(--text-color);margin:0 auto;max-width:1200px;padding:.5rem}.bd-details-section h3{border-bottom:2px solid var(--primary-color);display:inline-block;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.bd-description{margin-bottom:3rem}.bd-description p{line-height:1.7}.bd-comments-placeholder p{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:2rem;text-align:center}.bd-mobile-actions-bar{-webkit-tap-highlight-color:transparent;align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1.5rem;justify-content:space-around;margin-bottom:1.5rem;padding:1rem 0;position:relative;user-select:none;-webkit-user-select:none}.bd-action-icon{align-items:center;color:#888;cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.dark .bd-action-icon{color:#a0a0a0}.bd-action-icon svg{font-size:1.25rem}.bd-mobile-actions-bar .reaction-container .main-reaction-button-wrapper{gap:.5rem}.bd-mobile-actions-bar .reaction-container .main-text{display:none}@media (max-width:768px){.bd-main-info .bd-reactions-section{display:none}}.bd-mobile-actions-bar .reaction-container .main-reaction-button{padding:0}.bd-mobile-actions-bar .bd-action-icon{gap:.25rem}.bd-mobile-actions-bar .bd-action-icon span{font-size:.75rem}@media (max-width:768px){.bd-mobile-actions-bar .reaction-popup{bottom:100%;left:50%;margin-bottom:1rem;transform:translateX(-50%)}}@media (min-width:768px){.bd-mobile-actions-bar{display:none}}.bd-reactions-section{margin-top:2rem}.mobile-comment-input-wrapper{animation:slideInUp .3s ease-out;margin-bottom:1.5rem}@media (min-width:768px){.bd-details-section{padding:2rem}}.bd-mobile-actions-bar .reaction-popup{left:10%;transform:translateX(-50%)}.popup-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.popup-content{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px 0 #0000005e;max-width:450px;padding:2rem;position:relative;width:90%}.light .popup-content{background-color:rgba(28,49,29,.178)}.dark .popup-content{background-color:#2a3a38b3}.popup-close-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.8rem;position:absolute;right:15px;top:15px;transition:transform .3s ease}.popup-close-btn:hover{transform:rotate(90deg)}.popup-logo{margin:0 auto 1rem;width:150px}.popup-logo img{height:auto;width:100%}.popup-logo svg path{fill:var(--logo-color)}.popup-content h2{margin-bottom:.5rem;text-align:center}.popup-subtitle{font-size:.9rem;margin-bottom:1.5rem;opacity:.8;text-align:center}.features-scroll-container{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}.features-scroll-container::-webkit-scrollbar{height:6px}.features-scroll-container::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.dark .features-scroll-container::-webkit-scrollbar-track{background:#ffffff1a}.features-scroll-container::-webkit-scrollbar-thumb{background-color:var(--primary-color);border:1px solid var(--page-bg);border-radius:10px}.features-scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}.feature-card{flex:0 0 100px;flex-direction:column;gap:.5rem}.feature-card,.feature-icon{align-items:center;display:flex}.feature-icon{background-color:rgba(0,0,0,.329);border-radius:12px;color:#08a012;font-size:2.5rem;height:80px;justify-content:center;width:80px}.feature-name{font-size:.8rem;font-weight:500}.popup-actions{display:flex;gap:1rem;margin-top:2rem}.popup-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:.8rem}.popup-btn.login{background-color:#08a012}.popup-btn.signup{background-color:#5a2d82}.popup-links{font-size:.8rem;margin-top:1rem;text-align:center}.popup-links a{color:var(--text-color);margin:0 10px;opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.light .popup-content .feature-name,.light .popup-content .popup-links a,.light .popup-content .popup-subtitle,.light .popup-content h2{color:#fff}.rlp-content{max-height:80vh}.reactors-list,.rlp-content{display:flex;flex-direction:column}.reactors-list{gap:.5rem;margin-top:1.5rem;overflow-y:auto;padding-right:.5rem}.rlp-status{opacity:.7;padding:2rem;text-align:center}.reactor-item{align-items:center;border-radius:8px;display:flex;gap:1rem;padding:.75rem;transition:background-color .2s ease}.reactor-item:hover{background-color:#0000000d}.dark .reactor-item:hover{background-color:#ffffff0d}.reactor-avatar-wrapper{flex-shrink:0;position:relative}.reactor-avatar{border:2px solid var(--border-color);border-radius:50%;height:50px;object-fit:cover;width:50px}.default-avatar{color:var(--text-color);opacity:.5}.reactor-reaction-badge{align-items:center;background-color:var(--card-bg);border-radius:50%;bottom:-2px;box-shadow:0 1px 3px #0003;display:flex;justify-content:center;left:-2px;padding:2px;position:absolute}.reactor-reaction-icon{color:var(--primary-color);height:18px;width:18px}.reactor-info{display:flex;flex-direction:column;flex-grow:1;text-align:left}.reactor-name{font-weight:600}.reactor-role{font-size:.8rem;opacity:.7;text-transform:capitalize}.reactors-list::-webkit-scrollbar{width:6px}.reactors-list::-webkit-scrollbar-track{background:#0000}.reactors-list::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.reaction-container{display:inline-flex;position:relative}.main-reaction-button-wrapper{align-items:center;display:flex;gap:1rem}.main-reaction-button,.main-text{align-items:center;background-color:initial;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s ease}.main-reaction-button:hover,.main-text:hover{background-color:initial}.reaction-container button{-webkit-tap-highlight-color:transparent;outline:none}.reaction-container button:focus-visible{outline:2px solid var(--primary-color)}.main-reaction-button.icon-only{flex-direction:column;gap:.25rem}.main-icon{color:#888;height:clamp(20px,6vw,24px);transition:transform .2s ease;width:clamp(20px,6vw,24px)}.main-text{color:#888;font-size:clamp(.8rem,2.5vw,.9rem);font-weight:500;transition:color .2s ease;user-select:none;-webkit-user-select:none}.dark .main-text{color:#a0a0a0}.main-text:hover{color:var(--primary-color)}.reaction-count{font-size:clamp(.8rem,2.5vw,.9rem);margin-left:.25rem}.main-text.reacted{font-size:.75rem;font-weight:600;margin-top:2px;opacity:1}.top-reactions-summary{align-items:center;display:flex;margin-right:.5rem}.top-reaction-icon{align-items:center;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.top-reaction-icon:not(:first-child){margin-left:-8px}.top-reaction-icon .lottie-animation-container,.top-reaction-icon svg{height:12px;width:12px}.reaction-popup{animation:slide-up-fade-in .3s cubic-bezier(.25,.8,.25,1) forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--card-bg-glass-color);border:1px solid var(--border-glass-color);border-radius:50px;bottom:100%;box-shadow:0 4px 12px var(--card-shadow);display:flex;left:50%;margin-bottom:.75rem;padding:clamp(.25rem,1.5vw,.5rem);position:absolute;transform:translateX(-50%)}@keyframes slide-up-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.light .reaction-popup{background-color:#fff9}.dark .reaction-popup{background-color:#1e1e3299}.reaction-button{background:none;border:none;cursor:pointer;padding:clamp(.25rem,1.5vw,.5rem);position:relative;transition:transform .2s cubic-bezier(.25,.8,.25,1)}.reaction-button:hover{transform:translateY(-8px) scale(1.1)}.reaction-icon{height:clamp(28px,8vw,32px);width:clamp(28px,8vw,32px)}.reaction-tooltip{background-color:#333;border-radius:4px;bottom:100%;color:#fff;font-size:.75rem;font-weight:600;left:50%;margin-bottom:.5rem;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.reaction-button:hover .reaction-tooltip{opacity:1}.text-red-500{color:#ef4444}.text-blue-500{color:#3b82f6}.text-orange-500{color:#f97316}.text-yellow-500{color:#eab308}.text-yellow-600{color:#ca8a04}.text-red-700{color:#b91c1c}@media (max-width:768px){.bd-mobile-actions-bar .reaction-container{position:static}}.add-reaction-prompt{color:#888;font-size:.75rem;font-weight:500;user-select:none;-webkit-user-select:none}.dark .add-reaction-prompt{color:#a0a0a0}@keyframes slide-down-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.reaction-popup.closing{animation:slide-down-fade-out .3s cubic-bezier(.25,.8,.25,1) forwards}.comment-input-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2a3a3866;border:1px solid #80808033;border-radius:16px;box-shadow:0 4px 12px #0003;display:flex;gap:1rem;padding:1.5rem}.comment-input-container.reply{background-color:#2a3a384d;border-radius:12px;padding:1rem}.comment-input-avatar{ring:2px solid #5a2d844d;height:48px;width:48px}.comment-input-container.reply .comment-input-avatar{height:32px;width:32px}.comment-input-wrapper{display:flex;flex-grow:1;gap:.75rem}.comment-input-field{font-size:1rem;padding:.75rem 1rem}.comment-input-field::placeholder{color:#888}.comment-input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5a2d8480;outline:none}.comment-submit-btn{font-size:1.25rem;height:48px;width:48px}.comment-submit-btn:hover{opacity:.9;transform:scale(1.05)}.comment-submit-btn:active{transform:scale(.95)}.comment-input-container-wrapper{display:flex;flex-direction:column}.char-counter{color:#888;font-size:.75rem;margin-top:.25rem;padding-right:.5rem;text-align:right;transition:color .3s ease}.char-counter.warn{color:#f59e0b;font-weight:500}.char-counter.limit{color:#ef4444;font-weight:700}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-item-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2a3a3866;border:1px solid #80808033;border-radius:16px;box-shadow:0 4px 12px #0003;gap:.75rem;overflow:hidden;padding:clamp(.5rem,3.5vw,1.5rem);position:relative;transition:all .5s cubic-bezier(.25,.8,.25,1);user-select:none;-webkit-user-select:none}.comment-item-container:hover{border-color:#5a2d844d;box-shadow:0 8px 24px #5a2d841a;transform:scale(1.02)}.ambient-glow{background:radial-gradient(circle at top left,#5a2d841a,#0000 50%);inset:0;opacity:0;position:absolute;transition:opacity .5s ease}.comment-item-container:hover .ambient-glow{opacity:1}.heart-animation-container{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.heart-ping{animation:ping 1s cubic-bezier(0,0,.2,1) forwards;color:#ef4444;position:absolute}.heart-bounce{fill:#ef4444;animation:bounceIn .6s cubic-bezier(.215,.61,.355,1) forwards;color:#ef4444}.comment-main-content{align-items:flex-start;display:flex;gap:1rem;gap:clamp(.5rem,3vw,1rem);position:relative;z-index:1}.comment-avatar{border:1px solid #5a2d844d;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:30px;transition:border-color .3s;width:30px}.comment-item-container:hover .comment-avatar{border-color:#08a012}.comment-body{flex-grow:1;min-width:0}.comment-author-info{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.comment-author-name{color:var(--text-color);cursor:pointer;font-size:clamp(.8rem,2.5vw,.875rem);font-weight:600;transition:color .3s}.comment-author-name:hover{color:#9267c2}.comment-timestamp{color:#888;font-size:clamp(.7rem,2vw,.75rem)}.comment-options-icon{color:#6b7280;cursor:pointer;margin-left:auto;opacity:0;transition:all .3s}.group:hover .comment-options-icon{opacity:1}.comment-options-icon:hover{color:#d1d5db}.comment-content-text{color:#d1d5db;font-size:clamp(.85rem,2.8vw,1rem);line-height:1.6;margin-bottom:1rem;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-break:break-word}.dark .comment-content-text{color:#d1d5db}.light .comment-content-text{color:#000}.comment-actions{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.5rem,4vw,1.5rem)}.like-button,.reply-button{align-items:center;background:none;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:clamp(.7rem,2.5vw,.75rem);font-weight:500;gap:.5rem;padding:.375rem .75rem;transition:all .3s ease}.like-button:hover,.reply-button:hover{background-color:#2a3a38b3}.like-button:hover{color:#3b82f6}.reply-button:hover{color:#9267c2}.like-button.liked{color:#3b82f6}.like-button.liked svg{fill:#3b82f6}.reply-input-section{animation:slideInUp .3s ease-out;margin-top:1rem}.replies-container{border-left:2px solid #5a2d8433;display:flex;flex-direction:column;gap:.75rem;margin-left:clamp(0rem,2vw,1rem);margin-top:1rem;padding-left:clamp(.5rem,2vw,1rem)}.reply-item-container{align-items:flex-start;background-color:#2a3a384d;border:1px solid #80808033;border-radius:12px;display:flex;gap:.45rem;padding:clamp(.75rem,3vw,1rem);transition:border-color .3s}.reply-item-container:hover{border-color:#5a2d844d}.reply-avatar{border:.2px solid rgba(43,255,0,.733);border-radius:50%;height:25px;width:25px}.reply-content-wrapper{flex-grow:1}.reply-like{font-size:.7rem;padding:.25rem .5rem}.comment-status{font-size:.75rem;font-style:italic;margin-bottom:.75rem;transition:opacity .5s ease}.comment-status.sending{color:#888}.comment-status.success{color:var(--accent-color)}.comment-status.error{color:#ef4444}.comment-actions .reaction-popup{left:0;transform:translateX(0)}.reply-item-container .reaction-container{position:relative}.reply-item-container .reaction-popup{left:auto;right:0;transform:translateX(0)}.comment-input-avatar{border:2px solid #5a2d844d;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:40px;width:40px}.comment-input-field{background-color:#2a3a3880;border:1px solid #80808066;border-radius:12px;color:var(--text-color);flex-grow:1;font-family:inherit;font-size:.9rem;line-height:1.5;overflow-y:hidden;padding:.5rem 1rem;resize:none;transition:all .3s ease;width:5px}.comment-submit-btn{align-items:center;background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}@keyframes pulse{50%{opacity:.5}}.placeholder-container{display:flex;flex-direction:column;gap:1.5rem}.comment-placeholder{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#2a3a3866;border:1px solid #80808033;border-radius:16px;display:flex;gap:1rem;padding:1.5rem}.placeholder-avatar{background-color:var(--card-bg);border-radius:50%;flex-shrink:0;height:48px;width:48px}.placeholder-content{display:flex;flex-direction:column;flex-grow:1;gap:.75rem}.placeholder-header{align-items:center;display:flex;gap:.75rem}.placeholder-body{display:flex;flex-direction:column;gap:.5rem}.placeholder-line{background-color:var(--card-bg);border-radius:8px;height:16px;width:100%}.placeholder-actions{display:flex;gap:1.5rem;padding-top:.5rem}.comment-section-container{margin:0 auto;max-width:768px}.comment-section-header{margin-bottom:2rem;text-align:center}.comment-section-header h1{color:var(--text-color);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.comment-section-header p{color:#888}.main-comment-input-area{margin-bottom:2rem}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.no-comments-text{background-color:#2a3a3833;border-radius:16px;color:#888;padding:2rem;text-align:center}.load-more-container{margin-top:2rem;text-align:center}.load-more-btn{background-color:#2a3a3899;border:1px solid #80808033;border-radius:12px;color:#d1d5db;cursor:pointer;padding:.75rem 1.5rem;transition:all .3s ease}.load-more-btn:hover{background-color:#2a3a38cc;border-color:var(--primary-color);color:#fff}.comments-list-wrapper{border:1px solid #8080801a;border-radius:16px;max-height:800px;overflow-y:auto;padding-right:10px}@media (max-width:768px){.comments-list-wrapper{max-height:60vh}}.comments-list-wrapper::-webkit-scrollbar{width:8px}.comments-list-wrapper::-webkit-scrollbar-track{background:#0000}.comments-list-wrapper::-webkit-scrollbar-thumb{background-color:var(--primary-color);border:2px solid var(--page-bg);border-radius:10px}.scroll-trigger{color:#888;height:50px;text-align:center}.profile-container{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}.profile-container h2{margin-bottom:1.5rem;text-align:center}.profile-details p,.profile-field{border-bottom:1px solid #eee;font-size:1.1rem;margin-bottom:1rem;padding-bottom:1rem}.profile-field{align-items:center;display:flex;gap:1rem}.profile-field:last-of-type{border-bottom:none}.profile-field span{align-items:center;display:flex;gap:10px}.profile-field input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:8px}.pencil-icon{cursor:pointer;font-size:1.2rem;opacity:.4;transition:opacity .2s}.pencil-icon:hover{opacity:1}.email-field{color:#888;font-size:1.1rem;font-style:italic}.save-bar{align-items:center;background-color:#333;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:80px;z-index:10}.save-bar button{border:none;border-radius:5px;cursor:pointer;margin-left:1rem;padding:.5rem 1rem}.save-btn{background-color:#28a745;color:#fff}.cancel-btn{background-color:#6c757d;color:#fff}.purchase-container{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.purchase-container h1{margin-bottom:2rem;text-align:center}.payment-instructions{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:2rem}.bank-details{background-color:#f9f9f9;border-left:4px solid #5a2d82;list-style:none;margin:1rem 0;padding:1rem}.bank-details li{padding:.5rem 0}.important-note{color:#d9534f;font-weight:700}.upload-section{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-section input[type=file]{border:1px solid #ccc;border-radius:5px;max-width:400px;padding:.5rem;width:100%}.upload-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem}.admin-container{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:2rem auto;max-width:1200px;padding:2rem}.admin-container h1{margin-bottom:2rem;text-align:center}.requests-table{border-collapse:collapse;width:100%}.requests-table td,.requests-table th{border:1px solid #ddd;padding:12px;text-align:left}.requests-table th{background-color:#f7f7f7;font-weight:700}.requests-table tbody tr:nth-child(2n){background-color:#f9f9f9}.requests-table tbody tr:hover{background-color:#f1f1f1}.actions-cell{display:flex;gap:10px}.action-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;padding:8px 12px;text-align:center;text-decoration:none}.view-btn{background-color:#007bff}.approve-btn{background-color:#28a745}.reject-btn{background-color:#dc3545}.auth-page-layout .main-content{padding-top:0}.auth-header-logo-only{left:0;padding:1rem 2rem;position:absolute;top:0;width:100%;z-index:10}.auth-header-logo-only .header-logo{height:40px;width:auto}.auth-book-container{align-items:center;background-position:50%;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding-bottom:60px;padding-top:1px;position:fixed;width:100%}.book-wrapper{aspect-ratio:500/700;filter:drop-shadow(5px 15px 15px rgba(0,0,0,.3));perspective:2500px;position:relative;width:clamp(300px,90vw,500px);z-index:2}.page-content-wrapper{box-sizing:border-box;height:100%;overflow-y:hidden;padding:1rem 1.5rem;width:100%}.page-content-wrapper.scrollable{overflow-y:auto}.page-content-wrapper.scrollable::-webkit-scrollbar{width:5px}.page-content-wrapper.scrollable::-webkit-scrollbar-track{background:#0000}.page-content-wrapper.scrollable::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.page-content-wrapper.scrollable::-webkit-scrollbar-thumb:hover{background:#555}.auth-page,.book-cover{background-color:#fdfaf7;background-color:var(--card-bg,#fdfaf7);border:1px solid #c2b5a3;border:1px solid var(--border-color,#c2b5a3);color:#333;color:var(--text-color,#333);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.auth-page input,.auth-page textarea{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.auth-book{border-radius:0 1rem 1rem 0;overflow:hidden}.book-cover{background-image:url(https://firebasestorage.googleapis.com/v0/b/nisadas-mawatha.firebasestorage.app/o/webapp%2FBookCover.png?alt=media&token=d8fd3437-61a2-4058-83c7-c63dd83cc04e);background-position:50%;background-size:cover;border:1px solid #000;cursor:pointer}.cover-design-new{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px}.cover-title-image{margin-bottom:20px;margin-top:100px;max-width:300px;width:80%}.cover-open-prompt,.cover-subtitle{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#fff9 0,#fff 20%,#fff9 40%,#fff9);background-size:200% auto;color:#0000;font-family:Georgia,Times New Roman,serif}.cover-subtitle{animation:shimmer 2s linear infinite;bottom:80px;font-size:1.5rem;position:absolute}.cover-open-prompt{animation:shimmer 3s linear infinite;bottom:60px;font-size:1rem;position:absolute}@keyframes shimmer{to{background-position:-200%}}.wooden-texture-background{background:#8b4513;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.authbook-nav-container{bottom:0;height:100px;left:0;pointer-events:none;position:fixed;width:100%;z-index:100}.nav-button-wrapper{align-items:center;bottom:25px;display:flex;flex-direction:column;gap:.5rem;opacity:0;pointer-events:all;position:absolute;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;user-select:none;-webkit-user-select:none}.nav-button-wrapper.visible{opacity:1;transform:translateY(0)}.nav-button-wrapper.left{left:25px}.nav-button-wrapper.right{right:25px}.nav-button-wrapper button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#0006;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #0003;color:#ffffffe6;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;transition:all .3s ease;width:35px}.nav-button-wrapper button:hover{background-color:#0009;transform:scale(1.1)}.nav-button-wrapper button:disabled{cursor:not-allowed;opacity:.3;transform:scale(1)}.nav-label{animation:bounce 2.5s ease-in-out infinite;color:#fff;font-size:.65rem;font-weight:500;text-shadow:1px 1px 3px #00000080}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.form-container{background:var(--card-bg);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:2rem auto;max-width:400px;padding:2rem}.form-container h2{margin-bottom:1.5rem;text-align:center}.page-form-wrapper{display:flex;flex-direction:column;justify-content:flex-start;padding:1rem clamp(.5rem,4vw,1.5rem)}.page-form-wrapper h2{color:var(--text-color);font-size:clamp(1.2rem,5vw,1.5rem);margin-bottom:clamp(.5rem,3vw,1rem);text-align:center}.form-group{margin-bottom:clamp(.6rem,2vw,.8rem)}.form-group label{color:var(--text-color);display:block;font-size:clamp(.8rem,2.5vw,.9rem);margin-bottom:.4rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:5px;font-size:clamp(.9rem,3vw,1rem);padding:.6rem;width:100%}.form-button{background-color:#5a2d82;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(.9rem,3.5vw,1rem);font-weight:700;margin-top:.8rem;padding:clamp(.6rem,2.5vw,.65rem);width:100%}.form-button:disabled{background-color:#9e8aae}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;font-size:clamp(.8rem,2.5vw,.9rem);margin-bottom:.8rem;padding:.6rem;text-align:center}.form-divider{align-items:center;color:#888;display:flex;margin:clamp(.8rem,3vw,1rem) 0;text-align:center}.form-divider:after,.form-divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.form-divider:not(:empty):before{margin-right:.25em}.form-divider:not(:empty):after{margin-left:.25em}.google-signin-button{align-items:center;background-color:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:clamp(.9rem,3.5vw,1rem);gap:.5rem;justify-content:center;padding:clamp(.6rem,2.5vw,.65rem);width:100%}.google-signin-button span{font-weight:700}.form-link{font-size:clamp(.8rem,2.5vw,.9rem);margin-top:1rem;text-align:center}.form-link a{color:var(--primary-color);font-weight:700;text-decoration:none}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;padding:.75rem;text-align:center}.form-group-checkbox,.success-message{font-size:clamp(.8rem,2.5vw,.9rem);margin-bottom:1rem}.form-group-checkbox{align-items:center;display:flex}.form-group-checkbox input{margin-right:.5rem}.form-group-checkbox label{margin-bottom:0}.form-info-text{background-color:rgba(42,139,13,.705);border-left:3px solid #28a745;border-radius:5px;color:#fff;font-size:clamp(.75rem,2vw,.8rem);margin-bottom:.8rem;margin-top:-.2rem;padding:8px;text-align:center}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{width:100%}.eye-icon{background:none;border:none;color:#888;cursor:pointer;font-size:clamp(1rem,4vw,1.2rem);position:absolute;right:10px}.login-layout{justify-content:flex-start;padding-top:.5rem}.login-layout .form-content-bottom{margin-top:10%;padding-bottom:2rem;width:100%}.link-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:700;padding:0;text-decoration:none}.link-button:hover{text-decoration:underline}.tag-input-container{background-color:var(--page-bg);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;gap:8px;padding:8px}.tag-input-container,.tag-item{align-items:center;display:flex}.tag-item{background-color:var(--primary-color);border-radius:5px;color:#fff;font-size:.875rem;padding:4px 8px}.tag-text{margin-right:8px}.remove-tag-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:0}.tag-input-field{background-color:initial;border:none;color:var(--text-color);flex-grow:1;min-width:150px;outline:none;padding:4px}.wp-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px var(--card-shadow);margin:2rem auto;max-width:1200px;padding:2rem}.wp-form-header{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:1.5rem;text-align:center}.wp-form-header h1{font-size:2rem;margin-bottom:.5rem}.wp-form-header p{opacity:.7}.wp-progress-bar-container{align-items:center;background-color:var(--page-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;height:2rem;justify-content:center;margin-bottom:1.5rem;overflow:hidden;position:relative;width:100%}.wp-progress-bar{background-color:var(--accent-color);height:100%;left:0;opacity:.5;position:absolute;top:0;transition:width .3s ease}.wp-progress-bar-container span{color:var(--text-color);font-weight:700;z-index:2}.wp-form-main-content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr}@media (min-width:992px){.wp-form-main-content{grid-template-columns:1.5fr 1fr}}.wp-form-left-column,.wp-form-right-column{display:flex;flex-direction:column;gap:1.5rem}.wp-form-group{display:flex;flex-direction:column}.wp-form-group label{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.wp-form-group input[type=number],.wp-form-group input[type=text],.wp-form-group select,.wp-form-group textarea{background-color:var(--page-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;padding:.75rem;width:100%}.wp-pdf-and-meta-grid{grid-gap:1.5rem;align-items:flex-start;display:grid;gap:1.5rem;grid-template-columns:auto 1fr}.wp-pdf-meta-inputs{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:576px){.wp-pdf-and-meta-grid{grid-template-columns:1fr}}.wp-file-input-hidden{display:none}.wp-file-uploader-box{align-items:center;border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;width:100%}.wp-file-uploader-box:hover{background-color:#5a2d820d;border-color:var(--primary-color)}.wp-uploader-prompt{align-items:center;color:var(--text-color);display:flex;flex-direction:column;gap:.5rem;opacity:.6;pointer-events:none}.wp-uploader-icon{height:48px;transition:transform .2s ease-in-out;width:48px}.wp-file-uploader-box:hover .wp-uploader-icon{transform:translateY(-4px)}.wp-uploader-prompt small{font-size:.75rem;opacity:.8}.wp-cover-uploader{aspect-ratio:2/3;min-height:250px}.wp-cover-preview{border-radius:4px;height:100%;object-fit:contain;width:100%}.wp-pdf-uploader{aspect-ratio:1/1;max-width:200px}.wp-file-name-display{font-weight:700;padding:.5rem;word-break:break-all}.wp-file-name-display span{font-size:2rem}.wp-publish-options-container{background-color:var(--page-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;padding:4px;position:relative}.wp-publish-option{border-radius:6px;color:var(--text-color);cursor:pointer;flex:1 1;font-weight:500;padding:.6rem 0;text-align:center;transition:color .3s ease;z-index:2}.wp-publish-option.active{color:#fff}.wp-publish-options-container:before{background-color:var(--primary-color);border-radius:6px;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s cubic-bezier(.25,.8,.25,1);width:calc(50% - 4px);z-index:1}.wp-publish-options-container:has(.wp-publish-option:nth-child(2) input:checked):before{transform:translateX(100%)}.wp-publish-option input[type=radio]{opacity:0;position:absolute}.wp-schedule-input{background-color:var(--page-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;margin-top:.75rem;padding:.75rem;width:100%}.wp-upload-error-message{color:#dc3545;font-size:.8rem;font-weight:700;margin-top:.5rem}.wp-form-error-main{background-color:#dc35451a;border-radius:8px;margin-bottom:1.5rem;padding:.75rem;text-align:center}.wp-price-input-wrapper{align-items:center;display:flex;margin-top:.75rem}.wp-price-currency{background-color:#f1f1f1;border:1px solid var(--border-color);border-radius:8px 0 0 8px;border-right:none;color:#333;padding:.75rem}.dark .wp-price-currency{background-color:#333;color:#f1f1f1}#price{border-radius:0 8px 8px 0}.wp-form-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:2.5rem;padding-top:1.5rem}.wp-publish-btn{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem 2rem;transition:background-color .3s}.wp-publish-btn:hover{opacity:.9}.wp-publish-btn:disabled{background-color:#9e8aae;cursor:not-allowed}.toggle-wrapper{align-items:flex-start;display:flex;flex-direction:column}.monetization-toggle{background-color:initial;border:2px solid var(--border-color);border-radius:50px;cursor:pointer;overflow:hidden;padding:.6rem 1.5rem;position:relative;transition:border-color .3s ease}.toggle-text{color:var(--text-color);font-weight:700;position:relative;transition:color .3s ease;z-index:2}.toggle-background{background-color:#aff0b2;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.23,1,.32,1);width:100%;z-index:1}.monetization-toggle.active{border-color:#28a745}.monetization-toggle.active .toggle-text{color:#064e3b}.monetization-toggle.active .toggle-background{transform:scaleX(1)}.toggle-subtext{color:#888;font-size:.8rem;margin-top:.5rem;padding-left:.25rem}.photographer-panel-container,.student-panel-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px var(--card-shadow);margin:2rem auto;max-width:1200px;padding:2rem}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--total-scale-factor));min-width:calc(180px*var(--total-scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--total-scale-factor));box-shadow:0 calc(2px*var(--total-scale-factor)) calc(5px*var(--total-scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--total-scale-factor));max-width:calc(180px*var(--total-scale-factor));padding:calc(6px*var(--total-scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--total-scale-factor));padding-top:calc(2px*var(--total-scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--total-scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}.basic-layout-container{box-sizing:border-box;flex-direction:column;height:100%;padding:1rem}.basic-layout-container,.page-view-area{align-items:center;display:flex;justify-content:center;width:100%}.page-view-area{flex-grow:1;overflow:hidden}.pdf-page-render .react-pdf__Page__canvas{box-shadow:0 5px 20px #00000080;height:auto!important;max-height:100%;max-width:100%;width:auto!important}.controls-bar{align-items:center;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;gap:1.5rem;padding:1rem}.controls-bar button{background:none;border:none;color:#fff;cursor:pointer;font-size:2.5rem;opacity:.8;transition:all .2s}.controls-bar button:hover{opacity:1;transform:scale(1.1)}.controls-bar button:disabled{cursor:not-allowed;opacity:.3;transform:scale(1)}.layout-status{color:#fff;font-size:1.5rem}.layout-status.error{color:#ff6b6b}.reader-container-new{background-color:#1d1d1d;color:#fff;display:flex;flex-direction:column;height:100vh;width:100%}.reader-header{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#0006;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;left:0;padding:.75rem 1.5rem;position:fixed;top:0;width:100%;z-index:10}.reader-header h1{flex-grow:1;font-size:1.1rem;font-weight:500;margin:0 1rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.back-link{color:#fff;flex:1 0;min-width:100px;opacity:.8;text-decoration:none;transition:opacity .2s}.back-link:hover{opacity:1}.reader-main{flex-grow:1;overflow:hidden;padding-top:60px;position:relative}.reader-status{align-items:center;background-color:#1d1d1d;color:#fff;font-size:1.5rem;height:100vh}.reader-status,.trending-container{display:flex;justify-content:center}.trending-container{background-color:var(--page-bg);color:var(--text-color);font-family:Montserrat,sans-serif;min-height:calc(100vh - 80px);padding:20px}.trending-list-wrapper{max-width:800px;width:100%}.trending-header{margin-bottom:40px;text-align:center}.trending-header h1{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:10px}.trending-header p{color:var(--text-color);font-size:1rem;opacity:.7}.trending-list{display:flex;flex-direction:column}.card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--card-bg-glass-color);border:1px solid var(--border-glass-color);border-radius:12px;box-shadow:0 8px 32px 0 #0000001a;cursor:pointer;display:flex;flex-direction:row;height:120px;margin-bottom:15px;overflow:hidden;perspective:800px;transition:all .4s cubic-bezier(.25,.8,.25,1);width:100%}.card:hover{border-color:var(--primary-color)}.card .hidden.bottom{height:0;opacity:0;overflow:hidden;transition:height .4s ease-in-out,opacity .4s ease-in-out,margin-top .4s ease-in-out}.book-cover-img{border-radius:6px;box-shadow:0 5px 15px #0003;flex-shrink:0;height:110px;margin-left:20px;object-fit:cover;transition:all .5s cubic-bezier(.25,.8,.25,1);width:80px}.card-content-area{padding:0 25px}.card-content-area,.card-header-section{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.info{flex-grow:1}.title{font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.author,.title{color:var(--text-color)}.author{font-size:.9rem;font-weight:400;opacity:.6}.rating{align-items:center;color:var(--text-color);display:flex;flex-shrink:0;margin-left:15px}.rating .star-icon{color:#ffc107;font-size:1.2rem;margin-right:8px}.rating .rate-value{font-size:1.1rem;font-weight:700}.button-wrapper,.summary{display:none}.card.open{align-items:flex-start;height:auto;padding:25px;position:relative}.card.open .hidden.bottom{display:block;height:auto;margin-top:15px;opacity:1;overflow:visible}.card.open .book-cover-img{box-shadow:-15px 15px 20px -5px #0003;height:180px;transform:rotateY(25deg);width:130px}.card.open .card-content-area{align-items:flex-start;flex-direction:column;padding:0 0 0 25px}.card.open .summary{color:var(--text-color);font-size:.9rem;font-weight:400;line-height:1.6;opacity:.8;padding-right:60px;text-align:justify}.card.open .button-wrapper{align-self:flex-end}.simple{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;outline:none;padding:12px 24px;transition:all .2s ease}.simple:hover{box-shadow:0 10px 20px -8px #0000004d;filter:brightness(1.1);transform:translateY(-3px)}@media (max-width:768px){.trending-header h1{font-size:2rem}.card{height:110px}.book-cover-img{height:95px;margin-left:15px;width:65px}.card-content-area{padding:0 15px}.title{font-size:1rem}.author{font-size:.8rem}.rating{margin-left:10px}.rating .rate-value,.rating .star-icon{font-size:1rem}.card.open{align-items:flex-start;height:auto;padding:15px}.card.open .book-cover-img{box-shadow:0 5px 15px #0003;height:150px;transform:none;width:100px}.card.open .card-content-area{align-items:flex-start;flex-direction:column;padding:0 0 0 15px}.card.open .card-header-section{width:100%}.card.open .button-wrapper{display:flex;justify-content:flex-end;width:100%}.card.open .summary{padding-right:75px}}.card.open .rating{position:absolute;right:25px;top:25px}@media (max-width:768px){.card.open .rating{right:15px;top:15px}}
/*# sourceMappingURL=main.2cdaa24c.css.map*/