:root{--a:#0a0a0a;--b:#171717;--b-hover:#1f1f1f;--d:#262626;--e:#ededed;--f:#a1a1aa;--g:#f63b3b;--g-hover:#eb2525;--i:'Outfit',system-ui,sans-serif;}*{box-sizing:border-box;margin:0;padding:0;}body{background-color:var(--a);color:var(--e);font-family:var(--i);line-height:1.6;display:flex;flex-direction:column;min-height:100vh;}a{text-decoration:none;color:inherit;transition:color 0.2s;}.player-container-wrapper{position:relative;width:100%;margin-bottom:24px;}.ambilight-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;height:90%;background:var(--g);filter:blur(80px);opacity:0.15;z-index:-1;border-radius:50%;transition:opacity 1s ease,background 1s ease;pointer-events:none;}.custom-video-wrapper.playing~.ambilight-glow{opacity:0.4;animation:pulse-glow 4s infinite alternate;}@keyframes pulse-glow{0%{transform:translate(-50%,-50%) scale(1);opacity:0.3;}100%{transform:translate(-50%,-50%) scale(1.1);opacity:0.5;}}.custom-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.5);border:1px solid var(--d);transition:all 0.3s ease;z-index:1;}#youtube-player-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}.video-click-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:pointer;transition:background 0.4s ease,backdrop-filter 0.4s ease;background:rgba(0,0,0,0);backdrop-filter:blur(0px);}.custom-video-wrapper.paused .video-click-overlay{background:rgba(0,0,0,0.4);backdrop-filter:blur(8px);}.custom-controls{position:absolute;bottom:0;left:0;width:100%;height:56px;background:linear-gradient(to top,rgba(0,0,0,0.9),rgba(0,0,0,0));display:flex;align-items:center;padding:0 16px;gap:16px;z-index:20;opacity:0;transition:opacity 0.3s ease;}.custom-video-wrapper:hover .custom-controls,.custom-video-wrapper.paused .custom-controls{opacity:1;}.custom-video-wrapper{will-change:transform;transform:translateZ(0);}.control-btn{background:none;border:none;color:#fff;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform 0.2s,color 0.2s;}.control-btn:hover{color:var(--g);transform:scale(1.1);}.progress-container{flex:1;display:flex;align-items:center;position:relative;}input[type=range].video-progress{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:rgba(255,255,255,0.3);border-radius:2px;outline:none;cursor:pointer;transition:height 0.2s;}input[type=range].video-progress:hover{height:6px;}input[type=range].video-progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--g);border-radius:50%;cursor:pointer;transform:scale(0);transition:transform 0.2s;}input[type=range].video-progress:hover::-webkit-slider-thumb{transform:scale(1);}.time-display{font-size:12px;font-weight:500;color:#ddd;min-width:80px;text-align:center;}.volume-container{display:flex;align-items:center;gap:8px;width:100px;}input[type=range].volume-slider{-webkit-appearance:none;appearance:none;width:60px;height:4px;background:rgba(255,255,255,0.3);border-radius:2px;outline:none;cursor:pointer;}input[type=range].volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#fff;border-radius:50%;}.speed-menu{position:absolute;bottom:70px;right:16px;background:rgba(23,23,23,0.95);border:1px solid var(--d);border-radius:12px;padding:12px;display:none;flex-direction:column;gap:12px;z-index:100;backdrop-filter:blur(10px);min-width:140px;box-shadow:0 10px 20px rgba(0,0,0,0.5);}.speed-menu.show{display:flex;animation:slideInUp 0.3s ease;}.menu-section{display:flex;flex-direction:column;gap:8px;}.menu-label{font-size:0.75rem;color:var(--f);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:4px;}.speed-options{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;}.speed-option{padding:6px;border-radius:6px;cursor:pointer;font-size:0.8rem;color:var(--f);transition:all 0.2s;text-align:center;border:1px solid transparent;}.speed-option:hover,.speed-option.active{background:var(--g);color:#fff;}.toggle-container{display:flex;align-items:center;justify-content:space-between;cursor:pointer;}.toggle-text{font-size:0.85rem;color:#fff;}.toggle-switch{width:36px;height:20px;background:#333;border-radius:10px;position:relative;transition:background 0.3s;}.toggle-switch::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform 0.3s;}.toggle-container.active .toggle-switch{background:var(--g);}.toggle-container.active .toggle-switch::after{transform:translateX(16px);}.custom-video-wrapper.floating{cursor:move;}.autoplay-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:50;color:#fff;text-align:center;}.autoplay-overlay.show{display:flex;animation:fadeIn 0.5s ease;}.countdown-circle{position:relative;width:80px;height:80px;margin:20px 0;}.countdown-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;}.toast-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;}.custom-toast{background:var(--b);border:1px solid var(--d);border-left:4px solid var(--g);padding:12px 20px;border-radius:8px;color:#fff;font-size:0.9rem;box-shadow:0 10px 20px rgba(0,0,0,0.4);animation:slideInRight 0.4s cubic-bezier(0.175,0.885,0.32,1.275);display:flex;align-items:center;gap:12px;}@keyframes slideInRight{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.lights-out-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:1500;opacity:0;visibility:hidden;transition:all 0.8s ease;pointer-events:none;}body.cinema-mode .lights-out-overlay{opacity:1;visibility:visible;pointer-events:auto;}body.cinema-mode .player-container-wrapper{z-index:1600;}.video-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:40;transition:opacity 0.6s ease,visibility 0.6s ease;}.video-loader.hide{opacity:0;visibility:hidden;}.loader-brand{width:120px;filter:brightness(0) invert(1);margin-bottom:20px;animation:pulse-logo 2s infinite ease-in-out;}.loader-bar-container{width:200px;height:2px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden;}.loader-bar-fill{width:30%;height:100%;background:var(--g);animation:move-loader 2s infinite ease-in-out;}@keyframes pulse-logo{0%,100%{transform:scale(1);opacity:0.8;}50%{transform:scale(1.05);opacity:1;}}@keyframes move-loader{0%{transform:translateX(-100%);}100%{transform:translateX(200%);}}.keybinds-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(15,15,15,0.95);border:1px solid var(--d);border-radius:16px;padding:32px;z-index:10001;display:none;width:400px;max-width:90%;backdrop-filter:blur(20px);box-shadow:0 30px 60px rgba(0,0,0,0.8);}.keybinds-modal.show{display:block;animation:fadeIn 0.3s ease;}.keybind-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.05);}.key-tag{background:#333;padding:2px 8px;border-radius:4px;font-family:monospace;color:var(--g);font-weight:bold;border:1px solid #444;}.share-timestamp-label{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--f);margin-top:12px;cursor:pointer;user-select:none;}.share-timestamp-label input{accent-color:var(--g);width:16px;height:16px;}.big-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:64px;height:64px;background:rgba(0,0,0,0.6);border:2px solid rgba(255,255,255,0.8);border-radius:50%;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);backdrop-filter:blur(4px);}.big-play-btn:hover{background:var(--g);border-color:var(--g);transform:translate(-50%,-50%) scale(1.1);}.custom-video-wrapper.playing .big-play-btn{opacity:0;transform:translate(-50%,-50%) scale(0.5);pointer-events:none;}@keyframes bounce{0%,100%{transform:scale(1);}50%{transform:scale(1.2);}}.like-button.bounce{animation:bounce 0.4s ease;}.like-button.is-liked{color:var(--g) !important;}.like-button.is-liked i{font-weight:900;}.particle{position:absolute;pointer-events:none;z-index:1000;font-size:1.2rem;animation:particle-fly 0.8s ease-out forwards;}@keyframes particle-fly{0%{transform:translate(-50%,-50%) scale(1);opacity:1;}100%{transform:translate(var(--x),var(--y)) scale(0);opacity:0;}}.center-heart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:white;font-size:5rem;text-shadow:0 0 20px rgba(255,0,0,0.8);pointer-events:none;z-index:100;opacity:0;}.center-heart.show{animation:center-heart-beat 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards;}@keyframes center-heart-beat{0%{transform:translate(-50%,-50%) scale(0);opacity:0;}50%{transform:translate(-50%,-50%) scale(1.5);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.2);opacity:0;}}.mega-glow{box-shadow:0 0 25px var(--g);border-color:var(--g) !important;}.mainContentWrapper{width:100%;max-width:1440px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:1fr 400px;gap:40px;}@media (max-width:1024px){.mainContentWrapper{grid-template-columns:1fr;padding:20px;gap:32px;}}@media (max-width:640px){.mainContentWrapper{padding:16px;}}.primaryContentSection{min-width:0;}h1#video-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;margin-bottom:8px;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.video-meta-date{color:var(--f);font-size:0.9rem;margin-bottom:24px;}.share-group{display:flex;gap:12px;flex-wrap:wrap;}.action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--d);}.like-button,.share-button{padding:10px 20px;background:var(--b);border:1px solid var(--d);border-radius:100px;color:var(--e);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s;}.like-button:hover,.share-button:hover{background:var(--e);color:var(--a);border-color:var(--e);}.like-button.bounce{animation:bounce .4s;}@keyframes bounce{0%,100%{transform:scale(1);}50%{transform:scale(1.2);}}.creator-bio{display:flex;align-items:center;gap:16px;padding:24px;background:var(--b);border-radius:16px;border:1px solid var(--d);margin-bottom:24px;}.creator-bio img{width:64px;height:64px;border-radius:50%;object-fit:cover;}.video-description{color:#d4d4d8;margin-bottom:24px;}.tags-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;}.tag{font-size:0.85rem;padding:6px 16px;background:rgba(128,128,128,0.1);color:var(--g);border-radius:8px;transition:0.2s;}.tag:hover{background:var(--g);color:#fff;}.article-card{display:block;background:var(--b);border:1px solid var(--d);border-radius:12px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;}.article-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,0.3);border-color:var(--g);}.article-thumb{height:180px;background-size:cover;background-position:center;background-color:#202020;}.article-info{padding:16px;}.article-title{font-size:1rem;font-weight:600;color:var(--e);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.article-meta{font-size:0.8rem;color:var(--f);text-transform:uppercase;letter-spacing:0.5px;}.sidebarAdSection{display:flex;flex-direction:column;gap:40px;}.related-video-card{display:flex;gap:12px;padding:10px;border-radius:12px;transition:background 0.2s;}.related-video-card:hover{background:var(--b-hover);}.related-video-thumbnail{width:160px;height:90px;object-fit:cover;border-radius:8px;background:#202020;}.newsletter-signup{background:linear-gradient(135deg,#1e1e24 0%,#171717 100%);padding:32px;border-radius:16px;border:1px solid var(--d);text-align:center;}.sdp-newsletter-input{width:100%;padding:14px 16px;margin-bottom:12px;background:#0a0a0a;border:1px solid var(--d);color:#fff;border-radius:8px;}.sdp-newsletter-button{width:100%;padding:14px;background:var(--g);color:#fff;border:none;border-radius:8px;}.voidFooterRealm{background-color:#050505;padding:60px 20px;border-top:1px solid var(--d);margin-top:auto;}.nebulaFooterCore{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;}.astroNavCluster{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.astroNavCluster ul{list-style:none;}.astroNavCluster a{color:var(--f);font-size:0.9rem;}.astroNavCluster a:hover{color:var(--g);}.stellarSocialIcons a{width:40px;height:40px;background:rgba(255,255,255,0.05);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;}.stellarSocialIcons svg{width:20px;height:20px;fill:#fff;}@media (max-width:900px){.nebulaFooterCore{grid-template-columns:1fr;text-align:center;}.astroNavCluster{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}}body.theater-mode-active .mainContentWrapper{grid-template-columns:1fr;max-width:100%;padding:0;gap:0;}body.theater-mode-active .custom-video-wrapper{border-radius:0;border-left:none;border-right:none;margin-bottom:0;max-height:80vh;}body.theater-mode-active #youtube-player-placeholder{height:100%;}body.theater-mode-active .primaryContentSection{padding:32px 24px;max-width:1200px;margin:0 auto;width:100%;}body.theater-mode-active .sidebarAdSection{padding:0 24px 32px;max-width:1200px;margin:0 auto;width:100%;}@media (min-width:1025px){body.theater-mode-active .custom-video-wrapper{padding-bottom:50%;}}.custom-video-wrapper.floating{position:fixed;bottom:24px;right:24px;width:360px;height:auto;padding-bottom:202.5px;z-index:2000;border-radius:12px;border:1px solid var(--g);box-shadow:0 20px 40px rgba(0,0,0,0.6);animation:slideInUp 0.4s cubic-bezier(0.165,0.84,0.44,1);}.floating-close-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgba(0,0,0,0.6);border:none;color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:30;backdrop-filter:blur(4px);}.custom-video-wrapper.floating .floating-close-btn{display:flex;}.resume-toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(30px);background:var(--b);border:1px solid var(--g);padding:16px 28px;border-radius:100px;display:flex;align-items:center;gap:20px;z-index:9999;box-shadow:0 15px 40px rgba(0,0,0,0.7);opacity:0;visibility:hidden;pointer-events:none;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);}.resume-toast.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}.resume-btn{background:var(--g);color:#fff;border:none;padding:6px 16px;border-radius:20px;font-size:0.85rem;cursor:pointer;font-weight:600;}@keyframes slideInUp{from{transform:translateY(50px) translateX(-50%);opacity:0;}to{transform:translateY(0) translateX(-50%);opacity:1;}}@media (max-width:640px){.resume-toast{bottom:24px;width:calc(100% - 32px);flex-direction:column;border-radius:20px;padding:24px;gap:16px;text-align:center;}.resume-btn{width:100%;padding:16px;font-size:1rem;}#closeResumeBtn{width:100%;opacity:0.6;padding:8px;}.custom-video-wrapper.floating{width:200px;padding-bottom:112.5px;bottom:16px;right:16px;}.floating-close-btn{width:36px;height:36px;}}