@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Outfit:wght@400;500;600;700&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap";:root{--font-ui:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Lora", "Merriweather", Georgia, serif;--font-sans:"Inter", -apple-system, sans-serif;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--transition-fast:all .15s ease;--app-max-width:480px;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-glass:#ffffffbf;--border-color:#e2e8f0cc;--border-glass:#fff6;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent-color:#4f46e5;--accent-light:#e0e7ff;--accent-hover:#4338ca;--card-shadow:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--nav-shadow:0 -4px 20px -2px #0000000d;--toast-bg:#0f172ae6;--toast-text:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-user-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#0f172a;--bg-glass:#1e293bb3;--border-color:#334155cc;--border-glass:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--accent-color:#818cf8;--accent-light:#312e81;--accent-hover:#6366f1;--card-shadow:0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;--nav-shadow:0 -4px 20px -2px #0000004d;--toast-bg:#f8fafcf2;--toast-text:#0f172a}:root[data-user-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-glass:#ffffffbf;--border-color:#e2e8f0cc;--border-glass:#fff6;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent-color:#4f46e5;--accent-light:#e0e7ff;--accent-hover:#4338ca;--card-shadow:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--nav-shadow:0 -4px 20px -2px #0000000d;--toast-bg:#0f172ae6;--toast-text:#fff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-outer);width:100%;height:100dvh;font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}#root{width:100%;max-width:var(--app-max-width);background-color:var(--bg-primary);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);height:100dvh;max-height:100dvh;transition:var(--transition-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.scroll-container{box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;width:100%;min-height:0;padding:16px;overflow:hidden auto}.scroll-container-no-pad{box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;width:100%;min-height:0;overflow:hidden auto}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass)}.reader-theme-day{--reader-bg:#fdfdfd;--reader-bg-transparent:#fdfdfd00;--reader-text:#1a1a1a;--reader-border:#e2e8f0}.reader-theme-night{--reader-bg:#121214;--reader-bg-transparent:#12121400;--reader-text:#9ca3af;--reader-border:#27272a}.reader-theme-sepia{--reader-bg:#f4edd8;--reader-bg-transparent:#f4edd800;--reader-text:#4a3728;--reader-border:#e6dcbe}.reader-theme-forest{--reader-bg:#e2edd5;--reader-bg-transparent:#e2edd500;--reader-text:#2f442f;--reader-border:#d4e0c4}.reader-theme-mint{--reader-bg:#e6f3f0;--reader-bg-transparent:#e6f3f000;--reader-text:#2c423f;--reader-border:#d5e8e3}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInUp}.app-header{border-bottom:1px solid var(--border-color);z-index:100;height:56px;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.header-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:18px;font-weight:700;overflow:hidden}.header-btn{color:var(--text-primary);cursor:pointer;width:36px;height:36px;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.header-btn:active{background-color:var(--bg-tertiary);transform:scale(.92)}.bottom-nav{border-top:1px solid var(--border-color);z-index:100;height:64px;transition:var(--transition-smooth);display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}.nav-item.active{color:var(--accent-color)}.nav-item svg{width:24px;height:24px;transition:var(--transition-fast);margin-bottom:4px}.nav-item:active svg{transform:scale(.85)}.page-container{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.page-container-full{flex-direction:column;flex:1;width:100%;height:100dvh;min-height:0;display:flex;position:relative;overflow:hidden}.section-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin:20px 0 12px;font-size:18px;font-weight:700;display:flex}.section-link{color:var(--accent-color);cursor:pointer;font-size:13px;font-weight:500}.hero-slider{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:4px 16px 16px;display:flex;overflow-x:auto}.hero-slider::-webkit-scrollbar{display:none}.hero-card{scroll-snap-align:center;aspect-ratio:16/9;box-shadow:var(--card-shadow);cursor:pointer;border:1px solid var(--border-color);border-radius:16px;flex:0 0 85%;position:relative;overflow:hidden}.hero-bg-blur{filter:blur(20px)brightness(.6);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.hero-content{z-index:2;color:#fff;background:linear-gradient(#0000001a 0%,#0003 40%,#000c 100%);gap:16px;padding:16px;display:flex;position:absolute;inset:0}.hero-cover{object-fit:cover;border:1.5px solid #fff3;border-radius:8px;width:80px;height:110px;box-shadow:0 8px 16px #0006}.hero-info{flex-direction:column;flex:1;justify-content:flex-end;display:flex}.hero-tag{background-color:var(--accent-color);color:#fff;text-transform:uppercase;border-radius:4px;width:fit-content;margin-bottom:6px;padding:2px 6px;font-size:10px;font-weight:700}.hero-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:16px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.hero-author{opacity:.8;font-size:12px}.category-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.category-item{cursor:pointer;flex-direction:column;align-items:center;display:flex}.category-icon{background-color:var(--bg-tertiary);width:48px;height:48px;color:var(--accent-color);transition:var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;margin-bottom:8px;font-size:20px;display:flex;box-shadow:0 4px 10px #00000005}.category-item:active .category-icon{background-color:var(--accent-light);transform:translateY(-2px)}.category-label{color:var(--text-secondary);font-size:11px;font-weight:600}.book-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.book-card{cursor:pointer;flex-direction:column;display:flex}.book-card-cover-wrapper{aspect-ratio:3/4;box-shadow:var(--card-shadow);border:1px solid var(--border-color);transition:var(--transition-fast);border-radius:10px;margin-bottom:8px;position:relative;overflow:hidden}.book-card:active .book-card-cover-wrapper{transform:scale(.96)}.book-card-cover{object-fit:cover;background-color:var(--bg-tertiary);width:100%;height:100%}.book-card-rating{color:#fbbf24;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172ad9;border-radius:4px;align-items:center;gap:2px;padding:2px 4px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:4px;right:4px}.book-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.book-card-author{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.book-card-horizontal{border-bottom:1px solid var(--border-color);cursor:pointer;gap:16px;padding:12px 0;display:flex}.book-card-horizontal:last-child{border-bottom:none}.book-card-horizontal-cover{object-fit:cover;width:76px;height:102px;box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0}.book-card-horizontal-info{flex-direction:column;flex:1;justify-content:space-between;display:flex;overflow:hidden}.book-card-horizontal-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:14px;font-weight:700;overflow:hidden}.book-card-horizontal-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.book-card-horizontal-meta{justify-content:space-between;align-items:center;display:flex}.book-card-horizontal-author{color:var(--text-tertiary);font-size:11px}.book-card-horizontal-stats{color:var(--text-tertiary);align-items:center;gap:8px;font-size:11px;display:flex}.book-card-horizontal-genre{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.detail-bg{width:100%;padding-bottom:24px;position:relative}.detail-bg-blur{filter:blur(25px)brightness(.7);z-index:0;background-position:50%;background-size:cover;height:240px;position:absolute;top:0;left:0;right:0;transform:scale(1.1);-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.detail-header-content{z-index:1;color:#fff;gap:16px;padding:20px 16px;display:flex;position:relative}.detail-cover{object-fit:cover;border:2px solid #fff3;border-radius:10px;width:108px;height:144px;box-shadow:0 12px 24px -6px #0006}.detail-info{flex-direction:column;flex:1;justify-content:flex-end;display:flex}.detail-title{text-shadow:0 2px 4px #00000080;margin-bottom:6px;font-size:18px;font-weight:800;line-height:1.3}.detail-author{opacity:.9;text-shadow:0 1px 2px #0006;margin-bottom:8px;font-size:13px}.detail-meta-row{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.detail-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background-color:#ffffff26;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600}.detail-rating{color:#fbbf24;text-shadow:0 1px 2px #00000080;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.detail-stats-bar{background-color:var(--bg-secondary);box-shadow:var(--card-shadow);border:1px solid var(--border-color);z-index:1;border-radius:12px;margin:16px;padding:12px;display:flex;position:relative}.detail-stat-item{border-right:1px solid var(--border-color);flex-direction:column;flex:1;align-items:center;display:flex}.detail-stat-item:last-child{border-right:none}.detail-stat-val{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:700}.detail-stat-lbl{color:var(--text-tertiary);font-size:11px}.detail-tabs{border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);display:flex}.detail-tab{text-align:center;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:12px 0;font-size:14px;font-weight:600;position:relative}.detail-tab.active{color:var(--accent-color);font-weight:700}.detail-tab.active:after{content:"";background-color:var(--accent-color);border-radius:99px;height:3px;position:absolute;bottom:0;left:30%;right:30%}.sub-tabs-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.sub-tab-btn{color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:9px 12px;font-size:13px;font-weight:600;transition:all .2s}.sub-tab-btn.active{background-color:var(--bg-primary);color:var(--accent-color);font-weight:700;box-shadow:0 2px 8px #00000014}.detail-synopsis{color:var(--text-secondary);cursor:pointer;padding:4px 0;font-size:13px;line-height:1.6;position:relative}.detail-synopsis.collapsed{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.detail-synopsis-toggle{text-align:center;color:var(--accent-color);cursor:pointer;margin-top:8px;font-size:12px;font-weight:600}.chapters-header-row{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.chapters-list{flex-direction:column;display:flex}.chapter-item-link{border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chapter-item-link:active{background-color:var(--bg-tertiary)}.chapter-item-title{color:var(--text-primary);font-size:13px;font-weight:500}.chapter-item-meta{color:var(--text-tertiary);font-size:11px}.detail-cta-bar{border-top:1px solid var(--border-color);z-index:100;gap:12px;height:68px;padding:10px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.btn-cta-secondary{border:1px solid var(--border-color);color:var(--text-primary);background-color:var(--bg-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:12px;flex:0 0 40%;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.btn-cta-secondary:active{background-color:var(--bg-tertiary)}.btn-cta-primary{background-color:var(--accent-color);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 12px #4f46e54d}.btn-cta-primary:active{background-color:var(--accent-hover);transform:translateY(1px)}.search-input-wrapper{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:8px 14px;display:flex}.search-input{color:var(--text-primary);font-size:14px;font-family:var(--font-ui);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--text-tertiary)}.hot-tags-title{color:var(--text-secondary);margin-bottom:10px;font-size:13px;font-weight:700}.tag-cloud{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tag-pill{background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:1px solid var(--border-color);transition:var(--transition-fast);border-radius:99px;padding:6px 12px;font-size:12px}.tag-pill:active{background-color:var(--accent-light);color:var(--accent-color);border-color:var(--accent-color)}.genre-filter-row{scrollbar-width:none;gap:8px;padding:4px 0 16px;display:flex;overflow-x:auto}.genre-filter-row::-webkit-scrollbar{display:none}.genre-filter-btn{white-space:nowrap;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:99px;padding:6px 14px;font-size:12px;font-weight:600}.genre-filter-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 4px 10px #4f46e533}.shelf-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.shelf-title{color:var(--text-primary);font-size:20px;font-weight:800}.shelf-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.shelf-item{flex-direction:column;display:flex;position:relative}.shelf-progress-bar{background-color:#0003;height:4px;position:absolute;bottom:0;left:0;right:0}.shelf-progress-fill{background-color:var(--accent-color);height:100%}.shelf-checkbox{z-index:10;cursor:pointer;color:#fff;background-color:#0f172a99;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #0003}.shelf-checkbox.checked{background-color:var(--accent-color)}.shelf-edit-bar{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:110;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.shelf-edit-btn-delete{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.shelf-edit-btn-delete:disabled{opacity:.5;cursor:not-allowed}.shelf-empty-state{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.shelf-empty-icon{opacity:.6;margin-bottom:12px;font-size:48px}.shelf-empty-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:16px;padding:8px 20px;font-size:13px;font-weight:600}.reader-container{background-color:var(--reader-bg);width:100%;height:100vh;color:var(--reader-text);flex-direction:column;transition:background-color .25s,color .25s;display:flex;position:relative;overflow:hidden}.reader-scroll-area{-webkit-overflow-scrolling:touch;flex:1;padding:24px 20px 80px;overflow-y:auto}.reader-chapter-title{color:var(--reader-text);border-bottom:1px solid var(--reader-border);opacity:.95;margin-bottom:28px;padding-bottom:12px;font-size:1.5rem;font-weight:700;line-height:1.3}.reader-text-paragraph{text-indent:0;text-align:justify;opacity:.9;margin-bottom:1.6em}.reader-bottom-nav-row{border-top:1px solid var(--reader-border);justify-content:space-between;align-items:center;gap:10px;margin-top:40px;padding-top:24px;display:flex}.reader-chapter-nav-btn{background-color:var(--bg-secondary);border:1px solid var(--reader-border);color:var(--reader-text);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;display:flex;box-shadow:0 2px 6px #0000000a}.reader-chapter-nav-btn:active:not(:disabled){background-color:var(--accent-light);color:var(--accent-color);transform:scale(.96)}.reader-chapter-nav-btn.primary{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.reader-chapter-nav-btn.primary:active:not(:disabled){background-color:var(--accent-hover);color:#fff}.reader-chapter-nav-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.reader-toc-nav-btn{flex:none;min-width:64px;padding:10px 12px}.hud-chapter-nav{background-color:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.hud-chapter-btn{color:#fff;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.hud-chapter-btn:active:not(:disabled){background-color:#ffffff26}.hud-chapter-btn:disabled{opacity:.3;cursor:not-allowed}.hud-chapter-info{color:#cbd5e1;font-size:12px;font-weight:600}.reader-settings-overlay{z-index:150;pointer-events:none;background:0 0;position:absolute;inset:0}.reader-hud-top{z-index:160;pointer-events:auto;-webkit-backdrop-filter:blur(12px);color:#0f172a;background-color:#fffffff5;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 4px 20px #0000000f}.reader-hud-top.visible{transform:translateY(0)}.reader-hud-bottom{z-index:160;pointer-events:auto;-webkit-backdrop-filter:blur(12px);color:#0f172a;background-color:#fffffff5;border-top:1px solid #e2e8f0;flex-direction:column;gap:16px;padding:16px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 20px #0000000f}.reader-hud-bottom.visible{transform:translateY(0)}.reader-hud-title{text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:14px;font-weight:600;overflow:hidden}.reader-hud-btn{color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.reader-hud-btn:active{background-color:#0000000f}.hud-section{justify-content:space-between;align-items:center;gap:12px;display:flex}.hud-label{color:#64748b;width:50px;font-size:11px;font-weight:600}.hud-control-row{flex:1;gap:8px;display:flex}.hud-btn-toggle{color:#0f172a;cursor:pointer;text-align:center;transition:var(--transition-fast);background-color:#0000000d;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:6px 12px;font-size:12px;font-weight:600}.hud-btn-toggle.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.hud-theme-picker{flex:1;justify-content:space-between;gap:6px;display:flex}.hud-theme-dot{cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:relative}.hud-theme-dot.active{border-color:var(--accent-color);transform:scale(1.1);box-shadow:0 2px 8px #4f46e540}.hud-theme-dot:after{content:"";border:1px solid #00000014;border-radius:50%;position:absolute;inset:2px}.hud-font-size-row{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex:1;align-items:center;display:flex}.hud-font-size-btn{color:#0f172a;cursor:pointer;background:0 0;border:none;flex:1;padding:6px 0;font-size:14px;font-weight:700}.hud-font-size-btn:active{background-color:#0000000d}.hud-font-size-val{text-align:center;color:#0f172a;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex:1.5;font-size:12px;font-weight:600}.hud-mode-toggle,.hud-font-family-toggle,.hud-line-height-toggle{background-color:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;display:flex;overflow:hidden}.hud-mode-btn,.hud-sub-btn{color:#94a3b8;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:6px 10px;font-size:11px;font-weight:600}.hud-mode-btn.active,.hud-sub-btn.active{background-color:var(--accent-color);color:#fff}.reader-paged-viewport{-webkit-user-select:none;user-select:none;width:100%;height:100vh;position:relative;overflow:hidden}.reader-paged-columns{column-width:100vw;box-sizing:border-box;column-gap:0;width:100%;height:calc(100vh - 100px);padding-top:64px;padding-left:20px;padding-right:20px;transition:transform .28s cubic-bezier(.25,.8,.25,1)}.reader-page-touch-area{z-index:80;cursor:pointer;width:33%;position:absolute;top:60px;bottom:40px}.reader-page-touch-area.left{left:0}.reader-page-touch-area.right{right:0}.reader-page-touch-area.center{width:34%;left:33%}.reader-page-footer{color:var(--text-tertiary);opacity:.7;z-index:85;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:12px;left:20px;right:20px}.reader-scroll-area{overflow-anchor:auto}.hud-progress-row{align-items:center;gap:12px;width:100%;display:flex}.hud-progress-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;flex:1;height:4px}.hud-progress-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-color);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 10px #00000080}.hud-progress-slider::-webkit-slider-thumb:active{transform:scale(1.3)}.hud-progress-text{color:#94a3b8;font-variant-numeric:tabular-nums;text-align:right;width:70px;font-size:12px}.drawer-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background-color:#00000080;transition:opacity .3s;position:absolute;inset:0}.drawer-backdrop.visible{opacity:1;pointer-events:auto}.drawer-content{z-index:210;background-color:var(--bg-secondary);flex-direction:column;width:80%;max-width:320px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000026}.drawer-backdrop.visible .drawer-content{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.drawer-title{color:var(--text-primary);font-size:16px;font-weight:700}.profile-card{background-color:var(--bg-secondary);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#818cf8 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 10px #4f46e54d}.profile-name{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.profile-bio{color:var(--text-tertiary);font-size:12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.stats-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:12px;padding:16px}.stats-val{color:var(--accent-color);margin-bottom:4px;font-size:22px;font-weight:800}.stats-lbl{color:var(--text-tertiary);text-transform:uppercase;font-size:11px;font-weight:600}.settings-list{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;overflow:hidden}.settings-item{border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);transition:var(--transition-fast);justify-content:space-between;align-items:center;padding:16px;font-size:14px;font-weight:500;display:flex}.settings-item:last-child{border-bottom:none}.settings-item:active{background-color:var(--bg-tertiary)}.settings-item-value{color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;display:flex}.toast-msg{background-color:var(--toast-bg);color:var(--toast-text);z-index:999;pointer-events:none;white-space:nowrap;border-radius:99px;padding:10px 20px;font-size:12px;font-weight:600;animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000040}.page-container-home{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.home-page-layout{background-color:var(--bg-primary);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.home-sticky-header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-color);background:#ffffffd9;flex-direction:column;gap:12px;padding:12px 16px 8px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000008}[data-user-theme=dark] .home-sticky-header{background:#0f172ad9}.home-header-top-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.home-search-input-fake{background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-tertiary);transition:var(--transition-fast);border-radius:99px;flex:1;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.home-search-input-fake:active{background-color:var(--bg-tertiary);transform:scale(.98)}.home-search-icon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.home-search-placeholder{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-header-coin-bubble{background-color:var(--bg-secondary);cursor:pointer;border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--card-shadow);transition:var(--transition-fast);border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.home-header-coin-bubble:active{background-color:var(--bg-tertiary);transform:scale(.95)}.home-header-coin-count{font-family:monospace;font-weight:800}.home-header-coin-plus{color:var(--accent-color);font-size:12px;font-weight:800}.home-header-tabs-row{align-items:center;gap:24px;padding-top:2px;display:flex}.home-header-tab-btn{color:var(--text-tertiary);cursor:pointer;letter-spacing:.5px;transition:var(--transition-fast);background:0 0;border:none;padding:4px 0 8px;font-size:13px;font-weight:800;position:relative}.home-header-tab-btn.active{color:var(--text-primary);font-size:15px}.home-header-tab-indicator{background-color:var(--accent-color);border-radius:99px;height:3px;position:absolute;bottom:0;left:0;right:0}.home-scroll-content{flex:1;padding:16px 16px 32px;overflow-y:auto}.rank-list{flex-direction:column;gap:12px;padding:4px 0 24px;display:flex}.rank-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);cursor:pointer;transition:var(--transition-fast);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.rank-item:active{transform:scale(.98)}.rank-number-box{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:monospace;font-size:13px;font-weight:800;display:flex}.rank-number-1{color:#854d0e;background:linear-gradient(135deg,#fef08a,#eab308);border:1px solid #ca8a04}.rank-number-2{color:#475569;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);border:1px solid #94a3b8}.rank-number-3{color:#c2410c;background:linear-gradient(135deg,#ffedd5,#fdba74);border:1px solid #ea580c}.rank-number-other{color:var(--text-tertiary);background-color:var(--bg-tertiary)}.rank-cover{object-fit:cover;border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;width:48px;height:64px;box-shadow:0 4px 8px #00000026}.rank-info{flex:1;min-width:0}.rank-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:700;overflow:hidden}.rank-author{color:var(--text-tertiary);margin-bottom:6px;font-size:11px}.rank-meta{justify-content:space-between;align-items:center;font-size:11px;display:flex}.rank-genre{color:var(--accent-color);font-weight:600}.rank-score{color:#ca8a04;align-items:center;gap:2px;font-weight:700;display:flex}.rank-views{color:var(--text-tertiary);align-items:center;gap:2px;font-weight:500;display:flex}.banner-inline-card{scroll-snap-align:center;cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;flex:0 0 88%;height:130px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040,inset 0 1px 1px #ffffff40}.banner-inline-card:active{transform:scale(.97);box-shadow:0 4px 12px #0003}.banner-inline-card__bg{filter:blur(12px)brightness(.55)saturate(1.2);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.banner-inline-card__mask{background:linear-gradient(#0003 0%,#0000008c 100%);position:absolute;inset:0}.banner-inline-card__inner{z-index:1;align-items:center;gap:14px;height:100%;padding:12px;display:flex;position:relative}.banner-inline-card__cover{border:1.5px solid #fff3;border-radius:8px;flex-shrink:0;width:76px;height:106px;overflow:hidden;box-shadow:0 6px 16px #0006}.banner-inline-card__info{color:#fff;flex-direction:column;flex:1;min-width:0;height:106px;display:flex}.banner-inline-card__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #0000004d;font-size:15px;font-weight:800;line-height:20px;overflow:hidden}.banner-inline-card__desc{color:#ffffffbf;text-overflow:ellipsis;-webkit-line-clamp:2;text-shadow:0 1px 2px #0003;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;line-height:15px;display:-webkit-box;overflow:hidden}.banner-inline-card__tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.banner-inline-card__tag-item{color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff26;border-radius:99px;padding:2px 8px;font-size:10px;line-height:14px}