@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Bebas+Neue&display=swap");:root{--bg-primary:#0d0d0d;--bg-secondary:#141414;--bg-card:#1a1a1a;--bg-card-hover:#222;--bg-nav:hsla(0,0%,5%,.95);--border:hsla(0,0%,100%,.07);--border-hover:hsla(0,0%,100%,.15);--text-primary:#f0f0f0;--text-secondary:#999;--text-muted:#555;--accent:#e8613c;--accent-dim:rgba(232,97,60,.15);--blue:#5b8dee;--green:#4caf82;--yellow:#f5c842;--purple:#9b7fe8;--radius:8px;--radius-sm:5px;--radius-lg:12px;--font-main:"Nunito",sans-serif;--font-display:"Bebas Neue",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:1300px;margin:0 auto;padding:0 20px}.badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.4px}.badge-manga{background:#1a2540;color:#5b8dee}.badge-manhwa{background:#2a1535;color:#c07aff}.badge-manhua{background:#152a1e;color:#4caf82}.badge-new{background:var(--accent);color:#fff}.badge-completed{background:#152a1e;color:var(--green)}.badge-ongoing{background:#1a2a15;color:#72c77d}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#222 50%,#1a1a1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.manga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));grid-gap:14px;gap:14px}@media (max-width:640px){.manga-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}.scroll-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.section-header{justify-content:space-between;margin-bottom:14px}.section-header,.section-title{display:flex;align-items:center}.section-title{font-size:16px;font-weight:800;color:var(--text-primary);gap:8px}.section-title:before{content:"";display:block;width:3px;height:16px;background:var(--accent);border-radius:2px}.view-all{font-size:13px;color:var(--accent);font-weight:600}.view-all:hover{opacity:.8}.manga-card{cursor:pointer;display:block}.manga-card:hover .manga-card-cover img{transform:scale(1.05)}.manga-card-cover{position:relative;aspect-ratio:2/3;border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.manga-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.manga-card-badges{position:absolute;top:5px;left:5px;display:flex;gap:3px;flex-wrap:wrap}.manga-card-title{font-size:12px;font-weight:700;margin-top:6px;color:var(--text-primary);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius);font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .2s;font-family:var(--font-main)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#d4532f}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-hover)}.btn-outline:hover{background:var(--bg-card-hover)}.btn-sm{padding:6px 12px;font-size:12px}.input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-main);font-size:14px;padding:9px 13px;outline:none;transition:border-color .2s;width:100%}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.tag-chip{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);transition:all .2s;cursor:pointer}.tag-chip.active,.tag-chip:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.page-content{padding:28px 0 80px}@media (max-width:768px){.container{padding:0 12px}.page-content{padding:16px 0 80px}}