@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Outfit:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}:root{--primary:#305f72;--primary-rgb:48, 95, 114;--primary-gradient:linear-gradient(135deg, #305f72 0%, #212322 100%);--bg-color:#f5f5f5;--bg-gradient:radial-gradient(circle at 80% 20%, #fff 0%, #f5f5f5 100%);--bg-color-secondary:#fff;--text-main:#1c1e1d;--text-muted:#5e6260;--card-bg:#ffffffa6;--border-color:#0000000d;--radius:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--page-padding-x:1rem;--page-padding-y:1.2rem;--section-gap:2rem}.dark{--primary:#4a8a9c;--primary-rgb:74, 138, 156;--primary-gradient:linear-gradient(135deg, #305f72 0%, #212322 100%);--bg-color:#212322;--bg-gradient:radial-gradient(circle at 20% 20%, #2e312f 0%, #212322 100%);--bg-color-secondary:#1a1b1a;--text-main:#f5f5f5;--text-muted:#9ba09d;--card-bg:#212322a6;--border-color:#ffffff0f;text-underline-offset:4px}html,body{overscroll-behavior:none}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);overscroll-behavior-y:none;background-attachment:fixed;min-height:100dvh;margin:0;font-family:Outfit,Noto Sans KR,sans-serif;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}.text-main{color:var(--text-main)}.font-bold{font-weight:700}.home-hero-banner{border-radius:24px}.home-hero-text{padding:clamp(1rem,4vw,1.5rem)}@media (width<=768px){.home-hero-banner{margin-left:calc(-1 * var(--page-padding-x));margin-right:calc(-1 * var(--page-padding-x));width:100vw;border-radius:0!important}.home-hero-text{padding-left:calc(var(--page-padding-x) + 0em)!important;padding-right:calc(var(--page-padding-x) + 1rem)!important}}.nav-menu-icon{display:none}.nav-menu-text{display:inline}.search-mobile-btn{display:none!important}@media (width<=768px){.nav-menu-icon{display:inline-flex!important}.nav-menu-text,.hide-on-mobile{display:none!important}.responsive-padding{padding-left:var(--page-padding-x)!important;padding-right:var(--page-padding-x)!important}.main-content-padding{padding-left:var(--page-padding-x)!important;padding-right:var(--page-padding-x)!important;padding-top:1rem!important}.responsive-margin{border-radius:0!important;margin:0!important}.responsive-grid{grid-template-columns:1fr!important}.responsive-banner{border-radius:12px!important;margin-left:0!important;margin-right:0!important;padding:1.5rem .75rem 1.25rem!important}.responsive-banner h1{font-size:clamp(1.3rem,5vw,1.8rem)!important}.responsive-banner p{font-size:clamp(.78rem,3.2vw,.95rem)!important}.search-desktop{display:none!important}.search-mobile-btn{display:flex!important}.stats-container{padding-bottom:.5rem;overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important}.stats-container::-webkit-scrollbar{height:4px}}.book-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;display:grid}.book-card-padding{padding:1.5rem}.book-card-title{font-size:1.2rem}@media (width<=1024px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.book-card-padding{padding:1rem}.book-card-title{font-size:1.1rem}}@media (width<=768px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem}.book-card-padding{padding:.75rem}.book-card-title{font-size:.9rem}.responsive-reader-wrapper{padding:0!important}.reader-header{margin-bottom:.5rem!important;padding:1rem 1rem .5rem!important}.reader-title{max-width:40vw!important;font-size:1rem!important;display:block!important}.responsive-reader-panel{border:none!important;border-radius:0!important}}.karaoke-active{border-radius:4px;transition:background-color .2s;background-color:#ffe69666!important}.responsive-reader-panel>div>div,.react-reader-wrapper>div>div,.react-reader-wrapper div[style*=inset]{inset:0!important}.curation-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}@media (width<=1000px){.curation-grid{scrollbar-width:none;grid-template-columns:none;grid-auto-columns:85%;grid-auto-flow:column;padding-bottom:1rem;overflow-x:auto}.curation-grid::-webkit-scrollbar{display:none}}.ranking-grid{grid-template-columns:1fr;row-gap:.5rem;max-width:760px;margin-left:auto;margin-right:auto;display:grid}@media (width<=992px){.ranking-grid{max-width:none;padding-bottom:1rem}.ranking-grid::-webkit-scrollbar{display:none}}@media (width<=480px){body{font-size:15px}section h2{font-size:1.15rem!important}.subscription-action-btn{min-height:40px;padding:.5rem .9rem!important;font-size:.85rem!important}.ranking-grid>div{padding:.6rem!important}.ranking-grid h4{font-size:.88rem!important}.ranking-grid p{font-size:.78rem!important}.ranking-grid img{width:50px!important;height:75px!important}.curation-grid h3{font-size:1rem!important}.curation-grid h4{font-size:.85rem!important}.curation-grid p{font-size:.75rem!important}}@media (width<=380px){body{font-size:14px}section h2{font-size:1.05rem!important}.book-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important;gap:.5rem!important}}.epubjs-hl{pointer-events:none!important;mix-blend-mode:multiply!important}.glass-panel{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffffb3!important;border:1px solid #fff6!important;box-shadow:0 8px 32px #1f26870a!important}.dark .glass-panel{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#212322b3!important;border:1px solid #ffffff14!important;box-shadow:0 8px 32px #0003!important}.bg-orb-container{z-index:-1;pointer-events:none;width:100vw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.bg-orb{filter:blur(120px);border-radius:50%;transition:all .5s;position:absolute}.bg-orb-1{opacity:.25;background:#e0f2fe;width:45vw;height:45vw;top:-10%;right:-10%}.bg-orb-2{opacity:.25;background:#dcfce7;width:50vw;height:50vw;bottom:-15%;left:-10%}.dark .bg-orb-1{opacity:.12;background:#115e59}.dark .bg-orb-2{opacity:.15;background:#1e3a8a}.settings-popover{isolation:isolate;background-color:var(--bg-color)!important;-webkit-backdrop-filter:none!important;background-image:none!important}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}