@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";
:root{--bg:#0a0a0f;--bg2:#12121a;--bg3:#1a1a26;--card:#16161f;--border:#ffffff14;--accent:#e63946;--accent2:#f4a261;--text:#f0f0f0;--muted:#888;--gold:gold;--radius:10px;--font:"Sarabun", "Segoe UI", sans-serif}[data-theme=blue]{--accent:#06f;--accent2:#00c6ff}[data-theme=green]{--accent:#00c853;--accent2:#69f0ae}[data-theme=purple]{--accent:#9c27b0;--accent2:#e040fb}[data-theme=orange]{--accent:#ff6d00;--accent2:#ffab40}[data-theme=pink]{--accent:#e91e8c;--accent2:#f06292}[data-theme=light]{--bg:#f5f5f5;--bg2:#fff;--bg3:#eee;--card:#fff;--text:#111;--muted:#555;--border:#0000001a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh}a{color:inherit;text-decoration:none}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;font-size:.95rem;font-family:var(--font);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.88}.btn-outline{color:var(--text);cursor:pointer;font-size:.95rem;font-family:var(--font);background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:.65rem 1.5rem;font-weight:600;transition:all .2s}.btn-outline:hover{background:#ffffff1a}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.ad-banner{background:var(--bg2);border:1px solid var(--border);text-align:center;color:var(--muted);letter-spacing:.5px;padding:.75rem;font-size:.8rem}.ad-content-wide{background:var(--bg3);text-align:center;border:1px dashed var(--border);color:var(--muted);border-radius:8px;margin:1rem 0;padding:1rem;font-size:.8rem}.ad-side{background:var(--bg2);border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:200px;padding:1rem;font-size:.8rem;display:flex}.section-title{align-items:center;gap:.5rem;margin:1.5rem 0 1rem;font-size:1.2rem;font-weight:600;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:2px;width:4px;height:1.2em;display:inline-block}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.movie-card{background:var(--card);border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);transition:transform .2s;position:relative;overflow:hidden}.movie-card:hover{border-color:var(--accent);transform:translateY(-4px)}.movie-badge{background:var(--accent);color:#fff;z-index:1;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.movie-badge.hd{background:#1a9962}.movie-info{padding:.6rem .75rem .75rem}.movie-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.85rem;font-weight:600;overflow:hidden}.movie-sub{color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.star{color:var(--gold);font-size:.75rem}.filters-wrap{border-bottom:1px solid var(--border);flex-direction:column;gap:.75rem;padding:1rem 0 0;display:flex}.filters-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-group{background:var(--bg2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.4rem;padding:.25rem .25rem .25rem .65rem;display:flex}.filter-group-label{color:var(--muted);white-space:nowrap;font-size:.75rem;font-weight:500}.filter-divider{background:var(--border);width:1px;height:20px}.filter-select{color:var(--text);cursor:pointer;font-size:.85rem;font-family:var(--font);background:0 0;border:none;outline:none;min-width:90px;padding:.35rem .5rem}.filter-genre-scroll{scrollbar-width:none;gap:.4rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.filter-genre-scroll::-webkit-scrollbar{display:none}.filter-btn{background:var(--bg2);border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:.82rem;font-family:var(--font);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:.4rem .9rem;transition:all .2s}.filter-btn.active,.filter-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.top10-list{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.top10-item{background:var(--card);cursor:pointer;border:1px solid var(--border);border-radius:8px;align-items:center;gap:1rem;padding:.6rem .75rem;transition:border-color .2s;display:flex}.top10-item:hover{border-color:var(--accent)}.top10-rank{color:var(--accent);opacity:.7;min-width:2.5rem;font-size:1.8rem;font-weight:700}.top10-rank.gold{color:var(--gold);opacity:1}.top10-info{flex:1;min-width:0}.top10-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.top10-meta{color:var(--muted);margin-top:.2rem;font-size:.75rem}.top10-mobile-wrap{display:none}.top10-scroll{scrollbar-width:none;gap:.75rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.top10-scroll::-webkit-scrollbar{display:none}.top10-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-shrink:0;width:130px;transition:border-color .2s;position:relative;overflow:hidden}.top10-card:hover{border-color:var(--accent)}.top10-card-rank{color:#fff;text-shadow:0 2px 6px #000c;z-index:1;font-size:1.4rem;font-weight:700;line-height:1;position:absolute;top:.4rem;left:.4rem}.top10-card-rank.gold{color:var(--gold)}.top10-card-info{padding:.5rem}.top10-card-title{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.top10-card-meta{color:var(--muted);font-size:.7rem}.home-content-grid{grid-template-columns:1fr 280px;gap:2rem;display:grid}.home-main,.home-aside{min-width:0}.hero{background-position:50%;background-size:cover;align-items:flex-end;min-height:480px;padding:2rem;display:flex;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(90deg,#000000eb 0%,#00000080 55%,#0000 100%);position:absolute;inset:0}.hero-content{z-index:1;max-width:550px;position:relative}.hero-badge{background:var(--accent);color:#fff;letter-spacing:.5px;border-radius:4px;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.hero-title{margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.2}.hero-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.hero-meta span{color:#ffffffb3;font-size:.85rem}.hero-meta .rating{color:var(--gold);font-weight:600}.hero-desc{color:#ffffffb3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.story-layout{grid-template-columns:1fr 300px;gap:2rem;padding:2rem 0;display:grid}.story-header{flex-wrap:wrap;gap:2rem;margin-bottom:2rem;display:flex}.story-details{flex:1;min-width:200px}.story-title{margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.story-original{color:var(--muted);margin-bottom:1rem;font-size:1rem}.meta-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tag{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:20px;padding:.3rem .75rem;font-size:.8rem}.tag.genre{background:var(--accent);color:#fff;border-color:var(--accent)}.rating-big{color:var(--gold);font-size:2.5rem;font-weight:700}.rating-label{color:var(--muted);font-size:.85rem}.story-desc{color:#f0f0f0d9;margin-bottom:2rem;font-size:.95rem;line-height:1.8}.crew-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;display:grid}.crew-card{background:var(--bg3);text-align:center;border-radius:8px;padding:.6rem}.crew-avatar{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .4rem;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.crew-name{font-size:.8rem;font-weight:600}.crew-role{color:var(--muted);font-size:.7rem}.player-layout{grid-template-columns:1fr 320px;gap:1.5rem;padding:1.5rem 0;display:grid}.player-wrapper{aspect-ratio:16/9;border:1px solid var(--border);background:#000;border-radius:10px;position:relative;overflow:hidden}.play-circle{border:2px solid var(--accent);cursor:pointer;background:#e6394633;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex}.play-circle:hover{background:var(--accent)}.server-tab{background:var(--bg3);border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:.85rem;font-family:var(--font);border-radius:6px;padding:.4rem .9rem;transition:all .2s}.server-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ep-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.4rem;display:grid}.ep-btn{background:var(--bg3);border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:.8rem;font-family:var(--font);text-align:center;border-radius:6px;padding:.4rem;transition:all .2s}.ep-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.comment-section{border-top:1px solid var(--border);margin-top:2rem;padding-top:2rem}.comment-item{background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:1rem}.comment-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.comment-user{font-size:.9rem;font-weight:600}.comment-time{color:var(--muted);font-size:.75rem}.comment-text{color:#f0f0f0cc;font-size:.9rem;line-height:1.6}.modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:12px;width:90%;max-width:440px;padding:2rem}.modal-option{background:var(--bg3);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:border-color .2s;display:flex}.modal-option:hover{border-color:var(--accent)}.admin-layout{grid-template-columns:220px 1fr;min-height:calc(100vh - 60px);display:grid}.admin-sidebar{background:var(--bg2);border-right:1px solid var(--border);padding:1.5rem 0}.admin-menu-item{color:var(--muted);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.65rem 1.25rem;font-size:.9rem;transition:all .2s;display:flex}.admin-menu-item:hover,.admin-menu-item.active{color:var(--text);background:var(--bg3);border-left-color:var(--accent)}.admin-menu-section{color:var(--muted);text-transform:uppercase;letter-spacing:1px;padding:.75rem 1.25rem .3rem;font-size:.7rem}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.stat-num{color:var(--accent);font-size:2rem;font-weight:700}.stat-label{color:var(--muted);margin-top:.25rem;font-size:.85rem}.badge{border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-green{color:#00c853;background:#00c85326}.badge-red{color:var(--accent);background:#e6394626}.badge-orange{color:var(--accent2);background:#f4a26126}.badge-blue{color:#06f;background:#0066ff26}.form-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--font);border-radius:6px;outline:none;width:100%;padding:.6rem .75rem;font-size:.9rem;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}.admin-section{background:var(--bg2);border:1px solid var(--border);border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--muted);padding:.75rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);padding:.65rem .75rem}.admin-table tr:hover td{background:var(--bg3)}.toast{background:var(--accent);color:#fff;z-index:300;border-radius:8px;padding:.75rem 1.25rem;font-size:.9rem;animation:.3s slideUp;position:fixed;bottom:2rem;right:2rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--bg2);border-top:1px solid var(--border);margin-top:3rem;padding:2.5rem 1.5rem 1.5rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;max-width:1400px;margin:0 auto 2rem;display:grid}.footer-brand{color:var(--accent);margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.footer-desc{color:var(--muted);font-size:.85rem;line-height:1.6}.footer-heading{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.footer-links{flex-direction:column;gap:.35rem;list-style:none;display:flex}.footer-links a{color:var(--muted);font-size:.85rem;transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-bottom{text-align:center;color:var(--muted);border-top:1px solid var(--border);max-width:1400px;margin:0 auto;padding-top:1.5rem;font-size:.8rem}@media (max-width:900px){.story-layout,.player-layout,.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.story-header{flex-direction:column}.home-content-grid{grid-template-columns:1fr}.home-aside{display:none}.top10-mobile-wrap{display:block}.filter-group{flex:1;min-width:140px}}@media (max-width:600px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.hero{min-height:320px;padding:1.25rem}.hero-title{font-size:1.5rem}}