:root{--bg: #0f0f13;--bg2: #16161d;--bg3: #1e1e2a;--card: #1a1a24;--border: #2a2a3a;--accent: #e85d04;--accent2: #ff7b2f;--text: #e8e8f0;--text2: #9090a8;--text3: #606078;--green: #22c55e;--blue: #3b82f6;--radius: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:Sarabun,sans-serif;font-size:15px;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.container{max-width:1280px;margin:0 auto;padding:0 16px}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.badge-ongoing{background:#22c55e26;color:var(--green)}.badge-completed{background:#3b82f626;color:var(--blue)}.badge-hiatus{background:#eab30826;color:#eab308}.btn{padding:8px 18px;border-radius:var(--radius);border:none;font-size:14px;font-weight:500;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg3);color:var(--text)}input,select{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:8px 12px;font-family:inherit;font-size:14px;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text3)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;justify-content:center;align-items:center;min-height:200px}.site-nav{box-shadow:0 1px #ffffff05}.nav-logo,.nav-links a,.nav-user a,.home-section a{transition:color .15s,background .15s,border-color .15s,transform .15s}.nav-links a:hover,.nav-user a:hover{color:var(--text)!important;background:var(--bg3)}.home-section a:hover{border-color:#e85d048c!important}.latest-small-grid a:hover,.popular-row a:hover,.today-scroll-row a:hover,.genre-scroll-row a:hover,.footer-banner-grid>*:hover{transform:translateY(-2px)}.today-scroll-row,.genre-scroll-row{scroll-snap-type:x proximity}.today-scroll-row>*,.genre-scroll-row>*{scroll-snap-align:start}@media (max-width: 1024px){.nav-inner{gap:10px!important}.nav-search{max-width:320px!important}.nav-links{gap:2px!important}.nav-links a{padding:6px 9px!important;font-size:13px!important}.home-hero{height:300px!important}.home-hero-inner{gap:22px!important}.home-hero-cover img,.home-hero-cover>a>div{width:132px!important;height:190px!important}.latest-grid-wrap,.latest-content{display:block!important}.latest-featured{margin-bottom:12px!important}.latest-small-grid{display:flex!important;flex-direction:column!important;gap:10px!important}.latest-left-fill{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:0!important}.latest-small-card{display:flex!important;align-items:stretch!important;gap:12px!important;min-height:146px!important;padding:10px!important;border:1px solid var(--border)!important;border-radius:10px!important;background:var(--card)!important}.latest-small-cover{width:96px!important;min-width:96px!important;height:136px!important;aspect-ratio:auto!important;margin-bottom:0!important}.latest-small-cover img,.latest-small-cover>div:first-child{width:100%!important;height:100%!important;object-fit:cover!important}.latest-small-info{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.latest-small-title{font-size:15px!important;line-height:1.35!important;-webkit-line-clamp:3!important;margin-bottom:8px!important}.latest-sidebar-ads{margin-top:12px!important}}@media (max-width: 760px){.container{padding:0 12px}.site-nav{height:auto!important}.nav-inner{min-height:60px!important;padding-top:8px!important;padding-bottom:8px!important;flex-wrap:wrap!important}.nav-logo{min-width:0!important}.nav-logo span:last-child{font-size:16px!important}.nav-search{order:3!important;flex-basis:100%!important;max-width:none!important}.nav-links{order:4!important;flex-basis:100%!important;overflow-x:auto!important;padding-bottom:2px!important}.nav-links a{white-space:nowrap!important}.nav-user{margin-left:auto!important}.home-hero{height:auto!important;min-height:245px!important}.home-hero-inner{align-items:center!important;gap:16px!important;padding-top:18px!important;padding-bottom:18px!important}.home-hero-cover img,.home-hero-cover>a>div{width:112px!important;height:164px!important;border-radius:8px!important}.home-hero-info h1{font-size:22px!important;max-width:100%!important}.home-hero-info>div:first-child{margin-bottom:8px!important}.home-hero-info>div:first-child span:nth-child(n+3){display:none!important}.stats-strip{justify-content:space-between!important;padding:10px 8px!important;margin:12px 0 24px!important}.stats-item{flex:1!important;justify-content:center!important;gap:5px!important;padding:4px 6px!important;flex-wrap:wrap!important}.stats-item span:first-child{display:none!important}.stats-item span:nth-child(2){width:100%!important;text-align:center!important;font-size:18px!important}.stats-item span:last-child{font-size:11px!important}.section-header{align-items:flex-start!important;gap:10px!important}.section-header h2{font-size:16px!important}.scroll-arrow{display:none!important}.today-scroll-row,.genre-scroll-row{margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}.latest-grid-wrap,.latest-content{display:block!important}.latest-featured{margin-bottom:14px!important}.latest-sidebar-ads{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:14px!important}.latest-featured>a{min-height:210px!important;padding:12px!important;gap:14px!important;background:linear-gradient(135deg,#e85d0429,#3b82f60f 55%,#0f0f1324),var(--card)!important}.latest-featured>a>div:first-child{width:132px!important;min-width:132px!important;height:198px!important;aspect-ratio:auto!important;border-radius:9px!important}.latest-featured>a>div:first-child img,.latest-featured>a>div:first-child>div{width:100%!important;height:100%!important;object-fit:cover!important}.latest-featured>a>div:nth-child(2)>div:first-child{font-size:17px!important;line-height:1.35!important;-webkit-line-clamp:3!important}.latest-small-grid,.latest-left-fill{display:flex!important;flex-direction:column!important;gap:12px!important}.popular-row{grid-template-columns:1fr!important;gap:12px!important}.latest-small-card,.popular-card{display:flex!important;align-items:stretch!important;gap:12px!important;min-height:198px!important;padding:10px!important;border:1px solid var(--border)!important;border-radius:10px!important;background:linear-gradient(135deg,#e85d041f,#3b82f60d 52%,#0f0f1329),var(--card)!important;overflow:hidden!important;position:relative!important}.latest-small-card:after,.popular-card:after{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important;border-left:3px solid rgba(232,93,4,.86)!important}.latest-small-cover{width:128px!important;min-width:128px!important;height:192px!important;aspect-ratio:auto!important;margin-bottom:0!important;border-radius:8px!important}.latest-small-cover img,.latest-small-cover>div:first-child{width:100%!important;height:100%!important;object-fit:cover!important}.latest-small-info{flex:1!important;min-width:0!important;padding:4px 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.latest-small-title{font-size:16px!important;line-height:1.35!important;-webkit-line-clamp:3!important;margin-bottom:9px!important;min-height:auto!important}.latest-small-chap span,.latest-small-total,.latest-small-date{font-size:13px!important;line-height:1.5!important}.popular-card{min-height:178px!important;padding-left:42px!important}.popular-card>div:first-child{position:absolute!important;top:12px!important;left:10px!important;width:28px!important;height:28px!important;font-size:13px!important;z-index:2!important}.popular-cover{width:112px!important;min-width:112px!important;height:168px!important}.popular-cover img,.popular-cover>div{width:112px!important;height:168px!important;object-fit:cover!important;border-radius:8px!important}.popular-info{padding:2px 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.popular-title{font-size:16px!important;line-height:1.35!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;margin-bottom:8px!important}.popular-chap,.popular-views,.popular-update{font-size:12px!important;line-height:1.45!important}.popular-card>div:last-child{position:absolute!important;right:10px!important;bottom:10px!important;font-size:10px!important}.footer-banner-grid{grid-template-columns:1fr!important}}@media (max-width: 520px){.btn{padding:8px 12px}.home-hero-inner{display:grid!important;grid-template-columns:118px 1fr!important;min-height:232px!important}.top-leaderboard-slot>a,.top-leaderboard-slot>div{margin-top:6px!important;margin-bottom:12px!important}.home-hero-cover img,.home-hero-cover>a>div{width:118px!important;height:174px!important}.home-hero-info h1{font-size:19px!important;-webkit-line-clamp:3!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.home-hero-info>div:nth-child(3){display:block!important}.home-hero-info>div:nth-child(3) span{display:inline-block!important;margin-right:6px!important;margin-bottom:4px!important}.home-hero-info>div:nth-child(4){gap:8px!important}.today-scroll-row a{min-width:230px!important;max-width:230px!important}.genre-scroll-row a{width:144px!important}.latest-small-card,.popular-card{gap:10px!important}.latest-featured>a{min-height:200px!important;gap:10px!important}.latest-featured>a>div:first-child{width:124px!important;min-width:124px!important;height:186px!important}.latest-small-cover{width:124px!important;min-width:124px!important;height:186px!important}.popular-cover,.popular-cover img,.popular-cover>div{width:106px!important;min-width:106px!important;height:156px!important}.latest-small-title,.popular-title{font-size:15px!important}}.latest-poster-grid{align-items:start!important}.latest-poster-grid .latest-small-card{display:block!important;min-height:0!important;padding:0!important;border:none!important;background:transparent!important;overflow:visible!important}.latest-poster-grid .latest-small-card:after{content:none!important}.latest-poster-grid .latest-small-cover{width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:2 / 3!important;margin-bottom:7px!important;border-radius:8px!important}.latest-poster-grid .latest-small-info{display:block!important;padding:0!important}.latest-poster-grid .latest-small-title{font-size:13px!important;line-height:1.35!important;min-height:36px!important;margin-bottom:5px!important;-webkit-line-clamp:2!important}.latest-poster-grid .latest-small-chap span{font-size:12px!important}.latest-poster-grid .latest-small-total,.latest-poster-grid .latest-small-date{font-size:11px!important;line-height:1.45!important}.latest-ad-card{align-self:start!important}@media (max-width: 760px){.latest-poster-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 12px!important}.latest-poster-grid .latest-small-title{font-size:14px!important;min-height:38px!important}.latest-ad-card{grid-column:1 / -1!important;width:100%!important}}@media (max-width: 380px){.latest-poster-grid{gap:12px 10px!important}.latest-poster-grid .latest-small-title{font-size:13px!important}}