:root{--primary:#fe6081;--primary-glow:rgba(254,96,129,0.35);--background:#09090b;--surface:#121214;--surface-hover:#1c1c1f;--foreground:#ffffff;--muted:#a1a1aa;--border:rgba(255,255,255,0.06);--glass:rgba(18,18,20,0.75);--font-main:'Outfit',sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;}*{margin:0;padding:0;box-sizing:border-box;}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-main);line-height:1.5;overflow-x:hidden;}a{text-decoration:none;color:inherit;transition:all 0.2s ease;}/* Custom Scrollbar */::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:var(--background);}::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:var(--primary);}.container{max-width:1300px;margin:0 auto;padding:0 1.5rem;}/* Navigation System */.nav-wrapper{z-index:1000;}header{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);height:64px;display:flex;align-items:center;transition:all 0.3s ease;}.header-inner{display:flex;justify-content:space-between;align-items:center;width:100%;}.logo{display:flex;align-items:center;gap:0.75rem;font-size:1.25rem;font-weight:900;color:var(--foreground);letter-spacing:-0.05em;text-decoration:none;}.logo i{font-size:1.5rem;color:var(--primary);}/* Navigation Categories */.nav-categories{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);border-top:1px solid var(--border);}.nav-categories-inner{display:flex;gap:2.5rem;height:48px;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}.nav-categories-inner::-webkit-scrollbar{display:none;/* Hide scrollbar for Chrome/Safari */}.nav-link{font-size:0.85rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.8px;white-space:nowrap;height:100%;display:flex;align-items:center;position:relative;transition:all 0.3s ease;}.nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary);transition:all 0.3s ease;transform:translateX(-50%);box-shadow:0 0 10px var(--primary-glow);}.nav-link:hover{color:#fff;}.nav-link.active{color:var(--primary);}.nav-link.active::after{width:100%;}.footer-col ul li a:hover{color:var(--primary);}/* Footer Section */footer{background:linear-gradient(to top,#000 0%,var(--surface) 100%);border-top:1px solid var(--border);padding:5rem 0 3rem;margin-top:6rem;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem;}.footer-brand{display:flex;flex-direction:column;gap:1.5rem;}.footer-brand p{color:var(--muted);font-size:0.9rem;line-height:1.7;}.footer-badges{display:flex;gap:1rem;}.badge{background:rgba(255,255,255,0.03);border:1px solid var(--border);padding:0.5rem 1rem;border-radius:99px;font-size:0.75rem;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:0.5rem;}.footer-col h4{font-size:0.95rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px;position:relative;}.footer-col h4::after{content:'';position:absolute;bottom:-8px;left:0;width:24px;height:2px;background:var(--primary);border-radius:2px;}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:1rem;}.footer-col ul li a{color:var(--muted);font-size:0.9rem;transition:all 0.3s ease;}.footer-col ul li a:hover{color:var(--primary);padding-left:5px;}.disclaimer{color:var(--muted);font-size:0.8rem;line-height:1.6;padding:1.25rem;background:rgba(255,255,255,0.02);border-radius:var(--radius-md);border-left:3px solid var(--primary);}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border);color:var(--muted);font-size:0.8rem;}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:3rem;}.footer-brand{grid-column:span 2;}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr;}.footer-brand{grid-column:span 1;}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center;}}.search-bar{flex:1;max-width:500px;margin-left:2rem;}@media (max-width:767px){.search-bar{margin-left:1rem;max-width:none;}}.search-bar form{position:relative;display:flex;align-items:center;}.search-bar input{width:100%;height:40px;background-color:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:12px;padding:0 1rem 0 2.8rem;color:var(--foreground);font-size:0.85rem;transition:all 0.3s ease;backdrop-filter:blur(4px);}.search-bar input:focus{outline:none;border-color:var(--primary);background-color:rgba(255,255,255,0.08);width:100%;box-shadow:0 0 20px rgba(254,96,129,0.2),0 0 0 1px var(--primary);}.search-bar i{position:absolute;left:1.1rem;color:var(--muted);font-size:0.9rem;pointer-events:none;transition:all 0.3s ease;}.search-bar input:focus + i{color:var(--primary);transform:scale(1.1);}/* Server Switcher */select{background-color:var(--surface);color:var(--foreground);border:1px solid var(--border);padding:0.5rem 1rem;border-radius:20px;font-size:0.85rem;font-weight:600;cursor:pointer;outline:none;transition:all 0.2s;}select:hover{border-color:var(--primary);background-color:var(--surface-hover);}/* Card Styles */.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;padding:2rem 0;}@media (max-width:480px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;}}.video-card{background:transparent;border-radius:var(--radius-lg);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;}.card-link{display:block;height:100%;}.thumb-container{position:relative;padding-bottom:56.25%;border-radius:var(--radius-md);overflow:hidden;background:var(--surface);box-shadow:0 4px 20px rgba(0,0,0,0.2);}.thumb-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}.video-card:hover .thumb-container img{transform:scale(1.1);}.overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 50%);opacity:0.6;transition:opacity 0.3s ease;}.video-card:hover .overlay{opacity:1;background:linear-gradient(to top,rgba(254,96,129,0.4) 0%,transparent 70%);}.duration{position:absolute;bottom:0.75rem;right:0.75rem;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px);color:#fff;padding:0.25rem 0.6rem;font-size:0.75rem;font-weight:600;border-radius:var(--radius-sm);z-index:10;}.video-info{padding:1rem 0.25rem;}.video-title{font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0.5rem;color:var(--foreground);transition:color 0.2s;}.video-card:hover .video-title{color:var(--primary);}.video-meta{font-size:0.8rem;color:var(--muted);font-weight:500;}/* Watch Page */.watch-container{display:grid;grid-template-columns:1fr 350px;gap:2.5rem;padding:2rem 0;}@media (max-width:1024px){.watch-container{grid-template-columns:1fr;}}.player-wrapper{background:#000;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);margin-bottom:2rem;border:1px solid var(--border);aspect-ratio:16/9;}.detail-info{margin-bottom:3rem;}.detail-title{font-size:1.75rem;font-weight:800;line-height:1.3;margin-bottom:1rem;color:var(--foreground);}/* Sidebar */.sidebar-title{font-size:1.25rem;font-weight:800;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem;}.sidebar-title::before{content:'';width:4px;height:24px;background:var(--primary);border-radius:2px;}/* Buttons */.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#ff8a9f 100%);color:#fff;border:none;padding:0.75rem 1.75rem;border-radius:30px;font-weight:700;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 15px rgba(254,96,129,0.3);display:inline-flex;align-items:center;gap:0.5rem;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(254,96,129,0.4);}/* Pagination */.pagination{display:flex;justify-content:center;gap:1rem;margin:4rem 0;}/* Footer */footer{padding:5rem 0 3rem;border-top:1px solid var(--border);margin-top:5rem;text-align:center;color:var(--muted);}/* No drawer or toggle styles needed as they are removed *//* Skeleton Effect */.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;}@keyframes skeleton-loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}