body{font-family:'Koulen',sans-serif;background-color:#303030;color:#fff;margin:0;padding:0}.main-header{background-color:rgb(20 20 20 / .8);backdrop-filter:blur(10px);padding:10px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;width:calc(100% - 80px);z-index:1000}.logo{font-size:1.8em;font-weight:700;color:#e50914;text-decoration:none;display:flex;align-items:center}.logo img{height:35px;max-width:150px;object-fit:contain}.main-nav{display:flex;align-items:center}.main-nav a,.theme-menu-container>a{color:#fff;text-decoration:none;margin:0 15px;font-size:1em;display:inline-flex;align-items:center}.main-nav a.js-open-search{cursor:pointer}.mobile-only,.mobile-menu-btn{display:none}.main-nav a i,.mobile-nav-links a i,.theme-menu-container>a i{margin-right:8px}.theme-menu-container{position:relative}.theme-dropdown{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background-color:#2a2a2a;border-radius:8px;padding:8px;z-index:1100;min-width:230px;box-shadow:0 4px 15px rgb(0 0 0 / .5);border:1px solid #444}.theme-dropdown.show{display:block}.theme-option{display:flex;align-items:center;padding:10px;cursor:pointer;border-radius:5px;transition:background-color 0.2s ease}.theme-option:hover{background-color:#404040}.radio-circle{width:18px;height:18px;border:2px solid #aaa;border-radius:50%;margin-right:12px;position:relative;display:flex;align-items:center;justify-content:center}.theme-option.selected .radio-circle{border-color:#e50914}.theme-option.selected .radio-circle::after{content:'';width:10px;height:10px;background-color:#e50914;border-radius:50%}.theme-name{flex-grow:1;font-size:.95em}.theme-option .fa-cog{font-size:1.1em}.color-deep-purple{color:#8A2BE2}.color-amber{color:#FFC107}.color-indigo{color:indigo}.color-pink{color:hotpink}.color-blue-grey{color:#607D8B}.color-green{color:#4CAF50}.mobile-nav-panel{position:fixed;top:0;left:0;width:280px;height:100%;background-color:#000;z-index:2000;transform:translateX(-100%);transition:transform 0.3s ease-in-out;display:flex;flex-direction:column}.mobile-nav-panel.active{transform:translateX(0)}.nav-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #333}.nav-panel-header .logo{font-size:1.6em}.close-btn{background:none;border:none;color:#fff;font-size:30px;cursor:pointer}.mobile-nav-links{display:flex;flex-direction:column;padding:20px}.mobile-nav-links a{color:#fff;text-decoration:none;font-size:1.2em;padding:15px 0;border-bottom:1px solid #2a2a2a}.mobile-nav-links a:hover{background-color:#333}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .6);z-index:1999;display:none}.overlay.active{display:block}.container{padding:20px 40px}.filters-container{display:flex;flex-direction:column;gap:4px;margin-bottom:30px}.filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-btn{background-color:#2a2a2a;color:#fff;border:1px solid #444;padding:8px 18px;border-radius:20px;cursor:pointer;font-size:.95em;transition:background-color 0.2s;font-family:inherit}.filter-btn:hover{background-color:#3f3f3f}.filter-btn.active{background-color:#fff;color:#000;border-color:#fff;font-weight:700}.filter-btn.disabled{background-color:#1a1a1a;color:#555;cursor:not-allowed;border-color:#333}.series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;min-height:200px}.series-card{background:#fff0;border-radius:4px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer}.series-card:hover{transform:none;z-index:0;box-shadow:0 8px 25px rgb(0 0 0 / .5)}.series-card a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.card-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#333;overflow:hidden}.card-image-wrapper img{width:100%;height:100%;object-fit:cover}.series-card-ep-count{position:absolute;bottom:8px;right:8px;background-color:rgb(0 0 0 / .75);color:#fff;padding:3px 8px;border-radius:4px;font-size:.8em;font-weight:700}.series-card-content{padding:10px 5px;background:#444}.series-card-title{font-weight:700;font-size:1em;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.message-text{text-align:center;font-size:1.5em;margin-top:50px;grid-column:1 / -1;color:#aaa}#searchOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#303030;z-index:1500;transform:translateX(100%);transition:transform 0.3s ease-in-out;display:flex;flex-direction:column;overflow-y:auto}#searchOverlay.active{transform:translateX(0)}.search-header{display:flex;align-items:center;padding:10px 15px;background-color:#1f1f1f;gap:15px;flex-shrink:0}.search-back-btn{background:none;border:none;color:#fff;font-size:30px;cursor:pointer;padding:0;line-height:1}.search-input{flex-grow:1;background-color:#333;border:1px solid #555;border-radius:5px;color:#fff;padding:8px 12px;font-size:1em;font-family:inherit}.search-content{padding:0 15px 20px 15px;flex-grow:1}.search-category-title{font-size:1.6em;margin:20px 0 15px 0}.search-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.search-grid .series-card{width:100%;background:#2a2a2a}.loading-spinner{position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid rgb(255 255 255 / .3);border-top-color:#e50914;border-radius:50%;animation:spin 1s linear infinite;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.card-image-wrapper img{opacity:0;transition:opacity 0.3s ease-in-out}.card-image-wrapper img.loaded{opacity:1}@media (max-width:992px){.series-grid{display:grid;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.main-header{padding:10px 15px;width:calc(100% - 30px);justify-content:space-between;background:#1f1f1f}.logo{flex:1;text-align:center;order:2;padding: 0 20px;}.logo img{height:28px}.pc-only{display:none}.mobile-only{display:flex;align-items:center;gap:15px}.mobile-menu-btn{display:block;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;order:1;padding:0}.header-right-panel{order:3}.search-icon{color:#fff;font-size:22px;text-decoration:none}.profile-icon{width:28px;height:28px;background-color:#555;border-radius:50%;background-image:url(/images/icons/favicon.png);background-size:cover}.main-nav{display:none}.container{padding:5px;background:#303030}.filter-btn{padding:6px 14px;font-size:.9em}.series-grid{grid-template-columns:repeat(2,1fr);gap:10px}.search-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.search-category-title{font-size:1.4em}.series-card-title{font-size:.8em}}