@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--accent:#e8460a;--accent-hover:#ff5a1f;--accent-muted:#7a2405;--accent-glow:#e8460a59;--bg-base:#0b0b0f;--bg-surface:#131318;--bg-elevated:#1c1c24;--bg-overlay:#0b0b0fd9;--text-primary:#f0f0f5;--text-secondary:#9090a8;--text-muted:#5a5a70;--text-on-accent:#fff;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-accent:#e8460a66;--status-ongoing:#22c55e;--status-completed:#3b82f6;--status-hiatus:#f59e0b;--status-cancelled:#6b7280;--gradient-accent:linear-gradient(135deg, #e8460a 0%, #ff6b35 100%);--gradient-dark:linear-gradient(180deg, #0b0b0f00 0%, #0b0b0ff2 100%);--gradient-card:linear-gradient(180deg, transparent 40%, #0b0b0ff7 100%);--gradient-hero:linear-gradient(135deg, #0b0b0f 0%, #1a0a05 50%, #0b0b0f 100%);--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-accent:0 4px 24px var(--accent-glow);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-arabic:"Noto Sans Arabic", "Segoe UI", sans-serif;--font-latin:"Inter", "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-base:1;--z-card:10;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;direction:rtl}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-arabic);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.7;overflow-x:hidden}:lang(en),.latin{font-family:var(--font-latin)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{width:100%;max-width:1280px;padding-inline:var(--space-6);margin-inline:auto}@media (max-width:640px){.container{padding-inline:var(--space-4)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-default);transform:translateY(-3px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-arabic);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:600;text-decoration:none;display:inline-flex}.btn-accent{background:var(--gradient-accent);color:var(--text-on-accent);box-shadow:var(--shadow-accent)}.btn-accent:hover{background:var(--accent-hover);box-shadow:0 6px 30px var(--accent-glow);color:var(--text-on-accent);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-default);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;align-items:center;font-weight:600;display:inline-flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fadeIn{animation:.4s forwards fadeIn}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.8s infinite shimmer}.manga-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}@media (min-width:640px){.manga-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width:1024px){.manga-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.section-title{font-size:var(--text-2xl);color:var(--text-primary);align-items:center;gap:var(--space-3);font-weight:800;display:flex}.section-title:before{content:"";background:var(--gradient-accent);border-radius:var(--radius-full);flex-shrink:0;width:4px;height:1.4em;display:block}main{animation:.35s fadeIn}