: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{grid-template-columns:.9fr 1.1fr!important}.latest-small-grid{grid-template-columns:repeat(2,1fr)!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:360px!important}.home-hero-inner{align-items:flex-end!important;gap:16px!important;padding-top:28px!important;padding-bottom:28px!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{display:block!important}.latest-featured{margin-bottom:14px!important}.latest-small-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.popular-row,.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:96px 1fr!important}.home-hero-cover img,.home-hero-cover>a>div{width:96px!important;height:142px!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}.latest-small-grid{grid-template-columns:repeat(2,1fr)!important}.today-scroll-row a{min-width:230px!important;max-width:230px!important}.genre-scroll-row a{width:124px!important}}