@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#000;--bg-secondary:#0d0d0d;--bg-card:#111;--bg-elevated:#1a1a1a;--bg-glass:#ffffff0d;--text-primary:#f0f0f0;--text-secondary:#888;--text-muted:#555;--accent:#7c3aed;--accent-light:#a855f7;--accent-glow:#7c3aed4d;--border:#1e1e1e;--border-subtle:#ffffff0f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;min-height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.page-container{max-width:600px;padding:0 16px;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);margin:0 auto}.page-header{align-items:center;gap:12px;padding:20px 0 16px;display:flex}.manga-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.manga-card{border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;aspect-ratio:2/3;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.manga-card:active{transform:scale(.96)}.manga-card__cover{object-fit:cover;width:100%;height:100%;transition:transform .3s}.manga-card__overlay{background:linear-gradient(#0000 0%,#000000f2 100%);padding:24px 8px 8px;position:absolute;bottom:0;left:0;right:0}.manga-card__title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.manga-card__badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:6px;right:6px}.badge--ongoing{background:var(--accent);color:#fff}.badge--completed{color:#fff;background:#059669}.badge--source{color:var(--accent-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.section-title{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:700}.text-secondary{color:var(--text-secondary);font-size:13px}.source-chip{background:var(--accent-glow);color:var(--accent-light);white-space:nowrap;border:1px solid #7c3aed4d;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.search-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:10px;padding:10px 14px;transition:border-color .2s;display:flex}.search-bar:focus-within{border-color:var(--accent)}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.search-bar input::placeholder{color:var(--text-muted)}.chapter-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 0;transition:opacity .15s;display:flex}.chapter-item:active{opacity:.6}.chapter-item--read{opacity:.45}.chapter-item__number{color:var(--text-primary);font-size:14px;font-weight:600}.chapter-item__date{color:var(--text-secondary);font-size:12px}.bottom-nav{height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;background:#0a0a0aeb;align-items:flex-start;padding-top:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__items{width:100%;max-width:600px;margin:0 auto;display:flex}.bottom-nav__item{border-radius:var(--radius-sm);color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:color .15s;display:flex}.bottom-nav__item.active{color:var(--accent-light)}.bottom-nav__item svg{width:22px;height:22px}.tab-bar{background:var(--bg-secondary);border-radius:var(--radius-lg);gap:4px;margin-bottom:16px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);text-align:center;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--accent);color:#fff}.btn{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:active{background:#6d28d9;transform:scale(.97)}.btn--ghost{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-primary)}.reader-page{background:#000;min-height:100dvh}.reader-image-wrap{width:100%;position:relative}.reader-image-wrap img{width:100%;height:auto;display:block}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,var(--bg-elevated)50%,var(--bg-card)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{aspect-ratio:2/3;border-radius:var(--radius-md)}.fade-in{animation:.3s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{background:0 0;width:0}.visually-hidden{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}