@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Sora:wght@300;400;500;600;700;800&display=swap";html,body{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{height:100%;width:100%;min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-main{padding-bottom:env(safe-area-inset-bottom)}input,textarea,select{font-size:16px!important}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.book-placeholder,.hero-book-placeholder,.book-placeholder-large{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border:1px solid rgba(71,85,105,.3);border-radius:var(--radius-lg);padding:.75rem;text-align:center;width:100%;height:100%}.book-title-text{margin-top:.35rem;font-size:.8rem;line-height:1.2;color:var(--text-secondary);max-width:90%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.book-emoji,.hero-book-emoji,.book-emoji-large{opacity:.7;color:var(--text-tertiary)}.app-search-results .book-placeholder{width:40px;height:60px;padding:.25rem;border-radius:var(--radius-sm)}.app-row-books .book-cover{width:100%;height:100%;object-fit:cover}.categories-hero .categories-title{font-size:clamp(1.8rem,5vw,2.8rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categories-hero .categories-subtitle{font-size:clamp(1rem,2.2vw,1.25rem)!important}.category-page .book-card-image{height:200px;aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center;overflow:hidden}.category-page .book-card-image .book-cover{width:100%;height:100%;object-fit:contain;display:block}.category-page .category-book-card{display:flex;flex-direction:column;height:440px;overflow:hidden}.category-page .category-book-card .book-card-image{flex:0 0 200px}.category-page .category-book-card .book-card-info{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden}.category-page .category-book-card .book-card-content{flex:1 1 auto;min-height:0;overflow:hidden}.category-page .category-book-card .book-desc{-webkit-line-clamp:4;overflow:hidden;position:relative;margin-bottom:6px}.category-page .category-book-card .book-desc:after{display:none}.category-page .category-book-card .book-desc.clamped:after{content:"";position:absolute;pointer-events:none;left:0;right:0;bottom:0;height:1.4em;background:linear-gradient(to bottom,rgba(0,0,0,0),var(--bg-secondary))}.category-page .category-book-card .book-title{-webkit-line-clamp:2;overflow:hidden}.category-page .category-book-card .book-author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-page .category-book-card .book-meta{margin-top:auto;flex-shrink:0;display:flex;flex-direction:row;gap:6px;overflow:hidden;border-top:1px solid rgba(148,163,184,.22);padding-top:6px}.category-page .category-grid{gap:24px}.category-page .category-book-card .book-meta span{white-space:nowrap}.category-page .category-book-card .book-meta .book-meta-categories{display:flex;gap:6px;align-items:center;overflow:hidden;min-width:0}.category-page .category-book-card .book-meta .lessons-meta{color:var(--text-secondary);opacity:1;font-weight:400}.category-page .category-book-card .book-meta .lessons-meta:after{content:"•";margin:0 8px;color:var(--text-tertiary)}.category-page .category-book-card .book-meta .category-chip{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:2px 8px;font-size:12px;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}.category-page .category-book-card .book-meta .category-chip.more{background:transparent;border-style:dashed;flex:0 0 auto}html,html.instant-scroll,html.instant-scroll *{scroll-behavior:auto!important}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--accent-color: #3b82f6;--accent-hover: #2563eb;--accent-secondary: #10b981;--border-color: #475569;--shadow: rgba(0, 0, 0, .4);--shadow-md: rgba(0, 0, 0, .5);--shadow-lg: rgba(0, 0, 0, .6);--shadow-xl: rgba(0, 0, 0, .8);--gradient-text: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--gradient-text-subtle: linear-gradient(135deg, #f1f5f9 0%, #cbd5e1 100%);--gradient-accent: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--warm-accent: #f59e0b;--warm-accent-hover: #d97706;--reading-accent: #8b5cf6;--reading-accent-hover: #7c3aed;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-medium: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}:root:not(.dark){--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #64748b;--accent-color: #2563eb;--accent-hover: #1d4ed8;--accent-secondary: #059669;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .1);--shadow-md: rgba(0, 0, 0, .15);--shadow-lg: rgba(0, 0, 0, .2);--shadow-xl: rgba(0, 0, 0, .25);--gradient-text: linear-gradient(135deg, #0f172a 0%, #334155 100%);--gradient-text-subtle: linear-gradient(135deg, #475569 0%, #64748b 100%);--gradient-accent: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--warm-accent: #d97706;--warm-accent-hover: #b45309;--reading-accent: #7c3aed;--reading-accent-hover: #6d28d9}:root.dark{--bg-primary: #000000;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-tertiary: #999999;--accent-color: #4f9cf9;--accent-hover: #3b7dd8;--accent-secondary: #10b981;--border-color: #333333;--shadow: rgba(255, 255, 255, .1);--shadow-md: rgba(255, 255, 255, .15);--shadow-lg: rgba(255, 255, 255, .2);--shadow-xl: rgba(255, 255, 255, .25);--gradient-text: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);--gradient-text-subtle: linear-gradient(135deg, #f0f0f0 0%, #cccccc 100%);--gradient-accent: linear-gradient(135deg, #4f9cf9 0%, #2563eb 100%);--warm-accent: #f59e0b;--warm-accent-hover: #d97706;--reading-accent: #a855f7;--reading-accent-hover: #9333ea}html{transition:background-color var(--transition-medium),color var(--transition-medium)}*,*:before,*:after{transition:background-color var(--transition-medium),border-color var(--transition-medium),color var(--transition-medium),box-shadow var(--transition-medium)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color var(--transition-medium),color var(--transition-medium)}#root{height:100%;width:100%}.app.app-style{min-height:100vh;min-height:100dvh;width:100vw;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);position:relative;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-header{position:fixed;top:env(safe-area-inset-top);left:0;right:0;z-index:1000;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background var(--transition-medium);padding:0 4%;height:68px;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow)}:root:not(.dark) .app-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}:root.dark .app-header{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}.app-header-content{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1920px;margin:0 auto}.app-brand{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform var(--transition-fast)}.app-brand:hover{transform:scale(1.05)}.brand-emoji{font-size:2rem;filter:drop-shadow(0 0 8px rgba(59,130,246,.3))}.brand-text{font-size:1.5rem;font-weight:700;color:var(--accent-color)}.app-nav-menu{display:flex;align-items:center;gap:2rem;margin-left:2rem}.nav-item{background:none;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 0;position:relative;transition:color var(--transition-fast)}.nav-item:hover,.nav-item.active{color:var(--text-primary)}.nav-item.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent-color);border-radius:1px}.app-search{position:relative;margin-left:auto;margin-right:2rem}.search-container{position:relative}.app-search-input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 2.5rem .5rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;width:300px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #2563eb33;background:var(--bg-secondary)}:root:not(.dark) .app-search-input{background:#ffffffe6;border:1px solid var(--border-color);color:var(--text-primary)}:root:not(.dark) .app-search-input:focus{background:#fffffff2;box-shadow:0 0 0 2px #2563eb26}:root.dark .app-search-input{background:#1a1a1acc;border:1px solid var(--border-color);color:var(--text-primary)}:root.dark .app-search-input:focus{background:#1a1a1af2;box-shadow:0 0 0 2px #4f9cf933}.search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem}.app-search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-tertiary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:.5rem;max-height:400px;overflow-y:auto;z-index:1001;box-shadow:var(--shadow-xl)}:root:not(.dark) .app-search-results{background:#fffffffa;border:1px solid var(--border-color);box-shadow:0 8px 32px #00000026}:root.dark .app-search-results{background:#1a1a1afa;border:1px solid var(--border-color)}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid rgba(71,85,105,.2)}.search-result-item:hover{background:#3b82f61a}.search-result-image{width:40px;height:60px;object-fit:cover;border-radius:var(--radius-sm)}.search-result-info{flex:1}.search-result-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.search-result-author{font-size:.85rem;color:var(--text-secondary)}.search-result-isbn{font-size:.8rem;color:var(--text-tertiary);margin-top:.25rem}.app-profile{display:flex;align-items:center;justify-content:center}.dark-mode-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.5rem;border-radius:50%;transition:all var(--transition-fast)}.dark-mode-toggle:hover{color:var(--text-primary);background:#3b82f61a}.app-main{margin-top:68px;min-height:calc(100vh - 68px)}.app-hero{position:relative;height:50vh;min-height:450px;max-height:600px;display:flex;align-items:center;overflow:hidden;background:var(--bg-secondary)}:root:not(.dark) .app-hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}:root.dark .app-hero{background:linear-gradient(135deg,#0f172a,#1e293b)}.hero-background{position:absolute;inset:0;z-index:1}.hero-background-image{width:100%;height:100%;object-fit:contain;object-position:85% center;transform:scale(1.1)}:root:not(.dark) .hero-background-image{filter:brightness(.4) saturate(.9) sepia(.1);opacity:.3}:root.dark .hero-background-image{filter:brightness(.3) saturate(.8);opacity:.6}.hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.85) 0%,rgba(30,41,59,.7) 40%,rgba(51,65,85,.4) 70%,transparent 100%)}:root:not(.dark) .hero-gradient{background:linear-gradient(90deg,rgba(248,250,252,.9) 0%,rgba(241,245,249,.8) 40%,rgba(226,232,240,.6) 70%,transparent 100%)}:root.dark .hero-gradient{background:linear-gradient(90deg,rgba(15,23,42,.85) 0%,rgba(30,41,59,.7) 40%,rgba(51,65,85,.4) 70%,transparent 100%)}.hero-content{position:relative;z-index:2;padding:0 4%;max-width:1200px;width:100%;display:flex;gap:2rem;align-items:center;margin:0 auto}.hero-text-content{flex:1;max-width:calc(100% - 220px);min-width:0}.hero-book-display{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:180px;height:250px;position:relative;z-index:3}.hero-book-cover{width:160px;height:240px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0f172acc;border:2px solid rgba(248,250,252,.2);transition:transform var(--transition-medium)}.hero-book-cover:hover{transform:translateY(-8px) scale(1.02)}.hero-book-placeholder{width:160px;height:240px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;border:2px solid rgba(248,250,252,.2);box-shadow:0 20px 40px #0f172acc}.hero-book-emoji{font-size:2.5rem;opacity:.7;color:var(--text-tertiary)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--accent-color);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-badge-icon{font-size:1rem}.hero-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.1;margin-bottom:.75rem;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-author{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500;word-wrap:break-word}.hero-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.hero-button{padding:.7rem 1.5rem;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0}.hero-button.primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 15px #3b82f64d}.hero-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.hero-meta{display:flex;gap:1.5rem;font-size:.85rem;color:var(--text-secondary);flex-wrap:wrap}.hero-meta-item{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.app-content{padding:2rem 4% 4rem;background:var(--bg-primary)}.content-stats{display:flex;gap:2rem;margin-bottom:3rem;font-size:.9rem;color:var(--text-secondary);justify-content:center}.app-row{margin-bottom:3rem}.row-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:1rem;padding:0 .5rem;position:relative}.row-title-section{display:flex;align-items:center;gap:1rem;justify-self:start}.row-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;min-height:2rem}.hovered-book-center{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;text-align:center;animation:fadeInSlide .2s ease-out;gap:.1rem}.hovered-book-title{color:var(--text-primary);font-style:italic;font-size:.9rem;font-weight:600;transition:all var(--transition-fast);line-height:1.2}.hovered-book-author{color:var(--text-secondary);font-style:normal;font-size:.75rem;font-weight:400;line-height:1.2}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.row-icon{font-size:1.2rem}.row-count{font-size:.9rem;color:var(--text-secondary);font-weight:400}.row-scroll-controls{display:flex;align-items:center;gap:.5rem;justify-self:end}.scroll-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:1rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:scale(1.1)}.scroll-btn:active{transform:scale(.95)}.see-all-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:color var(--transition-fast);margin-left:.5rem}.see-all-btn:hover{color:var(--accent-color)}.show-more-categories{text-align:center;margin:3rem 0 2rem;padding:2rem 0}.show-more-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;border-radius:var(--radius-lg);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--bg-tertiary),.5)}.show-more-btn:hover{color:var(--accent-color);border-color:var(--accent-color);background:#3b82f61a;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.show-more-count{font-size:.9rem;opacity:.8}.show-more-arrow{font-size:1.2rem;transition:transform var(--transition-fast)}.show-more-btn:hover .show-more-arrow{transform:translate(4px)}:root:not(.dark) .scroll-btn{background:#ffffffe6;border:1px solid var(--border-color);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}:root:not(.dark) .scroll-btn:hover{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px #2563eb33}:root.dark .scroll-btn{background:#1a1a1acc;border:1px solid var(--border-color);color:var(--text-secondary)}:root.dark .scroll-btn:hover{background:var(--accent-color);color:#fff}.app-row-books-container{position:relative;margin:0 -.5rem;overflow:visible}.app-row-books{display:flex;gap:.5rem;overflow-x:auto;overflow-y:visible;padding:.5rem;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.app-row-books::-webkit-scrollbar{display:none}.app-book-card{flex:0 0 200px;cursor:pointer;transition:transform var(--transition-medium);position:relative}.app-book-card:hover{transform:scale(1.05);z-index:100}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.book-card-image{position:relative;aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border:1px solid rgba(71,85,105,.2)}.book-cover{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.book-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%)}.book-emoji{font-size:3rem;opacity:.5;color:var(--text-tertiary)}.book-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 25%,transparent 40%,transparent 60%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.9) 100%);opacity:0;transition:opacity var(--transition-medium);display:flex;flex-direction:column;justify-content:space-between;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-book-card:hover .book-overlay{opacity:1}.book-overlay-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.book-overlay-top{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.book-overlay-bottom{display:flex;flex-direction:column;justify-content:flex-end}.book-overlay-title{font-size:.85rem;font-weight:700;margin-bottom:.25rem;line-height:1.2;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.book-overlay-author{font-size:.75rem;color:#ffffffe6;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-overlay-meta{font-size:.65rem;color:#fffc;margin-bottom:.75rem}.book-overlay-btn{background:var(--accent-color);color:#fff;border:none;padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #0000004d;align-self:flex-start;margin-top:auto}.book-overlay-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006}.category-page{padding:2rem 4%;background:var(--bg-secondary);min-height:calc(100vh - 68px)}.category-header{margin-bottom:2rem}.category-page .back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:color var(--transition-fast);margin-bottom:2rem;display:inline-flex;align-items:center;gap:.5rem;padding:0}.category-page .back-btn:hover{color:var(--accent-color)}.book-detail-page .back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:color var(--transition-fast);margin-bottom:2rem;display:inline-flex;align-items:center;gap:.5rem;padding:0}.book-detail-page .back-btn:hover{color:var(--accent-color)}.category-icon{font-size:1.8rem}.category-count{font-size:1rem;color:var(--text-secondary);font-weight:400}.shuffle-btn{background:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem}.shuffle-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.shuffle-btn:active{transform:translateY(0)}.category-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:2rem;gap:1rem}.category-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.category-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.category-book-card{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border:1px solid rgba(71,85,105,.2);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-medium);display:flex;flex-direction:column;height:400px}.category-book-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0f172a99;border-color:var(--accent-color)}.category-book-card .book-card-image{aspect-ratio:2/3;height:180px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.category-book-card .book-cover{object-fit:contain;max-width:100%;max-height:100%;width:auto;height:auto}.book-card-info{padding:1.2rem;display:flex;flex-direction:column;flex:1}.book-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.book-author{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-content{flex:1}.book-desc{color:var(--text-tertiary);font-size:.85rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.book-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary);margin-top:auto}.app-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-backdrop{position:absolute;inset:0;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{position:relative;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border:1px solid rgba(71,85,105,.3);border-radius:var(--radius-lg);max-width:900px;max-height:90vh;width:100%;overflow:hidden;box-shadow:0 25px 50px #0f172acc}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(71,85,105,.3);background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.5rem;border-radius:50%;transition:all var(--transition-fast)}.modal-close:hover{color:var(--text-primary);background:#3b82f61a}.modal-nav{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-secondary)}.modal-nav button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-nav button:hover:not(:disabled){color:var(--text-primary);background:#3b82f61a}.modal-nav button:disabled{opacity:.5;cursor:not-allowed}.modal-body{max-height:calc(90vh - 80px);overflow-y:auto}.reading-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:0 2rem;height:64px}:root:not(.dark) .reading-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a}:root.dark .reading-header{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}.reading-header-content{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1200px;margin:0 auto}.back-to-book-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:color var(--transition-fast);padding:.5rem 0}.back-to-book-btn:hover{color:var(--accent-color)}.reading-progress{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;max-width:400px;margin:0 2rem}.lesson-counter{font-size:.85rem;color:var(--text-secondary);font-weight:500}.progress-bar{width:100%;height:4px;background:#4755694d;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--reading-accent));border-radius:2px;transition:width var(--transition-medium)}.reading-nav{display:flex;align-items:center;gap:.5rem}.nav-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color)}:root:not(.dark) .nav-btn{background:#ffffffe6;border:1px solid var(--border-color);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}:root:not(.dark) .nav-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 2px 8px #2563eb33}:root.dark .nav-btn{background:#1a1a1acc;border:1px solid var(--border-color);color:var(--text-secondary)}:root.dark .nav-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-counter{font-size:.8rem;color:var(--text-tertiary);font-weight:500;min-width:60px;text-align:center}.reading-container{margin-top:64px;height:calc(100vh - 64px);background:var(--bg-primary);padding:3rem 2rem 0;overflow-y:auto;scroll-behavior:smooth}.reading-article{max-width:800px;margin:0 auto;padding-bottom:4rem}.lesson-header-section{margin-bottom:3rem;text-align:left}.lesson-category-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-color),var(--reading-accent));color:#fff;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem;box-shadow:0 4px 12px #3b82f64d}.lesson-title-large{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;margin-bottom:1rem;color:var(--text-primary);font-family:Sora,-apple-system,BlinkMacSystemFont,sans-serif;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.lesson-meta{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-tertiary);margin-bottom:2rem}.lesson-content-section{margin-bottom:4rem}.lesson-text-content{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:3rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;text-align:left}.lesson-text-content p{margin-bottom:1.5rem}.lesson-example-section,.lesson-practical-section{background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-left:4px solid var(--accent-color);border-radius:var(--radius-md);padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lesson-example-section h3,.lesson-practical-section h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.lesson-example-section p,.lesson-practical-section p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin:0}.lesson-footer-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.lesson-completion{display:flex;align-items:center;gap:1rem}.completion-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;transition:color var(--transition-medium)}.completion-subtitle{font-size:.9rem;color:var(--text-secondary);transition:color var(--transition-medium);margin-bottom:.75rem}.mark-complete-btn{background:var(--gradient-accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.25rem;margin-top:.5rem;box-shadow:0 2px 8px #3b82f633}.mark-complete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.mark-complete-btn:active{transform:translateY(0)}.completion-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0;transition:all var(--transition-medium)}.completion-icon.completed{background:linear-gradient(135deg,var(--accent-secondary),#059669);color:#fff;box-shadow:0 4px 12px #10b9814d;animation:completionPulse .6s ease-out}.completion-icon.reading{background:#3b82f61a;border:2px solid rgba(59,130,246,.3);position:relative}.reading-progress-circle{position:relative;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.reading-progress-circle:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--accent-color) 0deg,var(--accent-color) calc(var(--progress, 0) * 3.6deg),rgba(59,130,246,.2) calc(var(--progress, 0) * 3.6deg),rgba(59,130,246,.2) 360deg);mask:radial-gradient(circle at center,transparent 65%,black 65%);-webkit-mask:radial-gradient(circle at center,transparent 65%,black 65%)}.reading-progress-fill{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--accent-color) 0deg,var(--accent-color) 0deg,transparent 0deg);mask:radial-gradient(circle at center,transparent 65%,black 65%);-webkit-mask:radial-gradient(circle at center,transparent 65%,black 65%);transform-origin:center;transition:transform var(--transition-medium)}.reading-progress-text{position:relative;font-size:.6rem;font-weight:600;color:var(--accent-color);z-index:1}@keyframes completionPulse{0%{transform:scale(1);box-shadow:0 4px 12px #10b9814d}50%{transform:scale(1.1);box-shadow:0 6px 20px #10b98180}to{transform:scale(1);box-shadow:0 4px 12px #10b9814d}}.lesson-footer-actions{display:flex;gap:1rem}.next-lesson-btn,.finish-book-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;transition:color var(--transition-fast);display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.next-lesson-btn:hover,.finish-book-btn:hover{color:var(--accent-color)}.finish-book-btn:hover{color:var(--warm-accent)}.book-detail-page{padding:2rem 4%;background:var(--bg-primary);min-height:calc(100vh - 68px)}.book-detail-header{margin-bottom:2rem}.book-detail-content{max-width:1200px;margin:0 auto}.book-hero{display:flex;gap:3rem;margin-bottom:4rem;align-items:flex-start}.book-hero-image{flex-shrink:0;width:240px;position:relative}.book-cover-large{width:240px;height:360px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:0 15px 40px #0f172a99;border:1px solid rgba(71,85,105,.3)}.book-placeholder-large{width:240px;height:360px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);border:1px solid rgba(71,85,105,.3)}.book-emoji-large{font-size:4rem;opacity:.5;color:var(--text-tertiary)}.book-hero-info{flex:1;min-width:0}.book-hero-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;margin-bottom:.5rem;line-height:1.2;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.book-hero-author{font-size:1.2rem;color:var(--text-secondary);margin-bottom:1rem}.book-hero-desc{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem}.book-hero-meta{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;font-size:.9rem;color:var(--text-tertiary)}.book-hero-meta-primary{display:flex;flex-direction:column;gap:.5rem}@media(max-width:480px){.book-hero-meta-primary{gap:.25rem}}.book-hero-buy{background:linear-gradient(135deg,var(--warm-accent),var(--warm-accent-hover));color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px #f59e0b4d;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:10;white-space:nowrap;min-width:fit-content}.book-hero-buy:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.lessons-section{clear:both;margin-top:3rem}.lessons-title{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.lessons-grid{display:grid;gap:1rem}.lesson-preview-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all var(--transition-medium);display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lesson-preview-card:hover{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);transform:translate(8px);border-color:var(--accent-color)}:root:not(.dark) .lesson-preview-card{background:#fffc;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d}:root:not(.dark) .lesson-preview-card:hover{background:#fffffff2;box-shadow:0 4px 16px #0000001a;border-color:var(--accent-color)}:root.dark .lesson-preview-card{background:#1a1a1acc;border:1px solid var(--border-color)}:root.dark .lesson-preview-card:hover{background:#1a1a1af2}.lesson-number{background:linear-gradient(135deg,var(--accent-color),var(--reading-accent));color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d}.lesson-preview-content{flex:1}.lesson-preview-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.4;color:var(--text-primary)}.lesson-preview-text{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.lesson-arrow{color:var(--text-tertiary);font-size:1.2rem;transition:transform var(--transition-fast)}.lesson-preview-card:hover .lesson-arrow{transform:translate(4px);color:var(--accent-color)}@media(max-width:768px){.lessons-grid{grid-template-columns:1fr;gap:.75rem}.lesson-preview-card{padding:1rem;border-radius:8px;gap:.75rem}.lesson-preview-title{font-size:1rem;line-height:1.4;margin-bottom:.5rem}.lesson-preview-text{font-size:.9rem;line-height:1.5}.lesson-number{font-size:.8rem;width:36px;height:36px}.lesson-arrow{font-size:1rem}}@media(max-width:480px){.lessons-grid{gap:.5rem}.lesson-preview-card{padding:.75rem;gap:.5rem}.lesson-preview-title{font-size:.95rem;margin-bottom:.25rem}.lesson-preview-text{font-size:.85rem}.lesson-number{width:32px;height:32px;font-size:.75rem}.lesson-arrow{font-size:.9rem}}.lesson-reader{padding:2rem}.lesson-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(71,85,105,.3)}.back-to-overview{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:color var(--transition-fast)}.back-to-overview:hover{color:var(--accent-color)}.lesson-nav{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-secondary)}.lesson-nav button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.lesson-nav button:hover:not(:disabled){color:var(--text-primary);background:#3b82f61a}.lesson-nav button:disabled{opacity:.5;cursor:not-allowed}.lesson-content{max-width:700px;margin:0 auto}.lesson-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;line-height:1.3;color:var(--text-primary)}.lesson-text{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.lesson-example,.lesson-practical{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-left:4px solid var(--accent-color);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lesson-example h3,.lesson-practical h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.lesson-example p,.lesson-practical p{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.loading-hero{height:70vh;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);margin-bottom:2rem}.hero-skeleton{width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-rows{padding:0 4%}.loading-row{margin-bottom:3rem}.loading-row-title{height:2rem;width:200px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:1rem;animation:shimmer 1.5s infinite}.loading-books{display:flex;gap:.5rem}.loading-book{width:200px;height:300px;background:var(--bg-tertiary);border-radius:var(--radius-md);animation:shimmer 1.5s infinite;border:1px solid rgba(71,85,105,.2);position:relative;overflow:hidden}.loading-book:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}@media(max-width:768px){.loading-books{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0 1rem}.loading-book{width:100%;height:200px;aspect-ratio:2/3;border-radius:8px}}@media(max-width:480px){.loading-books{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0 .5rem}.loading-book{height:180px;border-radius:8px}}@media(max-width:320px){.loading-books{grid-template-columns:repeat(3,1fr);gap:.3rem;padding:0 .5rem}.loading-book{height:150px;border-radius:8px}}@keyframes shimmer{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.error-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--accent-color)}.error-message{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px}.error-button{background:linear-gradient(135deg,var(--accent-color),var(--reading-accent));color:#fff;border:none;padding:.75rem 2rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px #3b82f64d}.error-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}@media(max-width:1200px){.app-header-content{padding:0 2%}.app-content{padding:2rem 2% 4rem}.category-page{padding:2rem 2%}.hero-content{max-width:600px}.book-hero{gap:2rem}.book-hero-image{width:200px}.book-cover-large,.book-placeholder-large{width:200px;height:300px}}@media(max-width:768px){.app-nav-menu{display:none}.app-header{padding:0 2%}.app-search{margin-right:.5rem}.category-page{padding:2rem 2%}.app-search-input{width:180px;font-size:14px}.brand-text{font-size:1.3rem}.brand-emoji{font-size:1.8rem}.app-header-content{gap:.5rem}.app-profile{margin-left:.5rem}.hero-content{max-width:100%;padding:0 2rem}.hero-text-content{order:2;max-width:100%}.hero-book-display{order:1;margin:0 auto}.hero-background-image{display:none}.hero-title{font-size:clamp(2rem,6vw,2.5rem);margin-bottom:1rem}.hero-actions{flex-direction:column;align-items:center}.hero-button{width:100%;justify-content:center;min-width:200px;max-width:300px}.hero-meta{flex-direction:column;gap:1rem;align-items:center}.app-row-books{gap:.25rem}.app-book-card{flex:0 0 150px}.category-grid{grid-template-columns:1fr}.book-hero{flex-direction:column;text-align:left;align-items:center;gap:rem;padding:0 1rem}.book-hero-image{width:200px;order:1}.book-hero-info{order:2;width:100%;text-align:left}.book-cover-large,.book-placeholder-large{width:200px;height:300px;margin:0 auto}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.lesson-footer-content{flex-direction:column;gap:1.5rem;text-align:center}}@media(max-width:480px){.app-header{padding:0 1rem;height:60px}.app-content{padding:1rem;margin-top:calc(60px + env(safe-area-inset-top))}.app-main{margin-top:calc(90px + env(safe-area-inset-top));min-height:calc(100vh - 90px - env(safe-area-inset-top))}.category-page{padding:2rem 1rem}.hero-content{padding:0 1rem}.hero-title{font-size:clamp(1.75rem,7vw,2rem)}.app-search-input{width:120px;font-size:12px;padding:.4rem .8rem}.brand-text{font-size:1.1rem}.brand-emoji{font-size:1.5rem}.app-header-content{gap:.25rem;min-width:0}.app-search{margin-right:.25rem}.app-profile{margin-left:.25rem}.dark-mode-toggle{padding:.3rem;font-size:1rem}.category-title{flex-direction:column;align-items:flex-start;gap:.5rem}.reading-header-content{flex-direction:column;gap:1rem;padding:1rem;height:auto}.reading-progress{order:2;margin:0}.reading-nav{order:3}.app-row{margin-bottom:2rem}.row-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:.75rem}.row-title-section{justify-content:space-between;gap:.5rem}.row-title{font-size:1.2rem;flex:1}.row-scroll-controls{justify-content:center;gap:1rem}.app-row-books{gap:.75rem;padding:.5rem 0}.app-book{min-width:140px;width:140px}.book-image{height:200px}.content-stats{font-size:.9rem;gap:.5rem;flex-wrap:wrap;justify-content:center;text-align:center;margin-bottom:1.5rem}.show-more-categories{margin:2rem 0 1rem;padding:1rem 0}.show-more-btn{font-size:.9rem;padding:.75rem 1.5rem;gap:.5rem}.show-more-count{font-size:.8rem}.category-grid{grid-template-columns:1fr;gap:1rem}.book-hero{flex-direction:column;text-align:center;gap:1.5rem}.book-hero-image{order:1;margin:0 auto}.book-hero-info{order:2}.back-to-book-btn{order:1;align-self:flex-start}.reading-container,.book-detail-page{padding:1rem}.book-hero-image{width:160px}.book-cover-large,.book-placeholder-large{width:160px;height:240px}}.categories-overview-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:0;margin:0;position:relative;overflow-x:hidden}.categories-header{padding:1.5rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.categories-header .back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem;padding:0}.categories-header .back-btn:hover{color:var(--accent-color)}.categories-hero{padding:2.5rem 4% 1.2rem;background:var(--bg-primary);text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border-color)}.categories-hero:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.06) 0%,transparent 50%);animation:hero-glow 12s ease-in-out infinite alternate;z-index:1}@keyframes hero-glow{0%{transform:translate(0) scale(1)}to{transform:translate(2%,-3%) scale(1.05)}}.categories-hero-content{position:relative;z-index:2;max-width:700px;margin:0 auto;overflow:visible}.categories-title{font-family:Sora,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin-bottom:.6rem;color:var(--text-primary);line-height:1.15;letter-spacing:-.03em}.title-accent{background:linear-gradient(135deg,var(--accent-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.4em;letter-spacing:.05em;display:block}.categories-subtitle{font-size:clamp(.9rem,2vw,1.05rem);color:var(--text-tertiary);margin-bottom:1rem;line-height:1.5;max-width:520px;margin-left:auto;margin-right:auto;font-weight:400}.categories-stats{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;margin-bottom:.5rem}.categories-stat{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.7rem 1.4rem;text-align:center;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.categories-stat:hover{transform:translateY(-2px);background:var(--bg-secondary);border-color:#3b82f64d}.categories-stat-number{font-family:Sora,sans-serif;font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--accent-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1.2}.categories-stat-label{font-size:.85rem;color:var(--text-tertiary);margin-top:.3rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.categories-main{padding:3rem 4% 4rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.category-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all var(--transition-fast)}.category-card:hover{transform:translateY(-2px);border-color:var(--accent-color);box-shadow:0 4px 12px var(--shadow)}.category-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative;z-index:2}.category-card-icon{font-size:2.5rem;flex-shrink:0;transition:transform var(--transition-fast)}.category-card-content{flex:1;position:relative;z-index:2}.category-card-title{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);line-height:1.3}.category-card-count{font-size:1rem;color:var(--text-secondary);font-weight:500}.category-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;position:relative;z-index:2}.category-card-action{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:color var(--transition-fast);display:flex;align-items:center;gap:.5rem;padding:0}.category-card-action:hover{color:var(--accent-color)}.category-card-arrow{font-size:1.8rem;color:var(--accent-color);transition:transform var(--transition-fast)}.category-card:hover .category-card-arrow{transform:translate(6px)}.random-books-card{background:#ffffffe6;border:1px solid var(--border-color);position:relative}.random-books-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.random-books-card .category-card-icon{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}:root.dark .random-books-card{background:#1a1a1ae6;border:1px solid var(--border-color)}:root:not(.dark) .category-card{background:#ffffffe6;border:1px solid var(--border-color)}:root:not(.dark) .category-card:hover{box-shadow:0 4px 12px #0000001a}:root:not(.dark) .categories-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,#e2e8f0 100%)}:root:not(.dark) .categories-hero:before{background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.08) 0%,transparent 50%)}:root.dark .category-card{background:#1a1a1ae6;border:1px solid var(--border-color)}:root.dark .categories-hero{background:linear-gradient(135deg,#0f172a,#1e293b)}@media(max-width:768px){.categories-hero{padding:2rem 1.5rem 1rem}.categories-title{font-size:1.4rem;padding:0 .25rem}.categories-main{padding:2rem 2rem 3rem}.categories-grid{grid-template-columns:1fr;gap:1.5rem}.category-card{padding:1.5rem}.category-card-header{gap:1rem}.category-card-icon{font-size:2.5rem;width:60px;height:60px}.category-card-title{font-size:1.2rem}.categories-stats{gap:1rem}.categories-stat{padding:.75rem 1rem}.categories-stat-number{font-size:1.5rem}}@media(max-width:400px){.categories-title{font-size:1.4rem}}.category-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}@media(max-width:1200px){.hero-content{max-width:100%;gap:1.5rem}.hero-text-content{max-width:calc(100% - 180px)}.hero-book-display{width:160px;height:220px}.hero-book-cover,.hero-book-placeholder{width:140px;height:210px}.hero-title{font-size:clamp(1.6rem,3.5vw,2.4rem)}}@media(max-width:900px){.hero-content{flex-direction:column;max-width:100%;padding:0 2rem;text-align:center;gap:1.5rem;align-items:center}.hero-text-content{order:2;max-width:100%}.hero-book-display{order:1;margin:0 auto;width:140px;height:220px}.hero-book-cover,.hero-book-placeholder{width:140px;height:210px}.hero-background-image{display:none}.hero-title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1rem;-webkit-line-clamp:4}.hero-actions{justify-content:center}.hero-meta{justify-content:center;gap:1rem}}@media(max-width:480px){.hero-content{padding:0 1rem;gap:1rem}.hero-title{font-size:clamp(1.3rem,6vw,1.8rem);-webkit-line-clamp:5}.hero-author{font-size:1rem}.hero-description{font-size:.9rem;-webkit-line-clamp:2}.hero-actions{flex-direction:column;align-items:center;width:100%}.hero-button{width:100%;max-width:280px;justify-content:center}.hero-meta{flex-direction:column;gap:.5rem;align-items:center}.hero-book-display{width:120px;height:190px}.hero-book-cover,.hero-book-placeholder{width:120px;height:180px}.hero-book-emoji{font-size:2rem}}@media(max-width:768px){.lesson-footer-content{flex-direction:column;gap:1.5rem;text-align:center}.lesson-completion{flex-direction:column;text-align:center;gap:1rem}.reading-container{padding:2rem 1rem 0}.lesson-footer{margin:2rem 1rem;position:relative;bottom:auto}}@media(max-width:480px){.reading-container{padding:1rem}.lesson-footer{padding:1.5rem;margin:1rem}.completion-icon{width:40px;height:40px}.reading-progress-circle{width:36px;height:36px}.reading-progress-text{font-size:.5rem}}@media(max-width:320px){.app-header{height:56px;padding:0 .5rem}.app-content{padding:.5rem;margin-top:calc(56px + env(safe-area-inset-top))}.app-search-input{width:100px;font-size:11px}.brand-text{font-size:1rem}.brand-emoji{font-size:1.3rem}.app-book{min-width:120px;width:120px}.book-image{height:180px}.hero-title{font-size:1.5rem}*{max-width:100%;box-sizing:border-box}body{overflow-x:hidden}}.loading-categories{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.loading-categories p{margin-top:1rem;font-size:1rem;font-weight:500}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.all-categories-loaded{text-align:center;padding:2rem;color:var(--text-secondary);font-size:1rem}.all-categories-loaded p{margin:0}@media(max-width:1200px){.app-header-content{gap:1rem}.app-content,.category-page{padding:2rem 4%}.hero-content{max-width:90%;padding:0 2rem}.book-hero{gap:2rem}.book-hero-image{width:180px}.book-cover-large,.book-placeholder-large{width:180px;height:270px}}@media(max-width:900px){.hero-content{flex-direction:column;text-align:center;gap:2rem;max-width:100%;padding:0 1.5rem}.hero-text-content{order:2;max-width:100%}.hero-book-display{order:1;margin:0 auto}.hero-book-cover,.hero-book-placeholder{width:200px;height:300px}.hero-background-image{opacity:.3}.hero-title{font-size:clamp(2.5rem,8vw,3rem);line-height:1.2}.hero-actions{flex-direction:column;align-items:center;gap:1rem}.hero-meta{flex-direction:column;gap:1rem;align-items:center}}@media(max-width:768px){.app-nav-menu{display:flex;gap:.5rem}.nav-item{font-size:.8rem;padding:.5rem .4rem}.app-header{padding:.5rem;height:auto;min-height:80px}.app-header-content{gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%}.app-search{margin:0;order:4;flex:1 1 100%;width:100%;max-width:none;min-width:auto;margin-top:.5rem}.app-search-input{width:100%;font-size:12px;padding:.4rem 2rem .4rem .5rem}.search-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);font-size:.9rem}.search-container{position:relative;width:100%}.app-brand{order:1;flex-shrink:0}.app-nav-menu{order:2;flex-shrink:0}.app-profile{order:3;margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:.25rem}.dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:.9rem;padding:.25rem}.brand-text{font-size:1.2rem}.brand-emoji{font-size:1.6rem}.app-header-content{gap:.5rem}.app-profile{margin-left:.5rem}.hero-content{max-width:100%;padding:1rem;margin-top:80px;flex-direction:row;text-align:left;gap:1rem;align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-radius:12px;margin:64px 1rem 0}.hero-text-content{order:1;flex:1;text-align:left}.hero-book-display{order:2;margin:0;width:80px;height:120px;flex-shrink:0}.hero-book-cover,.hero-book-placeholder{width:80px;height:120px;border-radius:6px}.hero-badge{font-size:.7rem;padding:.25rem .5rem;margin-bottom:.5rem}.hero-title{font-size:1.2rem;line-height:1.3;margin-bottom:.25rem;font-weight:700}.hero-author{font-size:.85rem;margin-bottom:.5rem;opacity:.8}.hero-description{display:none}.hero-actions{flex-direction:row;gap:.5rem;align-items:center}.hero-button{font-size:.8rem;padding:.5rem .75rem;border-radius:6px;width:auto;min-width:auto;max-width:none}.hero-button.primary{background:var(--accent-color);color:#fff}.hero-meta,.hero-background-image{display:none}.hero-title{font-size:clamp(2rem,7vw,2.5rem);margin-bottom:1rem;line-height:1.3}.hero-author{font-size:1.1rem;margin-bottom:1rem}.hero-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.hero-actions{flex-direction:column;align-items:center;gap:1rem}.hero-button{width:100%;max-width:280px;justify-content:center;padding:.875rem 1.5rem;font-size:1rem}.content-stats{display:none}.app-row{margin-bottom:2rem}.row-header{margin-bottom:1rem;padding:0 1rem}.row-title-section{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.row-title{font-size:1.2rem;font-weight:600;flex:1;text-align:left}.see-all-btn{font-size:.85rem;color:var(--accent-color);background:none;border:none;padding:.5rem 0;white-space:nowrap;flex-shrink:0;margin-left:auto}.row-scroll-controls,.hovered-book-center{display:none}.app-row-books-container{overflow:visible}.app-row-books{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0 1rem;overflow:visible}.app-book-card{flex:none;min-width:auto;width:100%;aspect-ratio:2/3}.book-card-image{width:100%;height:100%;border-radius:8px;overflow:hidden}.book-cover,.book-placeholder{width:100%;height:100%;object-fit:cover}.book-overlay{opacity:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 100%);border-radius:8px}.book-overlay-content{padding:.5rem;position:absolute;bottom:0;left:0;right:0}.book-overlay-title{font-size:.75rem;font-weight:600;margin-bottom:.25rem;line-height:1.2}.book-overlay-author{font-size:.65rem;opacity:.8;margin-bottom:.25rem}.book-overlay-meta{font-size:.6rem;opacity:.7}.book-overlay-btn{display:none}.app-book-card:active .book-overlay{opacity:1}.category-show-more{grid-column:1 / -1;display:flex;justify-content:center;margin-top:.5rem}.category-show-more-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.category-show-more-btn:hover{background:var(--bg-primary);color:var(--accent-color);border-color:var(--accent-color)}.category-grid{grid-template-columns:1fr;gap:1rem}.book-hero{flex-direction:column;text-align:center;align-items:center;gap:1.5rem;padding:1.5rem 1rem}.book-hero-image{width:160px;order:1}.book-hero-info{order:2;width:100%}.book-cover-large,.book-placeholder-large{width:160px;height:240px;margin:0 auto}.modal-content{margin:1rem;max-height:calc(100vh - 2rem);width:calc(100vw - 2rem)}.lesson-footer-content{flex-direction:column;gap:1.5rem;text-align:center}.lesson-completion{flex-direction:column;text-align:center;gap:1rem}.reading-container{padding:1rem;margin-top:64px}.lesson-footer{margin:1.5rem 1rem;position:relative;bottom:auto}.reading-header{position:static;height:auto;min-height:64px;padding:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.reading-header-content{flex-direction:column;gap:1rem;padding:1rem;height:auto;min-height:64px;position:relative;top:0;z-index:1;background:var(--bg-primary);border-bottom:none;box-shadow:none}.reading-progress{order:2;margin:0;width:100%}.reading-nav{order:3;justify-content:center;width:100%;gap:1rem}.back-to-book-btn{order:1;align-self:flex-start;font-size:.9rem;padding:.5rem .75rem}.reading-container{padding:1rem;margin-top:0;padding-top:0}.reading-article{padding-top:1rem}.lesson-header-section{padding-top:0;margin-top:0}.lesson-title-large{margin-top:0;padding-top:0}.lesson-content-section{margin-top:1.5rem}.lesson-category-badge{margin-top:.5rem}.lesson-header-section{scroll-margin-top:80px}}@media(max-width:480px){.app-header{padding:.4rem;height:auto;min-height:70px}.app-nav-menu{gap:.3rem}.nav-item{font-size:.75rem;padding:.4rem .3rem}.app-search{width:100%;max-width:none;min-width:auto}.dark-mode-toggle{width:28px;height:28px;font-size:.8rem}.row-title{font-size:1.1rem}.see-all-btn{font-size:.8rem}.app-content{padding:1rem .75rem;margin-top:60px}.hero-content{padding:.75rem;margin:70px .75rem 0;flex-direction:row;text-align:left;gap:.75rem;align-items:center}.hero-text-content{order:1;flex:1;text-align:left}.hero-book-display{order:2;margin:0;width:70px;height:105px;flex-shrink:0}.hero-book-cover,.hero-book-placeholder{width:70px;height:105px}.hero-title{font-size:1.1rem}.hero-author{font-size:.8rem}.hero-button{font-size:.75rem;padding:.4rem .6rem}.hero-title{font-size:clamp(1.75rem,8vw,2rem);line-height:1.3}.hero-author{font-size:1rem}.hero-description{font-size:.95rem;line-height:1.5}.app-row-books{grid-template-columns:repeat(3,1fr);gap:.4rem;padding:0 .75rem}.row-header{padding:0 .75rem}.app-search-input{width:120px;font-size:12px;padding:.4rem .6rem}.brand-text{font-size:1rem}.brand-emoji{font-size:1.4rem}.app-header-content{gap:.25rem;min-width:0}.app-search{margin-right:.25rem}.app-profile{margin-left:.25rem}.app-row{margin-bottom:1.5rem}.row-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:.75rem}.row-title-section{justify-content:space-between;gap:.5rem}.row-title{font-size:1.1rem;flex:1}.row-scroll-controls{justify-content:center;gap:1rem}.app-row-books{gap:.5rem;padding:.25rem 0}.app-book-card{flex:0 0 120px;min-width:120px}.book-card-image,.book-cover,.book-placeholder{height:180px}.content-stats{font-size:.85rem;gap:.5rem;flex-wrap:wrap;justify-content:center;text-align:center;margin-bottom:1.5rem}.category-grid{grid-template-columns:1fr;gap:.75rem}.book-hero{flex-direction:column;text-align:center;gap:1rem;padding:1rem .75rem}.book-hero-image{width:140px}.book-cover-large,.book-placeholder-large{width:140px;height:210px}.book-hero-title{font-size:1.5rem;line-height:1.3;margin-bottom:.5rem}.book-hero-author{font-size:1rem;margin-bottom:1rem}.book-hero-desc{font-size:.9rem;line-height:1.5;margin-bottom:1rem}.book-hero-meta{font-size:.85rem;gap:.5rem}.book-hero-buy{font-size:.9rem;padding:.75rem 1rem;border-radius:8px}.back-to-book-btn{font-size:.85rem;padding:.4rem .6rem}.reading-container,.book-detail-page{padding:.75rem}.book-detail-header{padding:0;margin-bottom:1rem}.book-detail-header .back-btn{padding:1rem .75rem .75rem;margin-bottom:1rem;margin-left:0}.lesson-footer{padding:1rem;margin:1rem .75rem}.completion-icon{width:36px;height:36px}.reading-progress-circle{width:32px;height:32px}.reading-progress-text{font-size:.45rem}.reading-header{position:static;height:auto;min-height:60px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.reading-header-content{padding:.75rem;gap:.75rem;position:relative;top:0;z-index:1;background:var(--bg-primary);border-bottom:none;box-shadow:none}.reading-progress{order:2;margin:0;width:100%}.reading-nav{order:3;justify-content:center;width:100%;gap:.75rem}.back-to-book-btn{order:1;align-self:flex-start;font-size:.85rem;padding:.4rem .6rem}.reading-container{padding:.75rem;margin-top:0;padding-top:0}.reading-article{padding-top:.75rem}.lesson-header-section{padding-top:.75rem;margin-top:0}.lesson-title-large{margin-top:0;padding-top:0}.lesson-title-large{font-size:1.5rem;line-height:1.4}.lesson-meta{font-size:.85rem;gap:.5rem}.lesson-text-content{font-size:1rem;line-height:1.6;padding:0}.lesson-text-content p{margin-bottom:1rem}.lesson-example-section h3{font-size:1.1rem;margin-bottom:.75rem}.lesson-example-section p{font-size:.95rem;line-height:1.5}.reading-article{padding:0}.lesson-header-section{margin-bottom:1.5rem}.lesson-content-section{margin-bottom:2rem}.next-lesson-btn,.finish-book-btn{font-size:.9rem;padding:.75rem 1rem;width:100%;max-width:none;border-radius:8px;font-weight:600}.lesson-footer-content{gap:1rem}.lesson-completion{gap:.75rem}.completion-title{font-size:1rem}.completion-subtitle{font-size:.85rem}}@media(max-width:320px){.app-header{height:auto;min-height:65px;padding:.3rem}.app-content{padding:.5rem;margin-top:calc(65px + env(safe-area-inset-top))}.hero-content{padding:.5rem;margin:65px .5rem 0;flex-direction:row;text-align:left;gap:.5rem;align-items:center}.hero-text-content{order:1;flex:1;text-align:left}.hero-book-display{order:2;margin:0;width:60px;height:90px;flex-shrink:0}.hero-book-cover,.hero-book-placeholder{width:60px;height:90px}.hero-title{font-size:1rem}.hero-author{font-size:.75rem}.hero-button{font-size:.7rem;padding:.3rem .5rem}.app-row-books{grid-template-columns:repeat(3,1fr);gap:.3rem;padding:0 .5rem}.row-header{padding:0 .5rem}.app-nav-menu{gap:.2rem}.nav-item{font-size:.7rem;padding:.3rem .2rem}.app-search{width:100%;max-width:none;min-width:auto}.app-search-input{width:100%;font-size:10px;padding:.25rem 1.2rem .25rem .3rem}.dark-mode-toggle{width:24px;height:24px;font-size:.7rem}.row-title{font-size:1rem}.see-all-btn{font-size:.75rem}.brand-text{font-size:.9rem}.brand-emoji{font-size:1.2rem}.app-book-card{flex:0 0 100px;min-width:100px}.book-card-image,.book-cover,.book-placeholder{height:150px}.hero-title{font-size:1.5rem}.hero-button{font-size:.9rem;padding:.75rem 1rem;width:100%;max-width:200px;justify-content:center}*{max-width:100%;box-sizing:border-box}body{overflow-x:hidden}.reading-container{padding:.5rem}.lesson-footer{padding:.75rem;margin:.75rem .5rem}.reading-header{position:static;height:auto;min-height:56px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.reading-header-content{padding:.5rem;gap:.5rem;position:relative;top:0;z-index:1;background:var(--bg-primary);border-bottom:none;box-shadow:none}.reading-progress{order:2;margin:0;width:100%}.reading-nav{order:3;justify-content:center;width:100%;gap:.5rem}.back-to-book-btn{font-size:.8rem;padding:.3rem .5rem}.reading-container{padding:.5rem;margin-top:0;padding-top:0}.reading-article{padding-top:.5rem}.lesson-header-section{padding-top:.5rem;margin-top:0}.lesson-title-large{margin-top:0;padding-top:0}.lesson-title-large{font-size:1.3rem}.lesson-text-content{font-size:.95rem}}@media(max-width:768px)and (orientation:landscape){.app-header{height:56px}.hero-content{margin-top:56px;flex-direction:row;text-align:left;gap:1.5rem;padding:0 1rem}.hero-text-content{order:1;flex:1;text-align:left}.hero-book-display{order:2;flex-shrink:0;width:120px;height:180px}.hero-book-cover,.hero-book-placeholder{width:120px;height:180px}.hero-title{font-size:clamp(1.5rem,4vw,2rem)}.hero-actions{flex-direction:row;gap:1rem;justify-content:flex-start}.hero-button{width:auto;max-width:200px;min-width:140px}.reading-container{margin-top:56px}.reading-header{position:static;height:auto;min-height:56px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.reading-header-content{flex-direction:row;gap:1rem;height:56px;position:relative;top:0;z-index:1;background:var(--bg-primary);border-bottom:none;box-shadow:none}.back-to-book-btn{order:1}.reading-progress{order:2;flex:1}.reading-nav{order:3;flex-shrink:0}.reading-container{margin-top:0;padding-top:0}.reading-article{padding-top:.75rem}.lesson-header-section{padding-top:.75rem;margin-top:0}.lesson-title-large{margin-top:0;padding-top:0}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.book-cover,.book-placeholder,.hero-book-cover,.hero-book-placeholder{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media(hover:none)and (pointer:coarse){.app-book-card:hover .book-overlay{opacity:1;transform:none}.scroll-btn,.nav-btn{min-width:44px;min-height:44px}.hero-button,.back-to-book-btn,.see-all-btn{min-height:44px}}@media(max-width:768px){.app-main{margin-top:100px;min-height:calc(100vh - 100px)}.app-book-card{cursor:pointer;-webkit-tap-highlight-color:transparent}.app-book-card:active{transform:scale(.98)}.app-row-books{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.app-book-card{scroll-snap-align:start}.app-search-results{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:8px;margin-top:.5rem}.search-result-item{padding:.75rem;min-height:60px;border-radius:4px;margin:.25rem}.search-result-item:first-child{margin-top:0}.search-result-item:last-child{margin-bottom:0}.modal-content{border-radius:12px;overflow:hidden}.reading-article{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;padding-top:0}.lesson-header-section{margin-top:0;padding-top:0}.lesson-content-section{margin-top:1rem}.hero-actions{gap:.75rem}.hero-button{border-radius:8px;font-weight:600}.category-book-card{border-radius:8px;overflow:hidden}.progress-bar{height:8px;border-radius:4px;background:var(--border-color);overflow:hidden}.progress-fill{border-radius:4px;background:linear-gradient(90deg,var(--accent-color),var(--reading-accent));transition:width .3s ease}.lesson-counter{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}}@media(max-width:480px){.hero-title,.lesson-title-large,.book-title{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-button,.next-lesson-btn,.finish-book-btn{min-height:48px;border-radius:8px;font-weight:600}.reading-nav{gap:.5rem}.nav-btn{min-width:44px;min-height:44px;border-radius:6px;font-size:1rem;font-weight:600}.nav-counter{font-size:.9rem;font-weight:500;min-width:60px;text-align:center}.app-content{padding:1rem .75rem}.app-book-card{border-radius:8px;overflow:hidden}.book-overlay{border-radius:8px}.lesson-content-section{padding:0}.lesson-example-section{margin:1.5rem 0;padding:1rem;border-radius:8px}.completion-icon{border-radius:50%;display:flex;align-items:center;justify-content:center}.lesson-footer{border-radius:12px 12px 0 0}}@media(max-width:320px){.app-header-content{flex-wrap:wrap;justify-content:space-between}.app-search{order:3;width:100%;margin-top:.25rem}.app-search-input{width:100%;max-width:200px}.hero-content{gap:1rem}.hero-title{margin-bottom:.75rem}.hero-description{margin-bottom:1rem}.reading-container{padding:.5rem}.lesson-title-large{margin-bottom:.75rem}.lesson-meta{margin-bottom:1rem}.hero-actions{gap:.5rem}.hero-button{padding:.75rem 1rem;font-size:.9rem}}@media(max-width:768px)and (orientation:landscape){.hero-content{padding:0 1rem}.hero-title{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:.5rem}.hero-description{margin-bottom:1rem}.reading-container{padding:.75rem}.lesson-title-large{font-size:1.5rem;margin-bottom:.5rem}.lesson-meta{margin-bottom:.75rem}}@media(max-width:768px){.app-book-card:focus,.hero-button:focus,.nav-btn:focus,.back-to-book-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.hero-meta,.lesson-meta,.content-stats{color:var(--text-secondary)}.app-book-card:active,.hero-button:active,.nav-btn:active{transform:scale(.98);transition:transform .1s ease}.app-search-input{font-size:16px}}@media(max-width:768px){.app-book-card,.hero-button,.nav-btn{transition:transform .1s ease,opacity .1s ease}.app-row-books,.app-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.app-book-card,.hero-button,.modal-content{box-shadow:0 2px 8px var(--shadow)}}@media(max-width:768px){:root.dark .app-header{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:root:not(.dark) .app-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:root.dark .hero-meta,:root.dark .lesson-meta,:root.dark .content-stats{color:var(--text-tertiary)}}.graph-view-page{min-height:100vh;background:var(--bg-secondary);padding:var(--space-lg)}.graph-view-header{text-align:center;margin-bottom:var(--space-2xl);position:relative}.graph-view-header .back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);font-size:.9rem}.graph-view-header .back-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.graph-view-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-sm);background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.graph-view-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.graph-view-container{max-width:1200px;margin:0 auto;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 20px 40px var(--shadow-lg);overflow:hidden}.graph-header{padding:var(--space-xl);background:linear-gradient(135deg,var(--accent-color),var(--reading-accent));color:#fff;text-align:center}.graph-header h2{font-size:1.8rem;font-weight:600;margin-bottom:var(--space-sm)}.graph-header p{font-size:1rem;opacity:.9;margin-bottom:var(--space-lg)}.graph-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md)}.graph-controls label{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem;font-weight:500}.similarity-slider{width:120px;height:6px;border-radius:3px;background:#ffffff4d;outline:none;-webkit-appearance:none}.similarity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 6px #0003}.similarity-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 6px #0003}.graph-content{padding:var(--space-2xl);position:relative;height:100%;display:flex;flex-direction:column}.graph-similar-books{width:100%;margin-top:var(--space-xl);display:flex;flex-direction:column;align-items:center;height:100%}.graph-controls-top{margin-bottom:var(--space-md);text-align:center}.zoom-fit-btn{background:var(--accent-color);color:#fff;border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.zoom-fit-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.force-graph-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden;width:100%;height:70vh;min-height:500px}.graph-legend{position:absolute;bottom:var(--space-lg);right:var(--space-lg);background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:0 4px 12px var(--shadow-md);border:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);font-size:.8rem;color:var(--text-secondary)}.legend-item:last-child{margin-bottom:0}.legend-color{width:12px;height:12px;border-radius:50%}.legend-color.high-similarity{background:#10b981}.legend-color.medium-similarity{background:#f59e0b}.legend-color.low-similarity{background:#ef4444}.graph-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-secondary)}.graph-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.graph-error{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.retry-btn{background:var(--accent-color);color:#fff;border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--space-md);transition:var(--transition-fast)}.retry-btn:hover{background:var(--accent-hover)}.graph-empty{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.graph-show-more{text-align:center;margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.show-more-btn{background:var(--accent-color);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);margin-bottom:var(--space-sm)}.show-more-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.books-count{display:block;font-size:.8rem;color:var(--text-tertiary)}.book-actions{display:flex;justify-content:center;margin:var(--space-xl) 0}.graph-view-btn{background:linear-gradient(135deg,var(--accent-color),var(--reading-accent));color:#fff;border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 12px var(--shadow-md)}.graph-view-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-lg)}@media(max-width:768px){.graph-view-page{padding:var(--space-md)}.graph-view-title{font-size:1.8rem}.graph-view-subtitle{font-size:1rem}.graph-view-header .back-btn{position:static;transform:none;margin-bottom:var(--space-md)}.graph-content{padding:var(--space-lg)}.force-graph-container{width:100%;height:60vh;min-height:400px}.graph-legend{position:static;margin-top:var(--space-lg);text-align:center}.graph-show-more{margin-top:var(--space-lg);padding:var(--space-md)}.show-more-btn{width:100%;max-width:300px}}.site-footer{border-top:1px solid var(--border-color);padding:var(--space-md) var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:.8rem}.site-footer-content{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.site-footer-text{opacity:.7}.site-footer-link{color:var(--text-secondary);text-decoration:none;transition:color .2s}.site-footer-link:hover{color:var(--accent-color);text-decoration:underline}.site-footer-separator{opacity:.4}.disclaimer-page{max-width:720px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.disclaimer-page h1{font-size:2rem;font-weight:700;margin-bottom:var(--space-lg);color:var(--text-primary)}.disclaimer-content h2{font-size:1.2rem;font-weight:600;margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--text-primary)}.disclaimer-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.disclaimer-contact-link{display:inline-block;padding:var(--space-sm) var(--space-lg);background:var(--accent-color);color:#fff;border-radius:var(--radius);text-decoration:none;font-weight:600;transition:background .2s}.disclaimer-contact-link:hover{background:var(--accent-hover)}.graph-content{width:100%;height:100%;min-height:calc(100vh - 120px);display:flex;flex-direction:column;gap:var(--space-lg);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-lg);overflow:hidden}.graph-body{display:grid;grid-template-columns:320px 1fr;gap:var(--space-lg);align-items:stretch}.graph-main{display:flex;flex-direction:column;min-width:0}.graph-header{text-align:center;margin-bottom:24px}.graph-header h2{margin:0 0 8px;color:#1f2937;font-size:24px;font-weight:700}.subtitle{margin:0;color:#6b7280;font-size:14px}.graph-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow)}.control-group{display:flex;align-items:center;gap:var(--space-md)}.control-label{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;font-weight:500;color:var(--text-secondary)}.slider{width:120px;height:4px;border-radius:2px;background:var(--border-color);outline:none;-webkit-appearance:none;transition:background var(--transition-fast)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;transition:background var(--transition-fast)}.slider::-webkit-slider-thumb:hover{background:var(--accent-hover)}.slider-value{min-width:20px;text-align:center;font-weight:600;color:var(--accent-color)}.control-button{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.control-button:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary)}.graph-wrapper{position:relative;height:clamp(420px,65vh,820px);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden;box-shadow:var(--shadow)}.graph-wrapper>div{width:100%!important;height:100%!important}.graph-wrapper>svg{width:100%!important;height:100%!important;display:block}.graph-details-panel{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);box-shadow:0 2px 8px var(--shadow);padding:var(--space-lg);height:clamp(420px,65vh,820px);overflow:auto}.details-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.details-cover{width:72px;height:96px;border-radius:var(--radius-sm);background:var(--bg-tertiary);object-fit:cover;flex-shrink:0}.details-title{font-size:16px;font-weight:700;color:var(--text-primary)}.details-author{font-size:13px;color:var(--text-secondary)}.details-meta{font-size:12px;color:var(--text-tertiary);margin-top:2px}.details-section{margin-top:var(--space-md)}.details-section h4{font-size:12px;color:var(--text-secondary);margin-bottom:var(--space-sm)}.chip{display:inline-block;padding:4px 8px;border:1px solid var(--border-color);border-radius:9999px;font-size:12px;margin:2px;color:var(--text-secondary)}.details-cover-placeholder{width:80px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border:1px solid rgba(71,85,105,.3);border-radius:var(--radius-md);padding:.5rem;text-align:center;flex-shrink:0}.details-cover-placeholder .book-emoji{font-size:1.5rem;opacity:.7;color:var(--text-tertiary)}.details-cover-placeholder .book-title-text{margin-top:.25rem;font-size:.7rem;line-height:1.2;color:var(--text-secondary);max-width:90%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.graph-content{grid-template-columns:1fr}.graph-details-panel{height:auto}}.graph-wrapper canvas{display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain}.graph-info{margin-top:var(--space-md);text-align:center;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.graph-info-text{font-size:14px;color:var(--text-tertiary);margin:0;line-height:1.5}.graph-info-text{text-align:center}.legend{display:inline-flex;gap:.25rem;margin-left:.25rem}.legend-item{display:flex;align-items:center}.load-more-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px}.load-more-button{padding:8px 16px;border:1px solid #3b82f6;border-radius:6px;background:#3b82f6;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.load-more-button:hover{background:#2563eb;border-color:#2563eb}.display-info{font-size:14px;color:#6b7280}.graph-legend{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:inherit;color:inherit}.legend-item{display:inline-flex;align-items:center;gap:4px;font-size:inherit;color:inherit;margin:0 2px}.legend-color{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.3);flex-shrink:0}.legend-color.source{background:#3b82f6}.legend-color.high{background:#10b981}.legend-color.medium{background:#f59e0b}.legend-color.low{background:#ef4444}.graph-tooltip{position:absolute;background:var(--bg-primary);color:var(--text-primary);padding:var(--space-md);border-radius:var(--radius-md);font-size:12px;pointer-events:none;z-index:1000;box-shadow:0 4px 12px var(--shadow-lg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:280px}.tooltip-title{margin:0 0 var(--space-sm) 0;font-size:14px;font-weight:600;color:var(--text-primary)}.tooltip-text{margin:var(--space-xs) 0;color:var(--text-secondary);line-height:1.4}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-button{margin-top:12px;padding:8px 16px;border:1px solid #ef4444;border-radius:6px;background:#ef4444;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#dc2626}@media(max-width:768px){.graph-controls{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.control-group{flex-direction:column;gap:var(--space-sm);width:100%;justify-content:center}.control-label{flex-direction:column;text-align:center;gap:var(--space-sm)}.slider{width:200px}.graph-wrapper{min-height:400px;height:500px}.graph-tooltip{max-width:250px;font-size:11px}.graph-legend{flex-direction:column;gap:var(--space-sm);align-items:center}}