@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--color-bg: #0a0a14;--color-surface: #10101c;--color-surface-2: #16162a;--color-surface-3: #1e1e38;--color-border: rgba(124, 58, 237, .18);--color-accent: #7c3aed;--color-accent-light: #a78bfa;--color-accent-glow: rgba(124, 58, 237, .35);--color-text: #e2e0ff;--color-text-muted: #8b87c4;--color-text-faint: #4a476b;--color-white: #fff;--color-cyan: #06b6d4;--color-cyan-light: #22d3ee;--color-cyan-text: #67e8f9;--color-cyan-glow: rgba(6, 182, 212, .35);--color-cyan-12: rgba(6, 182, 212, .12);--color-cyan-18: rgba(6, 182, 212, .18);--color-cyan-30: rgba(6, 182, 212, .3);--color-success: #10b981;--color-success-text: #34d399;--color-warning: #f59e0b;--color-warning-text: #fbbf24;--color-error: #ef4444;--color-error-text: #f87171;--color-error-light: #fca5a5;--color-rating: #fbbf24;--color-trending: #f97316;--color-trending-text:#fdba74;--color-accent-12: rgba(124, 58, 237, .12);--color-accent-15: rgba(124, 58, 237, .15);--color-accent-18: rgba(124, 58, 237, .18);--color-accent-30: rgba(124, 58, 237, .3);--color-accent-55: rgba(124, 58, 237, .55);--color-accent-82: rgba(124, 58, 237, .82);--color-overlay: rgba(0, 0, 0, .65);--color-overlay-light:rgba(0, 0, 0, .3);--color-overlay-heavy:rgba(0, 0, 0, .5);--gradient-hero: linear-gradient(135deg, rgba(124,58,237,.25) 0%, rgba(6,182,212,.1) 50%, transparent 100%);--gradient-surface: linear-gradient(135deg, rgba(16,16,28,.85) 0%, rgba(30,30,56,.65) 100%);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-glow: 0 0 24px var(--color-accent-glow);--shadow-card: 0 4px 32px rgba(0, 0, 0, .45);--shadow-cyan-glow: 0 0 20px var(--color-cyan-glow);--transition-fast: .15s ease;--transition-mid: .25s ease;--navbar-h: 60px}[data-theme=light]{--color-bg: #f5f3ff;--color-surface: #ede9fe;--color-surface-2: #ddd6fe;--color-surface-3: #c4b5fd;--color-border: rgba(124, 58, 237, .22);--color-accent: #7c3aed;--color-accent-light: #6d28d9;--color-accent-glow: rgba(124, 58, 237, .25);--color-text: #1e1b4b;--color-text-muted: #4c4585;--color-text-faint: #7c75aa;--color-white: #1e1b4b;--color-accent-12: rgba(124, 58, 237, .1);--color-accent-15: rgba(124, 58, 237, .12);--color-accent-18: rgba(124, 58, 237, .16);--color-accent-30: rgba(124, 58, 237, .25);--color-accent-55: rgba(124, 58, 237, .45);--color-accent-82: rgba(124, 58, 237, .72);--color-overlay: rgba(255, 255, 255, .65);--color-overlay-light:rgba(255, 255, 255, .3);--color-overlay-heavy:rgba(255, 255, 255, .5);--gradient-hero: linear-gradient(135deg, rgba(124,58,237,.12) 0%, rgba(6,182,212,.06) 50%, transparent 100%);--gradient-surface: linear-gradient(135deg, rgba(237,233,254,.92) 0%, rgba(221,214,254,.72) 100%);--shadow-glow: 0 0 24px rgba(124, 58, 237, .15);--shadow-card: 0 4px 24px rgba(0, 0, 0, .08)}[data-theme=light] .glass{background:#f5f3ffd1;border-color:#7c3aed1f}[data-theme=light] .glass-card{background:linear-gradient(135deg,#ede9feeb,#ddd6feb8);border-color:#7c3aed1a}[data-theme=oled]{--color-bg: #000000;--color-surface: #050508;--color-surface-2: #0a0a12;--color-surface-3: #111120;--color-border: rgba(124, 58, 237, .14);--color-accent: #7c3aed;--color-accent-light: #a78bfa;--color-accent-glow: rgba(124, 58, 237, .3);--color-text: #d4d0f0;--color-text-muted: #6b67a0;--color-text-faint: #3a3660;--color-white: #fff;--gradient-hero: linear-gradient(135deg, rgba(124,58,237,.18) 0%, rgba(6,182,212,.06) 50%, transparent 100%);--gradient-surface: linear-gradient(135deg, rgba(5,5,8,.92) 0%, rgba(17,17,32,.65) 100%);--shadow-glow: 0 0 24px rgba(124, 58, 237, .25);--shadow-card: 0 4px 32px rgba(0, 0, 0, .75)}[data-theme=oled] .glass{background:#050508d9;border-color:#7c3aed1a}[data-theme=oled] .glass-card{background:linear-gradient(135deg,#050508eb,#111120a6);border-color:#7c3aed14}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}img{-webkit-touch-callout:none;pointer-events:none}.reader-page{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;touch-action:auto}.reader-page img{-webkit-touch-callout:default;pointer-events:auto}html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none}@keyframes fade-out-vt{0%{opacity:1}to{opacity:0}}@keyframes fade-in-vt{0%{opacity:0}to{opacity:1}}body.reader-mode .navbar{height:0!important;min-height:0!important;overflow:hidden;border:none;transition:height .3s ease;pointer-events:none}body.reader-mode{--navbar-h: 0px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px);overflow-x:hidden;overscroll-behavior-x:none}#root{overflow-x:hidden;touch-action:pan-y}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}.glass{background:#10101cb8;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(124,58,237,.15)}.glass-card{background:var(--gradient-surface);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(124,58,237,.12);border-radius:var(--radius-md)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}.container{max-width:960px;margin:0 auto;padding:0 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-50px;left:8px;background:var(--color-accent);color:#fff;padding:10px 18px;border-radius:0 0 var(--radius-md) var(--radius-md);font-family:var(--font-body);font-weight:600;font-size:.9rem;z-index:10000;transition:top var(--transition-fast);text-decoration:none}.skip-link:focus{top:0;outline:3px solid #fff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--color-surface-3)}.fade-in{animation:none;opacity:1;transform:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.navbar{position:sticky;top:0;z-index:50;height:calc(var(--navbar-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid rgba(124,58,237,.1)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:var(--navbar-h)}.navbar-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-accent-light);transition:color var(--transition-fast)}.navbar-brand:hover{color:var(--color-white)}.navbar-brand svg{color:var(--color-accent)}.navbar-links{display:flex;gap:4px}.navbar-link{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-size:.88rem;font-weight:500;color:var(--color-text-muted);transition:all var(--transition-fast);background:none;border:none;cursor:pointer;font-family:inherit}.navbar-link:hover{color:var(--color-text);background:var(--color-surface-2)}.navbar-link.active{color:var(--color-accent-light);background:var(--color-accent-15)}.navbar-link{position:relative}.navbar-badge{position:absolute;top:4px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 6px var(--color-cyan-glow);animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.navbar-link-label{display:inline}@media(max-width:560px){.navbar{position:fixed;inset:auto 0 0;height:auto;padding-top:0;padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:none;border-top:1px solid rgba(124,58,237,.1);z-index:50;background:var(--color-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.navbar-inner{height:56px;justify-content:center;padding:0}.navbar-brand{display:none}.navbar-links{display:flex;width:100%;gap:0}.navbar-link{flex:1;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 0;border-radius:0;font-size:.65rem;font-weight:500;min-height:56px;color:var(--color-text-faint)}.navbar-link:hover{background:transparent}.navbar-link.active{background:transparent;color:var(--color-accent)}.navbar-link svg{width:22px;height:22px}.navbar-link-label{display:block;font-size:.62rem;letter-spacing:.02em}}@media(max-width:560px){body.has-tabbar{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}}.install-prompt{position:fixed;bottom:24px;left:50%;translate:-50% 0;z-index:9000;display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:var(--radius-lg);max-width:min(420px,calc(100vw - 32px));width:100%;background:#10101cd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--color-border);box-shadow:var(--shadow-card);animation:slideUp .35s ease forwards}@keyframes slideUp{0%{opacity:0;translate:-50% 20px}to{opacity:1;translate:-50% 0}}.install-prompt__icon{font-size:1.6rem;flex-shrink:0}.install-prompt__body{flex:1;min-width:0}.install-prompt__title{font-family:var(--font-heading);font-weight:600;font-size:.95rem;color:var(--color-text);margin-bottom:2px}.install-prompt__desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.install-prompt__actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.install-prompt__btn{padding:7px 16px;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;border:none;white-space:nowrap;transition:background var(--transition-fast)}.install-prompt__btn--primary{background:var(--color-accent);color:#fff}.install-prompt__btn--primary:hover{background:#6d28d9}.install-prompt__btn--dismiss{background:transparent;color:var(--color-text-muted)}.install-prompt__btn--dismiss:hover{color:var(--color-text)}@media(prefers-reduced-motion:reduce){.install-prompt{animation:none;opacity:1}}.offline-banner{position:fixed;top:calc(var(--navbar-h) + 8px);left:50%;translate:-50% 0;z-index:8500;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:var(--radius-md);max-width:min(380px,calc(100vw - 32px));width:100%;background:#ef444426;border:1px solid rgba(239,68,68,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #0000004d;animation:bannerSlideDown .3s ease forwards}@keyframes bannerSlideDown{0%{opacity:0;translate:-50% -12px}to{opacity:1;translate:-50% 0}}.offline-banner__icon{font-size:1.1rem;flex-shrink:0}.offline-banner__text{font-size:.82rem;color:var(--color-text);line-height:1.4}@media(prefers-reduced-motion:reduce){.offline-banner{animation:none;opacity:1}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:24px}.error-boundary__card{text-align:center;padding:48px 32px;border-radius:var(--radius-lg);max-width:440px;width:100%}.error-boundary__icon{font-size:2.5rem;display:block;margin-bottom:16px}.error-boundary__title{font-family:var(--font-heading);font-size:1.4rem;color:var(--color-text);margin-bottom:8px}.error-boundary__message{color:var(--color-text-muted);font-size:.9rem;line-height:1.5;margin-bottom:24px;word-break:break-word}.error-boundary__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 28px;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-white);font-weight:600;font-size:.95rem;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.error-boundary__btn:hover{background:var(--color-accent-light);box-shadow:var(--shadow-glow)}.reader-layout-content{min-height:100vh;display:flex;flex-direction:column}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dlSpin{to{transform:rotate(360deg)}}.download-indicator{position:fixed;bottom:calc(var(--navbar-h) + 16px + env(safe-area-inset-bottom,0px));right:16px;z-index:900;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--color-text);border:1px solid var(--color-accent-18);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);animation:slideInUp .3s ease forwards;box-shadow:var(--shadow-glow)}.download-indicator:hover{transform:scale(1.04);box-shadow:var(--shadow-glow),0 8px 32px #0006}.download-indicator:active{transform:scale(.98)}.download-indicator__icon{display:flex;align-items:center;color:var(--color-accent-light)}.download-indicator__spin{animation:dlSpin 1s linear infinite}.download-indicator__label{white-space:nowrap}.download-indicator__bar{width:40px;height:4px;border-radius:2px;background:var(--color-surface-3);overflow:hidden}.download-indicator__fill{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-cyan));transition:width .3s ease}body.has-tabbar .download-indicator{bottom:calc(var(--navbar-h) + 16px + env(safe-area-inset-bottom,0px))}