html{-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}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}:focus{outline:2px solid #ffd600;outline:2px solid var(--accent,#ffd600);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #ffd600;outline:2px solid var(--accent,#ffd600);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skip-link{background:#ffd600;background:var(--accent,#ffd600);border-radius:8px;box-shadow:0 2px 8px #0003;color:#000;font-weight:700;left:50%;padding:.75rem 1.5rem;position:absolute;top:-100px;transform:translateX(-50%);transition:top .2s;z-index:10001}.skip-link:focus{top:12px}.App{position:relative;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}:root{--accent:#ffd600}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-transition-wrapper{min-height:100vh;position:relative;width:100%}.page-transition-wrapper:before{background:var(--bg-main);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:9999}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity .4s ease-in-out}.page-enter-done,.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease-in-out}.page-appear{opacity:0}.page-appear-active{opacity:1;transition:opacity .4s ease-in-out}.landing-page{background-color:var(--bg-main);background-image:linear-gradient(var(--accent) 1px,#0000 1px),linear-gradient(90deg,var(--accent) 1px,#0000 1px);background-position:0 0;background-size:50px 50px;overflow-x:hidden;position:relative}.landing-page:before{animation:backgroundPulse 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,var(--accent) 0,#0000 50%),radial-gradient(circle at 80% 80%,var(--accent) 0,#0000 50%),radial-gradient(circle at 40% 20%,var(--accent) 0,#0000 50%);mix-blend-mode:screen;opacity:.08}.landing-page:after,.landing-page:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.landing-page:after{background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,var(--accent) 35px,var(--accent) 36px),repeating-linear-gradient(-45deg,#0000,#0000 35px,var(--accent) 35px,var(--accent) 36px);mix-blend-mode:multiply;opacity:.04}@keyframes backgroundPulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.12;transform:scale(1.05)}}.floating-shape{animation:float 15s ease-in-out infinite;background:var(--accent);border-radius:50%;filter:blur(40px);opacity:.08;pointer-events:none;position:fixed;z-index:0}.floating-shape-1{animation-delay:0s;height:clamp(200px,30vw,400px);left:5%;top:10%;width:clamp(200px,30vw,400px)}.floating-shape-2{animation-delay:5s;height:clamp(150px,25vw,300px);right:10%;top:60%;width:clamp(150px,25vw,300px)}.floating-shape-3{animation-delay:10s;bottom:20%;height:clamp(100px,20vw,200px);left:15%;width:clamp(100px,20vw,200px)}@keyframes float{0%,to{transform:translateY(0) translateX(0) scale(1)}33%{transform:translateY(-40px) translateX(20px) scale(1.1)}66%{transform:translateY(40px) translateX(-20px) scale(.9)}}.landing-page>nav{position:relative;z-index:100}.landing-page>div,.landing-page>section{position:relative;z-index:1}.static-landing-content{background:#0000!important;position:relative!important;z-index:10!important}.floating-shape,.landing-page:after,.landing-page:before{z-index:0!important}.hero-section{overflow:hidden;position:relative}.hero-section:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,var(--accent) 0,#0000 70%);content:"";filter:blur(60px);height:200%;left:-50%;opacity:.1;position:absolute;top:-50%;width:200%;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-content{z-index:1}.cta-section,.features-section,.hero-content,.how-it-works-section,.info-section{position:relative}.features-section:before,.info-section:before{background:radial-gradient(ellipse at top,var(--accent) 0,#0000 50%);content:"";height:100%;left:0;opacity:.05;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.cta-section:after,.how-it-works-section:after{background:radial-gradient(ellipse at bottom right,var(--accent) 0,#0000 60%);bottom:0;content:"";height:50%;opacity:.05;pointer-events:none;position:absolute;right:0;width:50%;z-index:0}@media (max-width:768px){.landing-nav{height:auto!important;max-height:none!important}.landing-page h1{font-size:clamp(2rem,8vw,3rem)!important;margin-bottom:1rem!important;margin-top:1rem!important}.landing-page .static-landing-content{margin-top:56px!important;padding:calc(56px + 2rem) 1.25rem 0!important}.landing-features-grid{gap:1.25rem!important;grid-template-columns:1fr!important}.landing-nav{min-height:56px!important;padding-bottom:.5rem!important;padding-top:.5rem!important}.landing-nav .landing-nav-right{gap:.5rem!important;margin-right:.75rem!important}.landing-theme-label{display:none!important}.landing-nav select{font-size:.95rem!important;min-height:44px;min-width:120px;padding:.5em .85em!important}.landing-how-step{flex-direction:column!important}.landing-how-step>div:last-child{min-width:100%!important}.cta-section,.features-section,.how-it-works-section,.info-section{padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,4vw,2rem)!important}.landing-page button{font-size:1.1rem!important;min-height:48px;padding:.85rem 2rem!important}.feature-card{padding:1.5rem!important}.feature-card h3{font-size:1.2rem!important;margin-bottom:.75rem!important}}@media (max-width:480px){.landing-nav{height:auto!important;max-height:none!important;min-height:52px!important;padding-bottom:.4rem!important;padding-top:.4rem!important}.landing-nav>div:first-child{font-size:clamp(1.2rem,7vw,1.6rem)!important;letter-spacing:1px!important;margin-left:.5rem!important;position:relative!important;z-index:101!important}.landing-nav-right{position:relative!important;z-index:100!important}.landing-page .static-landing-content{margin-top:52px!important;padding:calc(52px + 2rem) 1rem 0!important}.landing-page h1{margin-top:.5rem!important}.landing-theme-label{display:none!important}.landing-nav select{font-size:.85rem!important;min-height:42px;min-width:100px;padding:.45em .7em!important}.landing-page button{font-size:1rem!important;max-width:300px;min-height:44px;padding:.75rem 1.5rem!important;width:100%}.landing-features-grid{gap:1rem!important}.feature-card{padding:1.25rem!important}.feature-card h3{font-size:1.1rem!important}.feature-card p{font-size:.9rem!important}}.progress-bar-main-layout{flex-wrap:wrap}.main-slider-area{min-width:0}.progress-bar-main-layout.mobile-book-selected{flex-direction:column!important;overflow:hidden;position:relative}.mobile-book-header{position:-webkit-sticky;position:sticky;top:64px;z-index:10}.mobile-book-content{-webkit-overflow-scrolling:touch;overflow-y:auto!important}.mobile-book-search-panel{-webkit-overflow-scrolling:touch;left:0;max-height:calc(100vh - 64px);overflow-y:auto;position:fixed;right:0;top:64px}@media (max-width:1024px){.progress-bar-main-layout{flex-direction:column}.progress-bar-main-layout.mobile-book-selected{flex-direction:column!important}.mobile-book-header{top:56px}.mobile-book-search-panel{max-height:calc(100vh - 56px);top:56px}.main-slider-area{height:auto;min-height:calc(100vh - 64px);width:100%}.book-panel{max-height:50vh!important;max-width:100%!important;order:-1;overflow-x:hidden!important;overflow-y:auto!important;padding:1.5vh 2vw!important}.book-panel,.book-panel.collapsed{min-width:100%!important;width:100%!important}.book-panel.collapsed{max-height:none!important}.book-panel:not(.collapsed){scroll-behavior:smooth}.book-panel .book-search-input{margin-top:0!important}@media (orientation:landscape) and (max-height:800px){.book-panel{max-height:45vh!important;overflow-y:auto!important}.book-panel.collapsed{max-height:100vh!important}}.book-panel .book-results-scroll,.book-panel .comment-section-scroll,.book-panel .recent-books-scroll{-webkit-overflow-scrolling:touch;overflow-x:hidden!important;overflow-y:auto!important}.book-panel .recent-books-scroll{max-height:clamp(150px,25vh,200px)!important}.book-panel .book-results-scroll{max-height:clamp(200px,30vh,260px)!important}@media (max-width:1024px) and (orientation:landscape){.book-panel:not(.collapsed){max-height:50vh!important;overflow-y:auto!important}}.slider-container{max-width:100%!important;width:min(90vw,95%)!important}.comment-input-container,.comments-container{max-width:100%!important;width:95%!important}}@media (max-width:768px){.navigation-buttons{gap:clamp(.5rem,2vw,1rem)!important}.action-button,.nav-button{font-size:clamp(1.2rem,5vw,1.8rem)!important;height:clamp(44px,8vw,50px)!important;min-height:44px!important;min-width:44px!important;width:clamp(44px,8vw,50px)!important}.comment-card{box-sizing:border-box!important;max-width:calc(50% - .6rem)!important;min-width:calc(50% - .6rem)!important;padding:.9rem!important}.book-cover{height:clamp(140px,35vw,200px)!important;width:clamp(100px,25vw,140px)!important}.sort-btn,.toggle-btn{min-height:44px!important;padding:.5em .8em!important}.comments-container{box-sizing:border-box!important;overflow-x:hidden!important;padding-right:.8rem!important}.navbar-responsive{padding:0 .5rem}.navbar-logo{font-size:clamp(1.2rem,5vw,1.8rem)!important;margin-left:.5rem!important}.navbar-right{gap:.4rem!important;margin-right:.5rem!important}.theme-label,.user-name{display:none}.login-btn,.logout-btn{font-size:clamp(.75rem,3vw,.9rem)!important;padding:.4em .8em!important}}@media (max-width:480px){.navbar-logo{font-size:clamp(1rem,6vw,1.5rem)!important;letter-spacing:1px!important}.theme-select{font-size:.75rem!important;padding:.3em .6em!important}.user-avatar{height:28px!important;width:28px!important}}@media (max-width:768px){.comments-header{flex-direction:row;flex-wrap:wrap}.comments-header .sort-menu{flex:1 1 auto;min-width:0}.comments-header .nsfw-spoiler-toggles{flex:1 1 100%;justify-content:flex-start}}@media (max-width:480px){.comments-header .nsfw-spoiler-toggles{flex:1 1 100%}.comments-header .nsfw-spoiler-toggles .toggle-btn{font-size:.7rem!important;padding:.35em .6em!important}}@media (max-width:600px){.dictionary-panel{box-shadow:none;min-width:0;padding:clamp(1rem,3vw,1.2rem) clamp(.7rem,2vw,.7rem);width:98vw}.shrink-for-dictionary{margin-left:98vw;width:2vw}.dictionary-panel-gap{min-width:0;width:0}.progress-bar-main-layout{padding-top:52px}.main-slider-area{padding:.5rem}.comment-input-container{box-sizing:border-box!important;flex-direction:column;gap:.8rem!important;max-width:95vw!important;padding:.8rem!important;width:95%!important}.post-comment-btn,.spoiler-toggle-btn{font-size:.95rem!important;height:auto!important;min-height:44px!important;min-width:auto!important;padding:.7rem!important;width:100%}.comments-container{box-sizing:border-box!important;gap:.8rem!important;height:clamp(150px,35vh,250px)!important;overflow-x:hidden!important;overflow-y:auto!important;padding:.8rem!important}.comment-card{box-sizing:border-box!important;margin-right:0!important;max-width:calc(100% - .4rem)!important;min-width:calc(100% - .4rem)!important;padding:1rem!important}.navigation-buttons{gap:.6rem!important;margin-bottom:1vh!important}.action-button,.nav-button{height:clamp(44px,10vw,48px)!important;min-height:44px!important;min-width:44px!important;width:clamp(44px,10vw,48px)!important}.slider-container{width:95%!important}.book-panel{padding:1vh 1.5vw!important}.book-search-input{font-size:clamp(.9rem,3vw,1rem)!important;min-height:44px;padding:.75rem 1rem!important}.book-cover{height:clamp(130px,40vw,180px)!important;width:clamp(90px,30vw,120px)!important}.book-title{font-size:clamp(.9rem,3vw,1.2rem)!important;line-height:1.3!important}.page-counter{font-size:clamp(1.2rem,5vw,1.8rem)!important}}@media (max-width:400px){.comment-input-container,.comments-container{padding:.6rem!important}.comments-container{gap:.6rem!important}.navigation-buttons{gap:.4rem!important}.action-button,.nav-button{font-size:1.2rem!important;height:44px!important;min-height:44px!important;min-width:44px!important;width:44px!important}.slider-container{width:98%!important}.comment-card{font-size:.85rem!important;padding:.85rem!important}}@media (min-width:1920px){.comment-input-container,.comments-container{max-width:1200px}.slider-container{max-width:900px}}@media (min-width:2560px){.comment-input-container,.comments-container{max-width:1400px}.slider-container{max-width:1100px}}@media (max-height:600px) and (orientation:landscape){.main-slider-area{height:auto;min-height:calc(100vh - 64px)}.comments-container{height:clamp(120px,30vh,200px)!important}.comment-input-container{margin-bottom:.8rem!important;margin-top:1rem!important}.navigation-buttons{margin-bottom:1vh!important}.book-panel{padding:1vh 1.5vw!important}}.nsfw-overlay,.spoiler-overlay{align-items:center!important;display:flex!important;justify-content:center!important;overflow:hidden!important;text-align:center!important}.nsfw-overlay span,.spoiler-overlay span{display:inline-block;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word;text-align:center;word-break:break-word}.progress-message,.select-book-prompt{-webkit-hyphens:auto!important;hyphens:auto!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:normal!important}@media (hover:none) and (pointer:coarse){.action-button,.nav-button,.post-comment-btn,.sort-btn,.spoiler-toggle-btn,.toggle-btn{min-height:44px!important;min-width:44px!important;padding:.5rem!important}.comment-card{padding:1rem!important}button,input[type=number],input[type=text],select,textarea{min-height:44px!important}.comment-input-container,.comments-container{gap:1rem!important}}@media (max-width:768px){.bookmark-menu{max-width:90vw!important;min-width:180px!important}}@media (max-width:1024px){.shrink-for-dictionary{margin-left:0!important;width:100%!important}.dictionary-panel{border-bottom-right-radius:0!important;border-top-right-radius:0!important;height:calc(100vh - 56px)!important;max-width:100vw!important;top:56px!important;width:100vw!important}.dictionary-panel-gap{display:none!important}}@media (max-width:480px){.dictionary-panel{height:calc(100vh - 52px)!important;top:52px!important}.mobile-book-header{height:20vh!important;max-height:20vh!important;min-height:20vh!important;padding:.75rem!important;top:52px}.mobile-book-content{height:80vh!important;max-height:80vh!important}.mobile-book-search-panel{max-height:calc(100vh - 52px);top:52px}}.progress-bar-container{overflow-x:hidden;width:100%}.comments-container,.main-slider-area{overflow-x:hidden}@media (max-width:480px){.comment-card{font-size:.85rem!important}.book-title{font-size:clamp(.8rem,4vw,1rem)!important}.progress-message,.select-book-prompt{font-size:clamp(1rem,4vw,1.3rem)!important}}@media (min-width:2560px){.book-panel{max-width:450px}}.navbar-app{flex-wrap:wrap;min-height:64px}.navbar-logo{font-size:clamp(1.2rem,5vw,2.3rem)!important}.navbar-right{gap:8px!important}@media (max-width:768px){.navbar-app{height:auto;min-height:56px;padding:.5rem}.navbar-logo{font-size:clamp(1.4rem,6vw,1.8rem)!important;letter-spacing:1.5px!important;margin-left:.75rem!important}.navbar-right{flex-wrap:wrap;gap:.5rem!important;margin-right:.75rem!important}.navbar-theme-label,.navbar-user-name{display:none}.navbar-app select{font-size:.95rem!important;min-height:44px;min-width:120px;padding:.5em .85em!important}.navbar-app .login-btn,.navbar-app .logout-btn{font-size:.95rem!important;min-height:44px;min-width:80px;padding:.5em 1em!important}.navbar-app img{height:36px!important;width:36px!important}}@media (max-width:480px){.navbar-app{min-height:52px;padding-bottom:.4rem;padding-top:.4rem}.navbar-logo{font-size:clamp(1.2rem,7vw,1.6rem)!important;letter-spacing:1px!important;margin-left:.5rem!important}.navbar-right{gap:.4rem!important;margin-right:.5rem!important}.navbar-app select{font-size:.85rem!important;min-height:42px;min-width:100px;padding:.45em .7em!important}.navbar-app .login-btn,.navbar-app .logout-btn{font-size:.85rem!important;min-height:42px;min-width:70px;padding:.45em .85em!important}.navbar-app img{height:32px!important;width:32px!important}}.comment-slide-enter{opacity:0;transform:translateX(-40px)}.comment-slide-enter-active{transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.comment-slide-enter-active,.comment-slide-exit{opacity:1;transform:translateX(0)}.comment-slide-exit-active{opacity:0;transform:translateX(40px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.comment-inputbox-scroll::-webkit-scrollbar,.comment-section-scroll::-webkit-scrollbar{background:#333;border-radius:8px;width:10px}.comment-inputbox-scroll::-webkit-scrollbar-thumb,.comment-section-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px}.comment-inputbox-scroll::-webkit-scrollbar-thumb:hover,.comment-section-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent);filter:brightness(1.2)}.comment-inputbox-scroll,.comment-section-scroll{scrollbar-color:var(--accent) #333;scrollbar-width:thin}.comment-inputbox-scroll{background:var(--bg-input);border:1.5px solid #444;border-radius:.7rem;color:var(--text-main);transition:border .2s}.comment-inputbox-scroll:focus{background:var(--bg-input);border:1.5px solid var(--accent);color:var(--text-main);outline:none}.comment-inputbox-scroll::placeholder{color:var(--accent);opacity:.6}.dictionary-panel{align-items:center;background:var(--bg-input);border-bottom-right-radius:18px;border-top-right-radius:18px;box-shadow:4px 0 24px -4px #00000021;color:var(--text-main);display:flex;flex-direction:column;height:calc(100vh - 64px);left:0;max-width:90vw;padding:2.2rem 1.2rem 2rem;position:fixed;top:64px;transform:translateX(-100%);transition:transform .38s cubic-bezier(.4,0,.2,1);width:270px;z-index:1200}.dictionary-panel.open{transform:translateX(0)}.shrink-for-dictionary{margin-left:294px;transition:margin-left .38s cubic-bezier(.4,0,.2,1),width .38s cubic-bezier(.4,0,.2,1);width:calc(100% - 294px)}.dictionary-panel-gap{display:inline-block;height:100vh;min-width:24px;width:24px}@media (max-width:600px){.dictionary-panel{box-shadow:none;min-width:0;padding:1.2rem .7rem;width:98vw}.shrink-for-dictionary{margin-left:98vw;width:2vw}.dictionary-panel-gap{min-width:0;width:0}}@media (max-width:768px){.comments-header .nsfw-spoiler-toggles{flex:1 1 100%;justify-content:flex-start}}@media (max-width:480px){.comments-header .nsfw-spoiler-toggles .toggle-btn{font-size:.7rem!important;padding:.35em .6em!important}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.dashboard-main{box-sizing:border-box!important;overflow-x:hidden!important;padding-left:12px!important;padding-right:12px!important;padding-top:calc(56px + 1rem)!important}.dashboard-card-container{box-sizing:border-box!important;gap:28px!important;margin:0 8px!important;max-width:calc(100% - 16px)!important;padding:24px 20px 32px!important;width:calc(100% - 16px)!important}.dashboard-top-row{align-items:stretch!important;flex-direction:column!important;gap:24px!important}.dashboard-profile-col{flex:1 1 auto!important;width:100%!important}.dashboard-profile-col,.profile-card{max-width:100%!important;min-width:0!important}.profile-card{box-sizing:border-box!important;padding:1.5rem 1.25rem!important}.profile-card h2{font-size:1.6rem!important}.profile-card img{height:72px!important;width:72px!important}.activity-card{box-sizing:border-box!important;gap:16px!important;margin-left:0!important;min-width:0!important;padding:1.2rem 1rem!important;width:100%!important}.activity-card,.activity-card .activity-excerpt{max-width:100%!important}.activity-card h3{font-size:1.15rem!important}.activity-card .activity-section-label{font-size:.95rem!important}.activity-card .activity-item{gap:14px!important}.activity-card .activity-cover{flex-shrink:0;height:62px!important;width:42px!important}.recommendations-card{box-sizing:border-box!important;max-width:100%!important;padding:1.2rem 1rem!important;width:100%!important}.recommendations-list{flex-wrap:wrap!important;gap:20px!important}.recommendation-item{min-width:90px!important;width:calc(33.333% - 14px)!important}.recommendation-item>div:first-child{height:100px!important;width:70px!important}.recommendation-item>div:last-child{font-size:.8rem!important}}@media (max-width:480px){.dashboard-main{box-sizing:border-box!important;overflow-x:hidden!important;padding-left:8px!important;padding-right:8px!important;padding-top:calc(52px + .75rem)!important}.dashboard-card-container{box-sizing:border-box!important;gap:22px!important;margin:0 4px!important;max-width:calc(100% - 8px)!important;padding:18px 14px 24px!important;width:calc(100% - 8px)!important}.dashboard-top-row{gap:20px!important}.profile-card{padding:1.25rem 1rem!important}.profile-card h2{font-size:1.4rem!important}.profile-card img{height:64px!important;width:64px!important}.profile-card>div:first-of-type{font-size:1.1rem!important}.recommendation-item{width:calc(50% - 10px)!important}.recommendation-item>div:first-child{height:94px!important;width:64px!important}.recommendation-item>div:last-child{font-size:.75rem!important}.activity-card{border-radius:14px!important;gap:14px!important;padding:1rem .9rem!important}.activity-card h3{font-size:1.1rem!important;margin-bottom:8px!important}.activity-card .activity-section-label{font-size:.9rem!important;margin-bottom:8px!important}.activity-card .activity-item{gap:12px!important;padding:.5rem 0!important}.activity-card .activity-cover{height:58px!important;width:40px!important}.activity-card .activity-title{font-size:.9rem!important;line-height:1.3!important}.activity-card .activity-excerpt,.activity-card .activity-meta{font-size:.88rem!important;line-height:1.4!important}}
/*# sourceMappingURL=main.a5e4bf91.css.map*/