:root{--bg-primary: #070913;--bg-surface: rgba(20, 24, 44, .65);--bg-surface-solid: #121528;--bg-elevated: rgba(30, 36, 66, .7);--bg-overlay: rgba(7, 9, 19, .85);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(139, 92, 246, .3);--border-glow-active: rgba(99, 102, 241, .6);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%);--accent-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #2563eb 100%);--accent-purple: #8b5cf6;--accent-blue: #3b82f6;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--color-ongoing: #34d399;--color-completed: #60a5fa;--color-hiatus: #fbbf24;--color-dropped: #f87171;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-glow: 0 0 24px rgba(99, 102, 241, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);--font-body: "Inter", system-ui, -apple-system, sans-serif;--transition-fast: .15s ease;--transition-base: .25s ease;--bottom-nav-height: 68px;--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=light]{--bg-primary: #0d111e;--text-primary: #f8fafc}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.app-shell{display:flex;flex-direction:column;height:100%;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(99,102,241,.22) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 90% 80%,rgba(139,92,246,.12) 0%,transparent 60%),var(--bg-primary)}.screen{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--space-4))}.glass-card{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.glass-card:active{border-color:var(--border-glow-active);transform:scale(.99)}.hero-banner{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1e1b4bcc,#0f172ae6);border:1px solid rgba(139,92,246,.35);box-shadow:var(--shadow-glow);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.hero-banner:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(139,92,246,.18) 0%,transparent 50%);pointer-events:none}.hero-banner__title{font-size:19px;font-weight:700;color:#fff;line-height:1.25}.hero-banner__sub{font-size:13px;color:var(--text-secondary);line-height:1.5}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);width:100%}.catalog-grid>a{min-width:0;width:100%;display:flex}.manga-grid-card{display:flex;flex-direction:column;min-width:0;width:100%;background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glow);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);position:relative}.manga-grid-card:active{border-color:var(--border-glow-active);transform:translateY(-2px)}.manga-grid-card__cover-wrap{width:100%;aspect-ratio:3 / 4;position:relative;overflow:hidden;background:var(--bg-surface-solid)}.manga-grid-card__cover{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.manga-grid-card:hover .manga-grid-card__cover{transform:scale(1.04)}.manga-grid-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(7,9,19,.95) 0%,rgba(7,9,19,.2) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:space-between;padding:10px}.manga-grid-card__info{padding:10px 12px 14px}.manga-grid-card__name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.manga-grid-card__meta{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all var(--transition-fast);cursor:pointer}.btn--primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 18px #6366f166}.btn--primary:active{background:var(--accent-gradient-hover);box-shadow:0 2px 10px #6366f199}.btn--secondary{background:#1e244299;border:1px solid var(--border-glow);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--secondary:active{background:#283056cc;border-color:var(--border-glow-active)}.btn--full{width:100%}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-badge--ongoing{background:#34d3992e;color:var(--color-ongoing);border:1px solid rgba(52,211,153,.3)}.status-badge--completed{background:#60a5fa2e;color:var(--color-completed);border:1px solid rgba(96,165,250,.3)}.status-badge--hiatus{background:#fbbf242e;color:var(--color-hiatus);border:1px solid rgba(251,191,36,.3)}.status-badge--dropped{background:#f871712e;color:var(--color-dropped);border:1px solid rgba(248,113,113,.3)}.tag-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tag-pill--purple{background:#8b5cf633;color:#c084fc;border:1px solid rgba(139,92,246,.3)}.tag-pill--pink{background:#ec489933;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.tag-pill--cyan{background:#06b6d433;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.tag-pill--blue{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.search-wrapper{position:relative}.search-input{width:100%;height:48px;background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:0 var(--space-4) 0 44px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--accent-purple);box-shadow:0 0 16px #8b5cf640}.search-input::placeholder{color:var(--text-muted)}.search-wrapper__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.bottom-nav{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#0c0f1ce0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 14px;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast);min-width:60px}.bottom-nav__item.active{color:#818cf8;filter:drop-shadow(0 0 8px rgba(129,140,248,.5))}.bottom-nav__icon{width:22px;height:22px}.bottom-nav__label{font-size:10px;font-weight:500;letter-spacing:.2px}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-4) var(--space-3)}.section-title{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.section-link{font-size:13px;color:var(--accent-purple);font-weight:500}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#1e244280 25%,#2d3660b3,#1e244280 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.detail-block{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-key{font-size:13px;color:var(--text-muted)}.detail-val{font-size:13px;font-weight:600;color:var(--text-primary)}