@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&family=Noto+Sans+Thai:wght@400;600;700;800&display=swap";.nuxt-loading{background:#0a0a12;inset:0;position:fixed;z-index:9999}:root{--bg-primary:#0a0a12;--bg-secondary:#12101f;--bg-card:rgba(22,18,40,.75);--bg-card-hover:rgba(35,28,60,.85);--bg-glass:hsla(0,0%,100%,.04);--bg-glass-hover:hsla(0,0%,100%,.08);--text-primary:#f0edf6;--text-secondary:#c4bbd9;--text-muted:#a9a1c0;--accent-primary:#7c5cfc;--accent-secondary:#c084fc;--accent-gradient:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);--accent-gradient-subtle:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.15));--border-color:hsla(0,0%,100%,.06);--border-glow:rgba(124,92,252,.3);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 24px rgba(0,0,0,.4);--shadow-glow:0 0 30px rgba(124,92,252,.15);--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--transition-bounce:.4s cubic-bezier(.34,1.56,.64,1);--container-width:1280px;--header-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,Noto Sans Thai,system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,.06) 0,transparent 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}#__nuxt{position:relative;z-index:1}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.skip-link{border-radius:0 0 8px 8px;top:-100px;transition:top .2s;z-index:9999}.skip-link:focus{top:0}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:var(--container-width);padding:0 20px;width:100%}.section{padding:48px 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-title{background:var(--accent-gradient);-webkit-background-clip:text;font-size:1.5rem;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text}.section-link{align-items:center;color:var(--accent-secondary);display:flex;font-size:.875rem;font-weight:600;gap:4px;transition:var(--transition-fast)}.section-link:hover{color:var(--accent-primary);transform:translate(4px)}.section-link:after{content:"→"}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color .2s,background .2s}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-manhwa{background:#6366f133;color:#818cf8}.badge-manhua{background:#ec489933;color:#f472b6}.badge-manga{background:#22c55e33;color:#4ade80}.genre-chip{align-items:center;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;padding:6px 14px;transition:var(--transition-smooth)}.genre-chip:hover{background:var(--accent-gradient-subtle);border-color:var(--border-glow);color:var(--text-primary);transform:scale(1.05)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;justify-content:center;padding:10px 24px;text-decoration:none;transition:var(--transition-smooth)}.btn-primary{background:var(--accent-gradient);box-shadow:0 4px 15px #6366f14d;color:#fff}.btn-primary:hover{box-shadow:0 6px 25px #6366f180;transform:translateY(-2px)}.btn-ghost{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary)}.btn-ghost:hover{background:var(--bg-glass-hover);border-color:var(--border-glow)}.rating{align-items:center;color:#fbbf24;display:inline-flex;font-size:.85rem;font-weight:700;gap:4px}.rating:before{content:"★"}.manga-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}@media(max-width:640px){.manga-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.skeleton{animation:shimmer 2s ease-in-out infinite alternate;background:var(--bg-card);border-radius:var(--radius-md)}@keyframes shimmer{0%{opacity:.6}to{opacity:1}}.page-enter-active{transition:opacity .2s ease}.page-leave-active{transition:opacity .15s ease}.page-enter-from,.page-leave-to{opacity:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.skip-link{background:var(--accent-primary);border-radius:var(--radius-sm);color:#fff;font-weight:700;left:16px;padding:8px 16px;position:absolute;top:-100%;z-index:1000}.skip-link:focus{top:8px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@media(max-width:768px){.glass-card:hover{box-shadow:none;transform:none}.btn:hover,.genre-chip:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}