@import"https://fonts.googleapis.com/css2?family=Bitter:wght@400;500;700&family=Literata:opsz,wght@7..72,400;7..72,500;7..72,700&family=Inter:wght@400;500;600&display=swap";:root{--paper-white: #f4f4f4;--paper-cream: #fbfbf2;--paper-sepia: #f4ecd8;--paper-dark: #1a1a1b;--ink-primary: #121212;--ink-secondary: #4a4a4a;--ink-accent: #6a6a6a;--font-serif: "Literata", "Bitter", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 8px;--shadow-eink: 0 2px 4px rgba(0, 0, 0, .05);background-color:var(--paper-white);color:var(--ink-primary);font-family:var(--font-serif);line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:600;line-height:1.25;margin-top:1.5rem;margin-bottom:1rem}p{margin-bottom:1.5rem}.control-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);border-radius:40px;padding:.5rem 1.5rem;display:flex;gap:1.5rem;align-items:center;box-shadow:0 4px 20px #00000014;z-index:1000;transition:opacity .3s ease}.control-bar:hover{opacity:1}button{background:transparent;border:1px solid transparent;padding:.5rem;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);color:var(--ink-secondary);transition:all .2s ease}button:hover{background:#00000008;color:var(--ink-primary)}[data-theme=light]{--paper-bg: #ffffff;--ink-primary: #101010;--ink-secondary: #505050}[data-theme=sepia]{--paper-bg: #f8f3e9;--ink-primary: #4a3a2a;--ink-secondary: #8c7a65}[data-theme=dark]{--paper-bg: #0d0d0d;--ink-primary: #e5e5e5;--ink-secondary: #909090;color-scheme:dark}.reader-container{max-width:720px;margin:0 auto;padding:4rem 2rem 8rem;width:100%}@media(max-width:640px){.reader-container{padding:2rem 1.5rem 6rem}}.library-container{padding:4rem 2rem;max-width:1000px;margin:0 auto;width:100%}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.library-header h1{margin:0;font-family:var(--font-sans);font-size:2rem}.brand-title{display:flex;align-items:center;gap:1.5rem}.brand-texts{display:flex;flex-direction:column;gap:.25rem}.header-nav{display:flex;align-items:center;gap:.75rem;font-family:var(--font-sans);font-size:.8125rem;color:var(--ink-secondary)}.header-nav button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;transition:color .2s}.header-nav button:hover{color:var(--ink-primary);text-decoration:underline}.nav-dot{opacity:.3;font-size:.75rem}.header-logo{width:48px;height:48px;object-fit:contain}.upload-button{background:var(--ink-primary);color:#fff;padding:.75rem 1.5rem;border-radius:40px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .2s;font-family:var(--font-sans);font-size:.875rem;font-weight:500}.upload-button:hover{transform:translateY(-2px)}.header-actions{display:flex;gap:1.25rem;align-items:center}.lang-switcher-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:#0000000a;border:1px solid rgba(0,0,0,.05);border-radius:40px;cursor:pointer;font-size:.8125rem;color:var(--ink-secondary);transition:all .2s cubic-bezier(.165,.84,.44,1)}.lang-switcher-btn:hover{background:#00000014;transform:translateY(-2px);color:var(--ink-primary)}.lang-switcher-btn .lang-label{font-size:.7rem;font-weight:700;line-height:1;background:var(--ink-primary);color:var(--paper-bg);padding:.15rem .35rem;border-radius:3px;text-transform:uppercase;letter-spacing:.02em}[data-theme=dark] .lang-switcher-btn:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .lang-switcher-btn .lang-label{background:#fff;color:#1a1a1b}.secondary-button{background:#0000000d;color:var(--ink-primary);padding:.75rem 1.5rem;border-radius:40px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;font-family:var(--font-sans);font-size:.875rem;font-weight:500;border:none}[data-theme=dark] .secondary-button{background:#ffffff1a;color:#fff}.secondary-button:hover{background:#0000001a;transform:translateY(-2px)}[data-theme=dark] .secondary-button:hover{background:#ffffff26}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2.5rem}.book-card{cursor:pointer;transition:transform .3s ease}.book-card:hover{transform:translateY(-8px)}.book-cover{aspect-ratio:2/3;background:#eee;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;position:relative}.delete-book-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;background:#ffffffe6;border:none;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;z-index:2}.book-card:hover .delete-book-btn{opacity:1}.delete-book-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}[data-theme=dark] .delete-book-btn{background:#282828e6;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .delete-book-btn:hover{background:#ef4444}.book-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#999}.cover-placeholder span{font-size:.75rem;font-weight:700;letter-spacing:.1em}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem;color:#ccc;gap:1.5rem}[data-theme=dark] .book-cover{background:#2a2a2b;box-shadow:0 4px 12px #0000004d}.empty-state-container{margin-top:-2rem}.featured-section{margin-top:4rem;padding-top:4rem;border-top:1px solid rgba(0,0,0,.05)}[data-theme=dark] .featured-section{border-top-color:#ffffff0d}.section-title{font-size:1.25rem;font-family:var(--font-sans);margin-bottom:2rem;color:var(--ink-secondary);text-align:center}.book-card.featured .book-cover{background:#f5f5f7}[data-theme=dark] .book-card.featured .book-cover{background:#1e1e1f}.book-card.featured:hover .import-button{opacity:1;transform:translateY(0) scale(1)}.library-footer{margin-top:8rem;padding:3rem 0;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:center}[data-theme=dark] .library-footer{border-top-color:#ffffff0d}.footer-copyright{font-size:.75rem;color:#999;font-family:var(--font-sans);letter-spacing:.03em;opacity:.8}[data-theme=dark] .footer-copyright{color:#fff6}.footer-legal-links{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.footer-legal-links button{background:none;border:none;padding:0;font-family:var(--font-sans);font-size:.75rem;color:var(--ink-secondary);opacity:.6;cursor:pointer;transition:all .2s}.footer-legal-links button:hover{opacity:1;color:var(--ink-primary);text-decoration:underline}.footer-dot{font-size:.75rem;color:#999;opacity:.5}[data-theme=dark] .footer-dot{color:#ffffff4d}.epub-reader-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent}.epub-viewer{width:100%;height:100%;max-width:900px;margin:0 auto;background-color:transparent;overflow-y:auto!important}.epub-viewer iframe{pointer-events:auto!important}.click-layer{position:absolute;inset:0;z-index:100;cursor:pointer;background:transparent}@media(max-width:1024px){.epub-viewer{max-width:100%}}.store-container{padding:4rem 2rem;max-width:1000px;margin:0 auto;width:100%;min-height:100vh}.store-header{margin-bottom:2rem;position:sticky;top:0;background:transparent;z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.5rem 0;display:flex;flex-direction:column;gap:1.5rem}.header-top{display:flex;align-items:center;gap:2rem}.back-button{background:transparent;border:none;color:var(--ink-primary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}[data-theme=dark] .back-button{color:#fff}.lang-switcher-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:#0000000a;border:1px solid rgba(0,0,0,.05);border-radius:40px;cursor:pointer;font-size:.75rem;color:var(--ink-secondary);transition:all .2s;margin-right:.5rem}.lang-switcher-btn:hover{background:#00000014;transform:translateY(-1px)}.lang-badge{font-size:.65rem;font-weight:700;line-height:1;background:var(--ink-primary);color:var(--paper-bg);padding:.15rem .3rem;border-radius:3px;text-transform:uppercase}[data-theme=dark] .lang-switcher-btn{background:#ffffff0f;border-color:#ffffff1a;color:#ffffffb3}[data-theme=dark] .lang-badge{background:#fff;color:#1a1a1b}.category-filter{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.category-tag{white-space:nowrap;padding:.5rem 1.25rem;border-radius:40px;background:#0000000a;color:var(--ink-secondary);border:none;cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .2s}[data-theme=dark] .category-tag{background:#ffffff0f}.category-tag:hover{background:#00000014}[data-theme=dark] .category-tag:hover{background:#ffffff1f}.category-tag.active{background:var(--ink-primary);color:#fff}[data-theme=dark] .category-tag.active{background:#fff;color:#1a1a1b}.store-header h1{margin:0;font-family:var(--font-sans);font-size:1.75rem;white-space:nowrap}.search-bar{flex:1;max-width:400px;background:#0000000d;border-radius:40px;padding:.5rem 1.25rem;display:flex;align-items:center;gap:.75rem;color:var(--ink-secondary)}[data-theme=dark] .search-bar{background:#ffffff14}.search-bar input{background:transparent;border:none;outline:none;width:100%;color:var(--ink-primary);font-family:var(--font-sans);font-size:.875rem}[data-theme=dark] .search-bar input{color:#fff}.empty-store{text-align:center;padding:8rem 2rem;color:var(--ink-secondary);font-size:1.125rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:3rem}.book-card{cursor:pointer;transition:transform .4s cubic-bezier(.165,.84,.44,1)}.book-card:hover{transform:translateY(-10px)}.store-card{animation:cardAppear .5s ease-out backwards}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.import-button{position:absolute;bottom:.8rem;right:.8rem;width:38px;height:38px;border-radius:50%;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink-primary);border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(10px) scale(.9);transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 15px #00000014;z-index:5}.store-card:hover .import-button{opacity:1;transform:translateY(0) scale(1)}.import-button:hover{background:#fff;transform:scale(1.1)!important;box-shadow:0 6px 20px #0000001f}[data-theme=dark] .import-button{background:#282828d9;border-color:#ffffff1a;color:#fff}.book-card .book-cover{aspect-ratio:2/3;background:#eee;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;position:relative}[data-theme=dark] .book-card .book-cover{background:#2a2a2b;box-shadow:0 4px 12px #0000004d}.book-card .book-cover img{width:100%;height:100%;object-fit:cover}.book-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-info p{margin:0;font-size:.875rem;color:var(--ink-secondary);font-family:var(--font-sans)}.legal-container{height:100vh;display:flex;flex-direction:column;background-color:var(--paper-bg);color:var(--ink-primary);animation:fadeIn .4s ease-out}.legal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid rgba(0,0,0,.05);font-family:var(--font-sans);font-weight:600}[data-theme=dark] .legal-header{border-bottom-color:#ffffff1a}.legal-scroll-content{flex:1;overflow-y:auto;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center}.legal-article{width:100%;max-width:680px;line-height:1.8}.legal-content-section h1{font-size:2rem;margin-bottom:2rem;text-align:center}.legal-content-section p{margin-bottom:1.5rem;opacity:.9;text-align:justify}.legal-icon-header{display:flex;justify-content:center;margin-bottom:1.5rem;color:var(--ink-secondary);opacity:.5}.legal-icon-header.about-logo{opacity:1;margin-bottom:2rem}.legal-icon-header.about-logo img{width:200px;height:200px;object-fit:contain}.contact-box{margin-top:3rem;padding:1.5rem;background:#00000008;border-radius:12px;display:flex;align-items:center;gap:1rem;font-family:var(--font-sans);font-size:.9375rem;color:var(--ink-secondary)}.email-link{color:var(--ink-secondary);text-decoration:none;transition:color .2s}.email-link:hover{color:var(--ink-primary);text-decoration:underline}[data-theme=dark] .contact-box{background:#ffffff0d}.guide-section{max-width:800px}.guide-welcome{text-align:center;margin-bottom:4rem}.guide-welcome h1{font-size:2.5rem;margin-bottom:1rem}.guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.guide-step{display:flex;gap:1.5rem;padding:2rem;background:#00000005;border-radius:16px;border:1px solid rgba(0,0,0,.04);transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .guide-step{background:#ffffff08;border-color:#ffffff0f}.guide-step:hover{background:var(--paper-bg);transform:translateY(-4px);box-shadow:0 10px 30px #0000000d}[data-theme=dark] .guide-step:hover{box-shadow:0 10px 40px #0006}.step-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--ink-primary);color:var(--paper-bg);border-radius:12px}[data-theme=dark] .step-icon{background:#fff;color:#1a1a1b}.step-body h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.step-body p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--ink-secondary)}.terms-list{background:#00000005;padding:1.5rem;border-left:3px solid var(--ink-secondary);margin:2rem 0}[data-theme=dark] .terms-list{background:#ffffff08}.back-button{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.back-button:hover{background:#0000000d}[data-theme=dark] .back-button:hover{background:#ffffff1a}.legal-footer{margin-top:6rem;padding-bottom:4rem;text-align:center;font-size:.75rem;color:var(--ink-secondary);opacity:.5;font-family:var(--font-sans);letter-spacing:.03em;width:100%}.app-canvas{flex:1;display:flex;flex-direction:column;transition:background-color .5s ease,color .5s ease;min-height:100vh;background-color:var(--paper-bg);color:var(--ink-primary)}.reading-content{animation:fadeIn 1.2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chapter-meta{font-family:var(--font-sans);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-secondary);margin-bottom:.5rem}.text-body p{font-size:1.25rem;margin-bottom:2rem;text-align:justify}[data-theme=dark] .chapter-meta{color:#888}[data-theme=dark] .control-bar{background:#282829b3;border-color:#ffffff0d}[data-theme=dark] button{color:#aaa}[data-theme=dark] button:hover{background:#ffffff0d;color:#fff}.reader-container.full-width{max-width:100%;padding:0;height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.reader-header{position:fixed;top:0;left:0;right:0;height:60px;background:var(--paper-bg);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;padding:0 1.5rem;z-index:1000;animation:slideDown .3s ease}[data-theme=dark] .reader-header{border-bottom-color:#ffffff1a}.reader-header .book-title{flex:1;text-align:center;font-family:var(--font-sans);font-weight:500;font-size:.9375rem;color:var(--ink-primary);opacity:.8}.reader-footer{position:fixed;bottom:0;left:0;right:0;height:48px;background:var(--paper-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1.5rem;z-index:900;transform:translateY(100%);transition:transform .3s ease;pointer-events:none}.reader-footer.visible{transform:translateY(0);pointer-events:auto}.progress-bar-container{width:100%;max-width:900px;height:4px;background:#0000000d;border-radius:2px;margin-bottom:.5rem}[data-theme=dark] .progress-bar-container{background:#ffffff1a}.progress-bar{height:100%;background:var(--ink-primary);border-radius:2px;transition:width .3s ease;opacity:.6}.progress-text{font-size:.75rem;font-family:var(--font-sans);color:var(--ink-secondary)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.control-bar{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.control-bar.hidden{transform:translate(-50%,200%);opacity:0;pointer-events:none}button.active{color:var(--ink-primary)!important;background:#00000014!important}[data-theme=dark] button.active{color:#fff!important;background:#ffffff26!important}.lang-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#0000000a;border-radius:40px}.lang-label{font-size:.7rem;font-weight:700;background:var(--ink-primary);color:var(--paper-bg)!important;padding:.15rem .4rem;border-radius:4px;line-height:1;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .lang-btn{background:#ffffff0f}[data-theme=dark] .lang-label{background:#eee;color:#1a1a1b!important}.stats-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.stats-modal{background:#fff;padding:2.5rem;border-radius:20px;width:90%;max-width:400px;box-shadow:0 20px 40px #0000001a;text-align:center;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}[data-theme=dark] .stats-modal{background:#2a2a2b;box-shadow:0 20px 40px #0006}.stats-modal h2{margin-top:0;font-family:var(--font-sans);font-size:1.5rem;margin-bottom:2rem}.settings-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;text-align:left}.settings-section .label{font-size:.75rem;color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.1em}.setting-controls{display:flex;gap:.5rem}.setting-controls button,.toggle-btn{flex:1;padding:.75rem;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#00000008;color:var(--ink-primary);font-size:.9375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .setting-controls button,[data-theme=dark] .toggle-btn{border-color:#ffffff1a;background:#ffffff0d}.toggle-btn.active{background:var(--ink-primary);color:var(--paper-bg)!important;border-color:var(--ink-primary);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.setting-controls button:active,.toggle-btn:active{transform:scale(.98)}.stats-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.stats-item .label{font-size:.8125rem;color:var(--ink-secondary)}.stats-item .value{font-size:.8125rem;font-weight:600;color:var(--ink-primary)}.close-btn{background:var(--ink-primary);color:#fff!important;border:none;padding:.75rem 2rem;border-radius:40px;font-weight:500;cursor:pointer;transition:transform .2s}.close-btn:hover{transform:scale(1.05)}[data-theme=dark] .close-btn{background:#eee;color:#1a1a1b!important}