:root{--color-dark-royal:#000675;--color-navy:#04044a;--color-panel:#0052ff;--color-sky-blue:#00a4ff;--color-neon-blue:#00e7ff;--color-white:#fff;--bg-primary:#020216;--bg-surface:#04044a;--bg-surface-hover:#070963;--bg-elevated:#000675;--bg-overlay:#020216e0;--border-subtle:#00a4ff26;--border-medium:#00e7ff47;--border-focus:#00e7ff;--text-primary:#fff;--text-secondary:#98b7ea;--text-muted:#56729e;--text-highlight:#00e7ff;--accent-red:#00e7ff;--accent-red-hover:#00a4ff;--accent-red-light:#00e7ff24;--accent-blue:#0052ff;--accent-blue-hover:#0038ff;--accent-blue-light:#0052ff2e;--accent-gold:#38bdf8;--badge-manga:#00e7ff;--badge-manhwa:#00a4ff;--badge-manhua:#60a5fa;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 2px 10px #00044a73;--shadow-md:0 8px 24px #00067566;--shadow-lg:0 16px 36px #00044aa6;--shadow-glow:0 0 20px #00e7ff59;--max-width:1360px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;max-width:100%;font-size:16px;line-height:1.5;overflow-x:hidden}body{background-color:var(--bg-primary);background-image:radial-gradient(70% 45% at 15% 0,#00a4ff24 0%,#0000 65%),radial-gradient(60% 40% at 85% 100%,#00e7ff1a 0%,#0000 60%),radial-gradient(circle,#00067540 0%,#0000 100%);background-attachment:fixed;flex-direction:column;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-xs);background:#04044a;border:1px solid #00a4ff40}::-webkit-scrollbar-thumb:hover{background:#000675}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}a{color:inherit;text-decoration:none;transition:color .15s,opacity .15s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}img{max-width:100%;height:auto;display:block}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-xs);align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.badge-manga{color:#00e7ff;background:#00e7ff2e;border:1px solid #00e7ff73}.badge-manhwa{color:#38bdf8;background:#00a4ff2e;border:1px solid #00a4ff73}.badge-manhua{color:#93c5fd;background:#0052ff33;border:1px solid #0052ff73}.badge-status{color:#00e7ff;background:#00e7ff24;border:1px solid #00e7ff4d}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{color:#020216;background:linear-gradient(135deg,#00e7ff 0%,#00a4ff 50%,#0052ff 100%);font-weight:800;box-shadow:0 4px 16px #00e7ff61}.btn-primary:hover{background:linear-gradient(135deg,#3ef 0%,#1ab1ff 50%,#1a65ff 100%);transform:translateY(-1px);box-shadow:0 6px 22px #00e7ff8c}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-medium)}.btn-blue{background:var(--accent-blue);color:#fff;box-shadow:0 4px 14px #0052ff66}.btn-blue:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.btn-sm{padding:.4rem .85rem;font-size:.8rem}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#04044a 25%,#000675 50%,#04044a 75%) 0 0/200% 100%;animation:1.8s infinite skeleton-shimmer}.section-title-wrap{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}.section-title{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:.6rem;font-size:1.35rem;font-weight:800;display:flex}.section-title i,.section-title svg{color:var(--accent-red)}.section-more-link{color:var(--accent-red);align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;display:flex}.section-more-link:hover{color:var(--accent-red-hover);text-decoration:underline}.comic-grid{grid-template-columns:repeat(auto-fill,minmax(min(175px,100%),1fr));gap:1.25rem;display:grid}.comic-card-hover{width:100%;min-width:0}.home-main-grid>*{min-width:0}@media (width<=768px){.comic-grid{grid-template-columns:repeat(auto-fill,minmax(min(145px,100%),1fr));gap:.9rem}:root{--header-height:58px}}@media (width<=480px){.container{padding:0 .85rem}.btn{white-space:normal;text-align:center;max-width:100%;min-height:44px}.btn-sm{min-height:38px}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.section-title{font-size:1.15rem}}.mobile-search-btn{display:inline-flex!important}.desktop-search-wrap{display:none!important}@media (width>=768px){.mobile-search-btn{display:none!important}.desktop-search-wrap{display:block!important}}@media (width>=900px){.desktop-nav{display:flex!important}.mobile-toggle{display:none!important}}@media (width>=768px){.hero-cover-desktop{display:block!important}}@media (width<=960px){.home-main-grid{grid-template-columns:minmax(0,1fr)!important;gap:2rem!important}}@media (width<=640px){.hide-mobile{display:none!important}.navbar-container{gap:.5rem!important}.navbar-subtitle{display:none!important}.navbar-action-btn{justify-content:center!important;min-width:44px!important;min-height:44px!important}.section-title-wrap{flex-wrap:wrap;align-items:center;gap:.75rem}}
