:root{--background-color:#f5f5f7;--text-color:#1d1d1f;--card-background:white;--primary-color:#f84545;--primary-hover:#a62a2a;--shadow-color:rgba(0,0,0,.1);--secondary-color:#86868b;--border-color:#d2d2d7;}[data-theme="dark"]{--background-color:#1d1d1f;--text-color:#f5f5f7;--card-background:#2d2d2f;--primary-color:#f84545;--primary-hover:#a62a2a;--shadow-color:rgba(0,0,0,.3);--secondary-color:#a1a1a6;--border-color:#424245;}[data-theme="pitch-dark"]{--background-color:#000000;--text-color:#e5e5e5;--card-background:#000000;--primary-color:#f84545;--primary-hover:#a62a2a;--shadow-color:rgba(200,200,200,.1);--secondary-color:#888888;--border-color:#333333;}[data-theme="pitch-dark"] .input-wrapper,[data-theme="pitch-dark"] .video-info,[data-theme="pitch-dark"] .playlist-list,[data-theme="pitch-dark"] .card-base{border:1px solid var(--border-color);}[data-theme="pitch-dark"] .card-base:hover{box-shadow:0 4px 12px rgba(200,200,200,.15);border-color:#444444;}[data-theme="pitch-dark"] .history-item:hover{box-shadow:0 4px 12px rgba(200,200,200,.15);border-color:#444444;}[data-theme="pitch-dark"] .yt-history-btn:hover,[data-theme="pitch-dark"] .main-action-btn:hover{box-shadow:0 2px 8px rgba(200,200,200,.2)}[data-theme="pitch-dark"] .video-container{border:1px solid var(--border-color);}[data-theme="pitch-dark"] .modal-content{border:1px solid var(--border-color);box-shadow:0 20px 40px rgba(200,200,200,.1);}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}body{background-color:var(--background-color);min-height:100vh;display:flex;justify-content:center;align-items:center;color:var(--text-color);transition:background-color .3s ease;flex-direction:column;}.container{width:100%;min-height:100vh;padding:1rem;}.content-wrapper{max-width:1000px;margin:0 auto}.theme-toggle{cursor:pointer;font-size:20px}.theme-toggle button{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .3s ease;z-index:1000;}.theme-toggle button:hover{background-color:var(--shadow-color);}.input-section{text-align:center;margin-bottom:2rem;}h1,h2,h3{color:var(--text-color);margin-bottom:1.5rem;}h1{font-size:2.5rem;font-weight:600;}.input-wrapper{display:flex;max-width:600px;margin:0 auto 1rem;align-items:center;background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);padding:1.2rem;margin-bottom:1.5rem;width:60%;box-sizing:border-box}@media (min-width:769px){.input-wrapper{flex-direction:row;align-items:center}.input-container{flex:1}}input{flex:1;padding:.8rem 1rem;border:none;border-radius:8px;background-color:var(--card-background);color:var(--text-color);font-size:1rem;transition:all .3s ease;width:100%;}.input-container #videoUrl{padding-left:5.5rem!important;}input:focus{outline:none;box-shadow:0 0 0 3px rgba(0,125,250,.3);}.input-container{position:relative;flex:1;display:flex;align-items:center;width:100%;}.paste-btn-inside{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);background:#9c9c9e26;border:none;color:var(--text-color);padding:.4rem .6rem;min-width:auto;width:auto;height:auto;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:6px;z-index:2;white-space:nowrap;}.paste-btn-inside:hover{background-color:var(--primary-color);color:white;box-shadow:0 2px 8px var(--shadow-color);}.paste-btn-inside:active{transform:translateY(-50%) scale(1);}.paste-btn-inside:disabled{background-color:var(--shadow-color);color:var(--secondary-color);cursor:not-allowed;transform:translateY(-50%);}button{padding:.4rem 1rem;border:none;border-radius:8px;background-color:var(--primary-color);color:white;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;}button:hover{background-color:var(--primary-hover)}button:active{transform:translateY(0);}.features{display:flex;gap:1rem;justify-content:center;margin:1rem 0;}.feature-btn{background-color:var(--card-background);color:var(--text-color);padding:.5rem 1rem;font-size:.9rem;}.feature-btn i{margin-right:.5rem;}.video-section{width:100%;margin:2rem 0;}.video-container{width:100%;max-width:100vw;aspect-ratio:16/9;background-color:var(--card-background);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px var(--shadow-color);position:relative;}.video-container iframe{width:100%;height:100%;display:block;border:none;}.video-info{margin-top:1rem;padding:1rem;background:linear-gradient(354deg,rgba(248,69,69,.41) -39%,var(--card-background) 34%);border-radius:12px;box-shadow:0 2px 5px var(--shadow-color);}.video-info h2{margin-bottom:.5rem;font-size:1.2rem;color:var(--text-color);}@media (max-width:768px){.video-info h2{font-size:1.05rem;margin-bottom:.45rem}}@media (max-width:480px){.video-info h2{font-size:.95rem;margin-bottom:.4rem}}.history-section{margin:2rem 0}.history-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;border-radius:0;box-shadow:none;border:none}.history-item:hover{background-color:var(--shadow-color);transform:none}.history-item img{width:120px;height:68px;border-radius:8px;object-fit:cover;cursor:pointer;}.history-item .video-details{display:flex;flex-direction:column;gap:.5rem;}.history-item .video-title{font-weight:500;font-size:1.1rem;}.history-item .video-meta{color:var(--secondary-color);font-size:.9rem;}.history-item .watch-date{color:var(--secondary-color);font-size:.9rem;text-align:right;}.history-filters{display:flex;gap:1rem;margin-bottom:1rem;}.history-filters input,.history-filters select{padding:.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-background);color:var(--text-color);}.history-list,.playlist-list{background-color:var(--card-background);border-radius:12px;padding:1rem;}.playlist-section{margin:2rem auto;max-width:900px;}.playlist-item{display:flex;align-items:center;gap:1rem;padding:.5rem;border-bottom:1px solid var(--shadow-color);cursor:pointer;transition:background-color .3s ease;}.playlist-item:hover{background-color:var(--shadow-color);}.danger-btn{background-color:#ff3b30;margin-top:1rem;}.danger-btn:hover{background-color:#ff453a;}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background-color:#f84545;color:#ffffff;padding:.8rem 1rem;border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);opacity:0;transition:opacity .3s ease;z-index:10001;font-size:1rem;}@media (max-width:768px){.toast{font-size:.875rem;padding:.6rem .8rem}}.toast.show{opacity:1;}@media (max-width:768px){.features{flex-wrap:wrap}.input-wrapper{flex-direction:column}.control-buttons{flex-wrap:wrap}.features-highlight{grid-template-columns:1fr}.history-item{grid-template-columns:1fr}.history-item img{width:100%;height:auto}}.hero-section{text-align:center;padding:0 0 2rem 0;}.hero-section h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--primary-color),#d44343);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.subtitle{font-size:1.2rem;color:var(--secondary-color);margin:0 auto;}.features-highlight{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0;}.card-base{background:var(--card-background);border-radius:12px;transition:transform .3s ease,background-color .3s ease;border:1px solid var(--border-color);}.card-base:hover{transform:translateY(-5px);box-shadow:0 4px 6px var(--shadow-color);}.feature-card{padding:2rem;text-align:center;}.feature-card i{font-size:2rem;color:var(--primary-color);margin-bottom:1rem;}.feature-card h3{margin-bottom:.5rem;}.feature-card p{color:var(--secondary-color);}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}.header-buttons{display:flex;gap:.5rem;}.clear-history-btn{display:flex;align-items:center;gap:4px;background:var(--card-background);color:var(--text-color);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;}.clear-history-btn:hover{background:var(--shadow-color);transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-color);}@media (max-width:768px){.header-buttons{gap:.25rem}.clear-history-btn{padding:.4rem .8rem;font-size:.8rem}.clear-history-btn i{font-size:.7rem}}@media (max-width:480px){.header-buttons{flex-direction:column;gap:.5rem;width:auto}.clear-history-btn{width:100%;justify-content:center}}.faq-section{margin:3rem 0;width:100%;max-width:100%;margin-left:auto;margin-right:auto;}.faq-header{text-align:center;margin-bottom:2rem;}.faq-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:start;}.faq-item{margin-bottom:1rem;border-radius:12px;overflow:hidden;transition:all .3s ease;}.faq-item:hover{box-shadow:0 4px 12px var(--shadow-color);}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;user-select:none;transition:all .3s ease;}.faq-question h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-color);flex:1;padding-right:1rem;}.faq-toggle{font-size:1.5rem;font-weight:bold;color:var(--primary-color);transition:transform .3s ease;min-width:20px;text-align:center;}.faq-item.active .faq-toggle{transform:rotate(180deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 1.5rem;}.faq-item.active .faq-answer{padding:0 1.5rem 1.5rem 1.5rem;}.faq-answer p{margin:0;color:var(--secondary-color);font-size:.97rem;line-height:1.6;}.footer{background:linear-gradient(135deg,var(--card-background) 0%,rgba(var(--card-background-rgb,255,255,255),.95) 100%);border-top:1px solid var(--border-color);margin-top:4rem;position:relative;overflow:hidden;width:100%;}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.5;}.footer-container{width:100%;margin:0;padding:3rem 2rem 1.5rem;}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto;}.footer-brand{max-width:300px;}.footer-logo h3{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-color),#d44343);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.footer-tagline{font-size:.9rem;color:var(--secondary-color);margin-bottom:1rem;font-weight:500;}.footer-description{color:var(--secondary-color);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;}.footer-social{display:flex;gap:1rem;}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--secondary-color);text-decoration:none;transition:all .3s ease;font-size:1.1rem;}.social-link:hover{background:var(--primary-color);color:white;transform:translateY(-2px);}.footer-section h4.footer-title{font-size:1rem;font-weight:600;color:var(--text-color);margin-bottom:1.25rem;letter-spacing:.02em;}.footer-links{list-style:none;padding:0;margin:0;}.footer-links li{margin-bottom:.75rem;}.footer-links a{color:var(--secondary-color);text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block;position:relative;}.footer-links a:hover{color:var(--text-color);transform:translateX(4px);}.footer-links a::before{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:2px;height:0;background:var(--primary-color);transition:height .3s ease;}.footer-links a:hover::before{height:100%;}.footer-bottom{border-top:1px solid var(--border-color);padding-top:2rem;padding-bottom:2rem;max-width:1200px;margin:0 auto;}.footer-bottom-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto;}.footer-legal{flex:1;max-width:70%;}.footer-copyright{color:var(--text-color);font-weight:500;margin-bottom:1rem;font-size:.95rem;}.footer-disclaimer{color:var(--secondary-color);font-size:.85rem;line-height:1.6;margin:0;}.footer-powered{flex-shrink:0;text-align:right;}.powered-text{color:var(--secondary-color);font-size:.9rem;font-weight:500;padding:.5rem 1rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:20px;display:inline-block;}.secondary-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);}.secondary-btn:hover{background-color:var(--card-background);transform:translateY(-1px);}@media (max-width:1024px){.faq-list{grid-template-columns:1fr;gap:1rem}}@media (max-width:768px){.hero-section h1{font-size:1.7rem}.features-highlight{grid-template-columns:1fr}.history-filters{flex-direction:column}.history-item{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:2.5rem;text-align:left}.footer-brand{max-width:100%;text-align:center}.footer-social{justify-content:center}.footer-section{text-align:center}.footer-links a::before{display:none}.footer-links a:hover{transform:none}.footer-bottom-content{flex-direction:column;text-align:center;gap:1.5rem}.footer-legal{max-width:100%}.footer-powered{text-align:center}.faq-section{padding:0 1rem}.faq-list{display:block;gap:0}.faq-header h2{font-size:1.8rem;line-height:1.3}.faq-header-subtitle{font-size:.9rem;padding:0 .5rem}.faq-question{padding:1rem 1.2rem;min-height:60px;align-items:flex-start}.faq-question h3{font-size:.95rem;line-height:1.4;padding-right:.8rem;margin-top:2px}.faq-toggle{font-size:1.4rem;min-width:24px;margin-top:2px;flex-shrink:0}.faq-answer{padding:0 1.2rem}.faq-item.active .faq-answer{padding:0 1.2rem 1.2rem 1.2rem}.faq-answer p{font-size:.88rem;line-height:1.5}.faq-item{margin-bottom:.8rem;border-radius:8px}}@media (max-width:375px){.hero-section h1{font-size:1.6rem}.subtitle{font-size:1rem;line-height:1.4rem}.faq-section{margin:1.5rem 0;padding:0 .8rem}.faq-header h2{font-size:1.6rem;line-height:1.25;margin-bottom:1rem}.faq-header-subtitle{font-size:.85rem;padding:0;margin-bottom:1.5rem}.faq-question{padding:.9rem 1rem;min-height:56px}.faq-question h3{font-size:.9rem;line-height:1.35;padding-right:.6rem}.faq-toggle{font-size:1.3rem;min-width:22px}.faq-answer{padding:0 1rem}.faq-item.active .faq-answer{padding:0 1rem 1rem 1rem}.faq-answer p{font-size:.84rem;line-height:1.45}.faq-item{margin-bottom:.6rem;border-radius:6px}.faq-question{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.faq-header{margin-bottom:1.5rem}.faq-reviews{flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.stars{font-size:1rem}.rating{font-size:1rem}.review-count{font-size:.8rem}}.highlight{background:#f84545;color:#ffffff;padding:2px 4px;border-radius:4px}code{color:white;background:#333;padding:2px 6px;border-radius:4px;display:inline-block;margin-top:5px}.sponsor-skip-notification{position:absolute;bottom:97px;right:15px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:white;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.4);z-index:1000;opacity:0;transform:translateX(100%);transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:250px;pointer-events:none;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);}.sponsor-skip-notification.show{opacity:1;transform:translateX(0);}.sponsor-skip-content{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;}.sponsor-skip-content i{font-size:12px;color:rgba(255,255,255,.9);}@media (max-width:480px){.sponsor-skip-notification{bottom:10px;right:10px;left:10px;max-width:none;transform:translateX(100%);font-size:10px;padding:10px 12px}.sponsor-skip-notification.show{transform:translateX(0)}}.sponsor-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out;}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInScale{from{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sponsor-settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);color:white;border-radius:16px 16px 0 0;}.sponsor-settings-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px;}.close-btn{background:none;border:none;color:white;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease;font-size:16px;}.close-btn:hover{background-color:rgba(255,255,255,.2);}.sponsor-settings-content{padding:24px;}.main-toggle,.timeline-section{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:var(--shadow-color);border-radius:12px;}.toggle-label{font-size:15px;font-weight:500;color:var(--text-color);}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0;}.toggle-switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ddd;transition:.3s;border-radius:28px;}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);}input:checked + .slider{background-color:var(--primary-color);}input:checked + .slider:before{transform:translateX(24px);}.slider.mini{width:40px;height:20px;}.slider.mini:before{height:16px;width:16px;left:2px;bottom:2px;}input:checked + .slider.mini:before{transform:translateX(20px);}.categories-section{margin-bottom:24px;}.categories-section h4{margin:0 0 16px 0;font-size:16px;font-weight:600;color:var(--text-color);}.categories-list{display:flex;flex-direction:column;gap:12px;}.category-item{display:flex;align-items:center;gap:16px;padding:1rem;background:var(--shadow-color);border-radius:10px;transition:background-color .2s ease;border:1px solid var(--border-color);}.category-item:hover{background-color:var(--card-background);}.category-color{width:20px;height:20px;border-radius:4px;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.2);}.category-info{flex:1;}.category-name{font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:4px;}.category-description{font-size:12px;color:var(--secondary-color);line-height:1.3;}.category-toggle{flex-shrink:0;}.stats-section{border-top:1px solid var(--border-color);padding-top:20px;}.stats-section h4{margin:0 0 12px 0;font-size:16px;font-weight:600;color:var(--text-color);}.sponsor-stats{display:flex;flex-direction:column;gap:8px;}.sponsor-stats span{font-size:14px;color:var(--secondary-color);padding:8px 12px;background:var(--shadow-color);border-radius:8px;}.sponsor-segments-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20;}.sponsor-timeline-segment{position:absolute;height:100%;opacity:.8;z-index:25;pointer-events:auto;border-radius:2px;transition:opacity .2s ease,transform .2s ease;cursor:pointer;}.sponsor-timeline-segment:hover{opacity:1;transform:scaleY(1.2);}.sponsor-logo-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;border:none;border-radius:8px;background:var(--card-background);transition:all .3s ease;}.sponsor-logo-btn:hover{background:var(--shadow-color);transform:scale(1.05);}.sponsor-logo{width:20px;height:20px;transition:all .3s ease;filter:none;}.sponsor-logo-header{width:24px;height:24px;margin-right:8px;vertical-align:middle;}@media (max-width:768px){.sponsor-settings-content{padding:20px}.main-toggle,.timeline-section{padding:14px;gap:14px}.sponsor-logo{width:18px;height:18px}.sponsor-logo-header{width:20px;height:20px}}@media (max-width:480px){.sponsor-settings-header{padding:16px 20px}.sponsor-settings-content{padding:16px}.categories-list{gap:10px}.category-item{padding:1rem;gap:12px}}.yt-history-btn.delete:hover{background:#ffeaea;color:#b71c1c;border-color:#d32f2f;}#main-action-btns{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:.5rem;flex-wrap:wrap!important;}#action-buttons-wrapper{display:flex;gap:.7rem;align-items:center;}#duration{font-size:.9rem;color:var(--secondary-color);font-weight:500;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}#duration .channel-name{color:var(--secondary-color);font-weight:500;}#duration .bullet-separator{color:var(--secondary-color);opacity:.7;font-weight:bold;}#duration .video-duration{color:var(--secondary-color);font-weight:500;}.main-action-btn{flex-shrink:0;}@media (max-width:768px){#action-buttons-wrapper{align-self:flex-end;gap:.5rem}#duration{font-size:.85rem;margin-bottom:.2rem;line-height:1.3}#duration .channel-name{font-size:.85rem}#duration .video-duration{font-size:.85rem}#duration .bullet-separator{font-size:.85rem}}@media (max-width:480px){#duration{font-size:.8rem;gap:.25rem}#duration .channel-name,#duration .video-duration,#duration .bullet-separator{font-size:.8rem}}.share-modal-content{max-width:500px;width:90%;}.share-modal-content .modal-body{padding:1rem 1.5rem 1.5rem 1.5rem;}.share-row{margin-bottom:1.5rem;}.share-row:last-child{margin-bottom:0;}.share-link-container{display:flex;align-items:center;gap:.75rem;background:var(--shadow-color);border-radius:12px;padding:.75rem;border:1px solid var(--border-color);}.share-link-container input{flex:1;background:transparent;border:none;color:var(--text-color);font-family:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.9rem;outline:none}.copy-btn{background:var(--primary-color);color:white;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;white-space:nowrap;}.copy-btn:hover{background:#d44343;transform:translateY(-1px);}.copy-btn:active{transform:translateY(0);}.share-description{color:var(--secondary-color);font-size:.9rem;line-height:1.5;margin:0;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.share-section-title{color:var(--text-color);font-size:.95rem;font-weight:600;margin:0 0 .75rem 0;}.social-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;}.social-btn{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-color);padding:.75rem 1rem;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;}.social-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15);}.social-btn:active{transform:translateY(0);}.social-btn.whatsapp:hover{background:#25d366;color:white;border-color:#25d366;}.social-btn.email:hover{background:#ea4335;color:white;border-color:#ea4335;}.social-btn.twitter:hover{background:#1da1f2;color:white;border-color:#1da1f2;}.social-btn.facebook:hover{background:#1877f2;color:white;border-color:#1877f2;}.social-btn.telegram:hover{background:#0088cc;color:white;border-color:#0088cc;}.social-btn.reddit:hover{background:#ff4500;color:white;border-color:#ff4500;}.support-row{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:1rem;text-align:center;}.support-btn{color:white;width:100%;border:none;padding:.7rem 1.5rem;border-radius:25px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px rgba(255,107,107,.3);justify-content:center;}.support-btn:hover{transform:translateY(-2px);background:var(--primary-color)}.support-btn:active{transform:translateY(-1px);}.support-btn.coffee-btn{background:var(--primary-color);color:white;border:none;}.support-btn.coffee-btn:hover{transform:translateY(-2px);}@media (max-width:768px){.share-modal-content{max-width:95%;margin:1rem}.social-platforms{grid-template-columns:repeat(2,1fr)}.share-link-container{flex-direction:column;gap:.5rem;align-items:stretch}.copy-btn{width:100%;justify-content:center}}@media (max-width:480px){.social-platforms{grid-template-columns:repeat(2,1fr)}.share-modal-content .modal-body{padding:1rem}.share-description{font-size:.85rem;flex-direction:column;gap:.3rem;margin-top:auto 10%}}.powered-by{padding:8px 15px;border-radius:4px;margin:10px 0;text-align:center;font-size:.9em;color:var(--text-color);}.powered-by a{color:var(--primary-color);text-decoration:underline;font-weight:500;}.powered-by a:hover{text-decoration:underline;}.history-title-header{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:.2rem;letter-spacing:.01em;line-height:1.2;}@media (max-width:768px){.history-title-header{font-size:1.05rem;margin-bottom:.15rem}}@media (max-width:480px){.history-title-header{font-size:.95rem;margin-bottom:.12rem}}#videoUrl{background:none!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:none!important;padding:.8rem 1rem .8rem 5.5rem!important;font-size:1.01rem!important;color:var(--text-color)!important;transition:border-color .2s,box-shadow .2s;}#videoUrl:focus{outline:none!important;border-bottom:2px solid var(--primary-color)!important;}#videoUrl::placeholder{color:var(--secondary-color)!important;opacity:1;font-size:.98rem;}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out;}.modal-content{background:var(--card-background);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-out;border:1px solid var(--border-color);}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem 2rem;border-bottom:1px solid var(--border-color);}.modal-header h2{margin:0;color:var(--text-color);font-size:1.5rem;font-weight:700;}.modal-close{background:none;border:none;font-size:2rem;color:var(--secondary-color);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;}.modal-close:hover{background:var(--shadow-color);color:var(--text-color);}.modal-body{padding:1.5rem 2rem;}.update-section,.roadmap-section,.support-section{margin-bottom:2rem;}.update-section h3,.roadmap-section h3,.support-section h3{margin:0 0 1rem 0;color:var(--text-color);font-size:1.2rem;font-weight:600;}.feature-list,.roadmap-list{list-style:none;padding:0;margin:0;}.feature-list li,.roadmap-list li{display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem;background:var(--shadow-color);border-radius:10px;transition:background .2s;}.feature-header{display:flex;align-items:center;margin-bottom:.4rem;}.feature-icon,.roadmap-icon{margin-right:.8rem;font-size:1.2rem;flex-shrink:0;}.feature-header strong{color:var(--text-color);font-size:1rem;font-weight:600;}.feature-description{color:var(--secondary-color);font-size:.9rem;line-height:1.4;margin-left:2rem;}.roadmap-list li{opacity:.8;}.support-section p{color:var(--secondary-color);margin-bottom:1.5rem;line-height:1.6;}.support-buttons{display:flex;gap:1rem;flex-wrap:nowrap;flex-direction:row;}.support-btn{padding:.8rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;}.support-btn.primary{background:linear-gradient(90deg,var(--primary-color),#d44343);color:white;box-shadow:0 2px 8px rgba(0,0,0,.2);}.support-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.3);}.support-btn.secondary{background:var(--card-background);color:var(--text-color);border:1px solid var(--border-color);}.support-btn.secondary:hover{background:var(--shadow-color);border-color:var(--primary-color);}.modal-footer{padding:1rem 2rem 1.5rem 2rem;border-top:1px solid var(--border-color);text-align:center;}.close-btn{background:var(--primary-color);color:white;border:none;padding:.8rem 2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem;width:100%;}.close-btn:hover{background:#d44343;transform:translateY(-1px);}.infographic-section{max-width:1200px;margin:4rem auto;padding:2rem}.infographic-title{text-align:center;font-size:2.2rem;font-weight:600;margin-bottom:3rem;color:var(--text-color);}.comparison-infographic{margin-bottom:4rem;}.comparison-header,.features-header,.stats-header{text-align:center;margin-bottom:2rem;}.comparison-header h3,.features-header h3,.stats-header h3{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color);}.comparison-header p,.features-header p,.stats-header p{font-size:1.1rem;color:var(--secondary-color);margin:0;}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;}.comparison-item{background:var(--card-background);border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 20px var(--shadow-color);border:2px solid transparent;transition:all .3s ease;}.comparison-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px var(--shadow-color);}.comparison-item.skipcut{border-color:var(--primary-color);background:linear-gradient(135deg,var(--card-background) 0%,rgba(248,69,69,.05) 100%);}.service-icon{font-size:3rem;margin-bottom:1rem;}.comparison-item h4{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);}.price{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color);}.price.free{color:var(--primary-color);font-size:2.8rem;}.annual-cost{font-size:1rem;color:var(--secondary-color);margin-bottom:1.5rem;}.features-list{display:flex;flex-direction:column;gap:.5rem;}.features-list span{padding:.3rem 0;font-size:.95rem;color:var(--text-color);}.savings-highlight{text-align:center;background:linear-gradient(135deg,var(--primary-color),#ff6b6b);color:white;padding:1.5rem;border-radius:12px;margin-top:2rem;}.savings-amount{font-size:2rem;font-weight:700;margin-bottom:.5rem;}.savings-text{font-size:1.1rem;opacity:.9;}.features-infographic{margin-bottom:4rem;}.features-comparison-table{background:var(--card-background);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px var(--shadow-color);padding:10px;}.feature-row{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);}.feature-row:last-child{border-bottom:none;}.feature-row.header{background:var(--primary-color);color:white;font-weight:600;font-size:1.1rem;border-radius:16px;}.feature-row:not(.header):nth-child(even){background:rgba(248,69,69,.02);}.feature-name{font-weight:500;color:var(--text-color);}.feature-name-header{font-weight:500;color:white;}.youtube-premium,.skipcut-col{text-align:center;font-size:1.2rem;}.stats-infographic{margin-bottom:4rem;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;}.stat-item{background:var(--card-background);border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 20px var(--shadow-color);transition:all .3s ease;position:relative;overflow:hidden;}.stat-item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),#ff6b6b);}.stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px var(--shadow-color);}.stat-number{font-size:3rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem;}.stat-label{font-size:1.1rem;font-weight:500;color:var(--text-color);margin-bottom:1rem;}.stat-icon{font-size:2rem;opacity:.7;}.infographic-cta{background:linear-gradient(135deg,var(--card-background) 0%,rgba(248,69,69,.05) 100%);border:2px solid var(--primary-color);border-radius:16px;padding:2rem;text-align:center;}.infographic-cta h3{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);}.infographic-cta p{font-size:1.1rem;color:var(--text-color);margin-bottom:1.5rem;line-height:1.6;}.supported-platforms{display:flex;flex-direction:column;align-items:center;gap:1rem;}.supported-platforms span{font-weight:600;color:var(--secondary-color);}.platform-icons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;}.platform-icons span{background:var(--card-background);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;color:var(--text-color);border:1px solid var(--border-color);transition:all .3s ease;}.platform-icons span:hover{background:var(--primary-color);color:white;transform:translateY(-2px);}@media (max-width:768px){.infographic-section{padding:1rem;margin:2rem auto}.infographic-title{font-size:1.8rem;margin-bottom:2rem}.comparison-grid{grid-template-columns:1fr;gap:1.5rem}.feature-row{grid-template-columns:1fr;gap:.5rem;text-align:center;padding:1rem}.feature-row.header{display:none}.feature-row:not(.header){background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem}.feature-name{font-weight:600;margin-bottom:.5rem}.youtube-premium::before{content:"YouTube Premium:";font-weight:500;color:var(--secondary-color)}.skipcut-col::before{content:"SkipCut:";font-weight:500;color:var(--secondary-color)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-item{padding:1.5rem}.stat-number{font-size:2.5rem}.platform-icons{gap:.5rem}.platform-icons span{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:480px){.comparison-header h3,.features-header h3,.stats-header h3{font-size:1.5rem}.price{font-size:1.8rem}.price.free{font-size:2.2rem}.savings-amount{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal-content{width:95%;margin:1rem}.modal-header,.modal-body,.modal-footer{padding-left:1.5rem;padding-right:1.5rem}.modal-header h2{font-size:1.3rem}.support-buttons{flex-direction:column}.support-btn{text-align:center;justify-content:center}}#dynamic-ad-container{margin:2rem 0;}.dynamic-ad-link{display:inline-block;width:100%;text-decoration:none;}.ad-desktop{display:block;max-width:70%;margin:0 auto;height:auto;border-radius:12px;}.ad-mobile{display:none;max-width:100%;height:auto;border-radius:12px;}@media (max-width:767px){.ad-desktop{display:none}.ad-mobile{display:block}}.featured-section{padding:40px 0;max-width:1200px;margin:0 auto;}.featured-title{text-align:center;font-size:24px;font-weight:600;margin-bottom:32px;color:var(--text-color);}.featured-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;align-items:center;justify-items:center;padding:0 20px;}.logo-item{display:flex;align-items:center;justify-content:center;padding:15px;border-radius:12px;transition:all .3s ease;min-height:80px;width:100%;max-width:160px;}.logo-item:hover{background:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.043);}.logo-item img{width:100%;max-width:120px;height:auto;object-fit:contain;transition:all .3s ease;}.logo-item:hover img{filter:grayscale(0) opacity(1);transform:scale(1.05);}@media (max-width:768px){.featured-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;padding:0 15px}.logo-item{padding:12px;min-height:70px;max-width:140px}.logo-item img{max-width:100px}}@media (max-width:480px){.featured-section{padding:30px 0}.featured-title{font-size:20px;margin-bottom:24px}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:12px;padding:0 10px}.logo-item{padding:10px;min-height:60px;max-width:120px}.logo-item img{max-width:80px}}@media (prefers-color-scheme:dark){.logo-item:hover{background:white;box-shadow:0 4px 12px rgba(0,0,0,.3)}}.donate-button{position:fixed;top:90px;right:20px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:white;padding:8px 16px;border-radius:20px;text-decoration:none;font-size:14px;font-weight:600;z-index:999;transition:all .3s ease;box-shadow:0 2px 10px rgba(255,107,107,.3);}@media (max-width:768px){.donate-button{top:80px;right:15px;padding:6px 12px;font-size:12px}.theme-toggle{top:80px;right:15px}}.modal-hidden{display:none;}.logo-center{text-align:center;padding:20px 0;}.logo-link{text-decoration:none;display:inline-flex;align-items:center;gap:12px;}.logo-text{color:var(--text-color);font-size:1.5rem;font-weight:bold;}.hero-title{max-width:1000px;margin:20px auto;}.faq-reviews{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;flex-direction:row;}.stars{font-size:1.2rem;}.rating{font-size:1.1rem;font-weight:600;color:var(--text-color);}.review-count{color:var(--secondary-color);font-size:.9rem;}.sponsor-link{text-align:center;font-size:14px;}.clear-history-btn{display:flex;align-items:center;gap:4px;}.dynamic-ad-center{text-align:center;}.testimonials-center{text-align:center;}.testimonials-title{color:var(--text-color);margin-top:10px;}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}.testimonial-card{padding:1.5rem;text-align:left;}.testimonial-stars{color:#ffd700;margin-bottom:.5rem;}.testimonial-text{color:var(--text-color);font-style:italic;margin-bottom:1rem;}.testimonial-author{color:var(--secondary-color);font-size:.9rem;}.seo-content-section{max-width:1200px;margin:40px auto;padding:20px;text-align:center;}.seo-title{color:var(--text-color);margin-bottom:20px;}.seo-content{max-width:800px;margin:0 auto;color:var(--secondary-color);line-height:1.6;}.faq-header{text-align:center;margin-bottom:2rem;}.faq-header-title{color:var(--text-color);margin-bottom:.5rem;}.faq-header-subtitle{color:var(--secondary-color);font-size:1.1rem;max-width:600px;margin:0 auto;}.bookmark-reminder{color:#fff;padding:15px;border-radius:10px;max-width:400px;margin:20px auto;text-align:center;}.bookmark-text{margin:0 0 10px;color:var(--text-color);}.bookmark-button{background:var(--primary-color);color:white;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;margin-bottom:1rem;}.footer-links a{color:var(--secondary-color);text-decoration:none;cursor:pointer;}.footer-disclaimer{font-size:11px;color:#666;}.js-buttons-wrapper-flex{display:flex;gap:.7rem;align-items:center;}.js-action-btn-container-flex{display:flex;gap:.7rem;align-items:center;justify-content:space-between;width:100%;}.js-sponsor-logo-opacity-half{opacity:.5;filter:grayscale(44%);}.js-sponsor-logo-opacity-full{opacity:1;filter:none;}.js-iframe-webkit-backface{-webkit-backface-visibility:hidden;-webkit-perspective:1000;backface-visibility:hidden;perspective:1000;}.js-iframe-pointer-events{pointer-events:auto;touch-action:manipulation;}.js-fallback-progress-hidden{opacity:0;pointer-events:none;}.js-fallback-progress-visible{opacity:1;pointer-events:auto;}.js-position-relative{position:relative;}.js-segment-opacity-full{opacity:1;}.js-segment-opacity-dim{opacity:.7;}.js-segment-scale-up{opacity:1;transform:scaleY(1.2);}.js-segment-scale-normal{opacity:.7;transform:scaleY(1);}.js-body-min-height-viewport{min-height:100.1vh;}.js-body-min-height-normal{min-height:100vh;}.js-body-opacity-slight{opacity:.999;}.js-body-opacity-full{opacity:1;}.js-copy-btn-success{background:#22c55e;}.js-download-hidden{display:none;}.js-download-visible{display:inline-flex;}.js-copy-btn-success-bg{background:#22c55e!important;}:root{--sb-category-sponsor:#00d400;--sb-category-selfpromo:#ffff00;--sb-category-interaction:#cc00ff;--sb-category-intro:#00ffff;--sb-category-outro:#0202ed;--sb-category-preview:#008fd6;--sb-category-music_offtopic:#ff9000;--sb-category-filler:#7300FF;--sb-category-poi_highlight:#ff1684;}.history-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;background:none;padding:0;}@media (max-width:1100px){.history-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.history-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.history-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.history-card{height:auto;min-height:280px}.history-thumb-wrapper{height:auto}.history-info{padding:12px;height:auto}.history-title{font-size:.9rem;-webkit-line-clamp:1;line-clamp:1;margin-bottom:6px;height:max-content;min-height:max-content}.history-channel{font-size:.8rem;margin-bottom:6px}.yt-history-btn{width:28px;height:28px;font-size:.9rem}}@media (max-width:480px){.history-list{grid-template-columns:1fr;gap:15px}.history-card{height:auto;min-height:260px}.history-thumb-wrapper{height:auto}.history-info{padding:10px}.history-title{font-size:.85rem;margin-bottom:6px;height:max-content;min-height:max-content}.history-channel{font-size:.75rem;margin-bottom:6px}.history-actions{gap:6px;margin-top:10px;padding-top:6px}.yt-history-btn{width:26px;height:26px;font-size:.85rem}}.history-card{background:var(--card-background);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer;display:flex;height:auto;flex-direction:column;}.history-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2);}.history-thumb-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000;}.history-thumb{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;display:block;}.history-card:hover .history-thumb{transform:scale(1.05);}.history-duration,.playlist-badge-overlay{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:white;padding:2px 6px;border-radius:3px;font-size:12px;font-weight:500;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.2;backdrop-filter:blur(5px);z-index:2;}.history-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.549);backdrop-filter:blur(10px);color:white;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;transition:opacity .3s ease;border:1px solid #ffffff23;box-shadow:0 10px 30px rgba(0,0,0,.2);}.history-card:hover .history-play-overlay{opacity:1;}.history-info{padding:12px;height:auto;display:flex;flex-direction:column;justify-content:space-between;}.history-title{font-size:.9rem;font-weight:600;margin-bottom:8px;line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.history-channel{color:var(--secondary-color);font-size:.85rem;margin-bottom:8px;display:flex;align-items:center;flex-wrap:wrap;line-height:1.3;word-break:break-word;}.history-meta{display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:auto;margin-top:4px;}.history-actions{display:flex;flex-direction:row;gap:8px;margin-top:12px;justify-content:space-evenly;padding-top:8px;border-top:1px solid var(--border-color);}.yt-history-btn{color:var(--secondary-color);border-radius:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:none;font-size:1rem;margin:0 2px;background:var(--bg-secondary);}.yt-history-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);outline:none;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1);}.yt-history-btn.delete{color:var(--secondary-color);border-color:#d32f2f22;}.yt-history-btn.delete:hover{background:#ffeaea;color:#b71c1c;border-color:#d32f2f;}.history-actions{margin-top:.3rem;}.history-list{padding-top:.5rem;}.sbNotInvidious{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;list-style:none;pointer-events:none;z-index:20;}.previewbar{background-color:var(--sb-category-sponsor);opacity:.7;position:absolute;height:100%;pointer-events:auto;cursor:pointer;transition:opacity .2s ease;}.previewbar:hover{opacity:1;}.sponsor-timeline-segment{background-color:var(--sb-category-sponsor);opacity:.7;position:absolute;height:100%;z-index:25;pointer-events:auto;border-radius:2px;cursor:pointer;transition:opacity .2s ease,transform .2s ease;}.sponsor-timeline-segment:hover{opacity:1;transform:scaleY(1.2);}#sponsor-fallback-progress{position:absolute;bottom:45px;left:1%;width:98%;height:6px;background:rgba(255,255,255,.2);border-radius:3px;z-index:0;opacity:0;transition:opacity .25s cubic-bezier(0,0,.2,1);pointer-events:none;}.watch-adfree-btn{background:linear-gradient(90deg,var(--primary-color),#d44343);color:#fff;border:none;border-radius:10px;font-size:1.08rem;font-weight:600;padding:.85rem 2.2rem;box-shadow:0 2px 8px var(--shadow-color);transition:background .2s,box-shadow .2s,transform .1s;letter-spacing:.01em;margin-left:.5rem;flex-shrink:0;}.watch-adfree-btn:hover,.watch-adfree-btn:focus{background:linear-gradient(90deg,#d44343,var(--primary-color));box-shadow:0 4px 16px var(--shadow-color);transform:translateY(-2px) scale(1.03);outline:none;}@media (max-width:768px){.input-section{padding:0 .5rem}.input-wrapper{flex-direction:column;gap:1rem;padding:1.2rem;width:100%}#videoUrl{width:100%;min-width:100%;font-size:1.1rem;padding:1.1rem 1.2rem!important}.input-container #videoUrl{padding-left:6.3rem!important}.paste-btn-inside{left:.8rem;padding:.5rem .7rem;font-size:.9rem;gap:.3rem}.watch-adfree-btn{width:100%;margin-left:0;padding:1.1rem 2rem;font-size:1.2rem}.guidance-modal-content{width:95%;max-height:80vh;overflow-y:auto}.guidance-modal-content .modal-body{padding:1rem 1.5rem}.guidance-step{flex-direction:column;text-align:center}.step-content h4{justify-content:center}.example-links code{font-size:.75rem}.guidance-modal-content .primary-btn{width:100%;padding:1.2rem 1.5rem}@media (max-width:768px){.empty-player-content{padding:1.5rem}.empty-player-content h3{font-size:1.1rem}.features-inline{gap:1rem}.features-inline span{font-size:.85rem;padding:.3rem .6rem}}@media (max-width:480px){.empty-player-content{padding:.8rem;max-width:100%}.empty-player-icon i{font-size:2rem}.empty-player-content h3{font-size:1rem;margin-bottom:.6rem}}.features-inline{gap:.8rem}.features-inline span{font-size:.8rem}.features-inline i{font-size:.85rem}}@media (max-width:480px){.input-section{padding:0 .3rem}.input-wrapper{padding:1rem;margin:0 0 1rem 0;gap:.8rem}#videoUrl{padding:1rem!important;font-size:1rem}.input-container #videoUrl{padding-left:5.5rem!important}.paste-btn-inside{left:.6rem;padding:.4rem .6rem;font-size:.85rem;gap:.3rem}.watch-adfree-btn{padding:1rem 1.5rem;font-size:1.1rem}}.empty-player-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--card-background);border:2px dashed var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:5;}.guidance-modal-content{max-width:600px;}.guidance-description{margin-bottom:1.5rem;color:var(--text-secondary);font-size:1rem;line-height:1.6;}.guidance-steps{margin-bottom:2rem;}.guidance-steps h3{margin-bottom:1.5rem;color:var(--text-color);font-size:1.2rem;font-weight:600;}.guidance-step{display:flex;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--shadow-color);border-radius:10px;flex-direction:row;}.step-number{background:var(--primary-color);color:white;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:1rem;flex-shrink:0;}.step-content{flex:1;}.step-content h4{margin:0 0 .5rem 0;color:var(--text-color);font-size:1rem;font-weight:600;display:flex;align-items:center;}.step-content p{margin:.3rem 0;color:var(--text-secondary);font-size:.9rem;line-height:1.4;}.guidance-example{margin-bottom:1.5rem;background:rgba(var(--primary-color-rgb),.05);border-radius:8px;border:1px solid rgba(var(--primary-color-rgb),.2);}.guidance-example h4{margin:0 0 1rem 0;color:var(--text-color);font-size:.95rem;font-weight:600;}.example-links{display:flex;flex-direction:column;gap:.5rem;}.example-links code{background:var(--shadow-color);padding:.5rem;border-radius:6px;font-size:.85rem;color:var(--text-color);border:1px solid var(--border-color);word-break:break-all;}.guidance-footer{text-align:center;}.empty-player-content{text-align:center;padding:2rem;max-width:100%;}.empty-player-content img{margin-bottom:1rem;opacity:.8;}.empty-player-content h3{font-size:.8rem;margin-bottom:1rem;color:var(--text-color);}.features-inline{display:flex;justify-content:center;flex-wrap:wrap;margin-top:1rem;}.features-inline span{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-secondary);background:rgba(var(--primary-color-rgb),.1);padding:.4rem .8rem;border-radius:20px;}.features-inline i{font-size:.9rem;color:var(--primary-color);}.modal-no-scroll{overflow:hidden;position:absolute;width:100%;height:100%;}.modal-no-scroll-ios{overflow:hidden;position:absolute;width:100%;top:0;left:0;right:0;bottom:0;}@media (max-width:480px){.footer-container{padding:2rem 1rem 1rem}.footer-content{gap:2rem}.footer-logo h3{font-size:1.3rem}.footer-description{font-size:.9rem}.social-link{width:36px;height:36px;font-size:1rem}.footer-section h4.footer-title{font-size:.95rem;margin-bottom:1rem}.footer-links a{font-size:.9rem}.footer-bottom{padding-top:1.5rem;padding-bottom:1.5rem}.footer-copyright{font-size:.9rem}.footer-disclaimer{font-size:.8rem}.powered-text{font-size:.85rem;padding:.4rem .8rem}}[data-theme="dark"] .footer{background:linear-gradient(135deg,var(--card-background) 0%,rgba(0,0,0,.95) 100%);}[data-theme="pitch-dark"] .footer{background:linear-gradient(135deg,var(--card-background) 0%,rgba(0,0,0,.98) 100%);}[data-theme="dark"] .social-link:hover,[data-theme="pitch-dark"] .social-link:hover{background:var(--primary-color);border-color:var(--primary-color);}[data-theme="dark"] .powered-text,[data-theme="pitch-dark"] .powered-text{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);}.main-header{position:fixed;top:0;left:0;right:0;background:rgba(var(--card-background-rgb,255,255,255),.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all .3s ease;padding:0 1.5rem 0;}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:50px;}.nav-logo{flex-shrink:0;}.nav-logo-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-color);font-weight:700;font-size:1.2rem;transition:all .3s ease;}.nav-logo-link:hover{transform:translateY(-1px);}.nav-logo-text{background:var(--text-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.nav-menu{display:flex;align-items:center;gap:2rem;margin-left:auto;margin-right:2rem;}.nav-link{color:var(--secondary-color);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 0;position:relative;transition:all .3s ease;}.nav-link:hover{color:var(--text-color);}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease;}.nav-link:hover::after{width:100%;}.nav-actions{display:flex;align-items:center;gap:1rem;}.nav-btn{display:flex;align-items:center;gap:.5rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease;border:2px solid transparent;}.nav-btn.primary{color:var(--primary-color);}.nav-btn.primary:hover{transform:translateY(-2px)}.nav-btn.secondary{color:var(--secondary-color);border-color:var(--border-color);background:transparent;}.nav-btn.secondary:hover{color:var(--text-color);border-color:var(--primary-color);background:rgba(var(--primary-color-rgb,244,69,69),.1);}.mobile-nav-controls{display:none;align-items:center;gap:.5rem;}.mobile-theme-toggle{border-radius:8px;padding:.5rem;transition:all .3s ease;}.mobile-theme-toggle:hover{transform:scale(1.05);}.mobile-theme-toggle i{color:var(--text-color);font-size:1rem;}.mobile-menu-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;}.mobile-menu-toggle:hover{background:rgba(var(--text-color-rgb,0,0,0),.1);}.hamburger-line{width:24px;height:3px;background:var(--text-color);border-radius:2px;transition:all .3s ease;}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px);}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease;}.mobile-menu-overlay.active{opacity:1;visibility:visible;}.mobile-menu-content{position:absolute;top:0;right:0;width:320px;height:100vh;background:var(--card-background);padding:2rem;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;display:flex;flex-direction:column;}.mobile-menu-overlay.active .mobile-menu-content{transform:translateX(0);}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);}.mobile-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text-color);}.mobile-close-btn{background:none;border:none;color:var(--secondary-color);font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;}.mobile-close-btn:hover{color:var(--text-color);background:rgba(var(--text-color-rgb,0,0,0),.1);}.mobile-menu-links{margin-bottom:2rem;}.mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 0;color:var(--text-color);text-decoration:none;font-weight:500;border-bottom:1px solid rgba(var(--border-color-rgb,200,200,200),.5);transition:all .3s ease;}.mobile-nav-link:hover{color:var(--primary-color);padding-left:.5rem;}.mobile-nav-link i{color:var(--secondary-color);width:20px;text-align:center;}.mobile-menu-actions{margin-bottom:2rem;}.mobile-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;margin-bottom:1rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;}.mobile-action-btn.primary{background:var(--primary-color);color:white;}.mobile-action-btn.primary:hover{background:#d44343;}.mobile-action-btn.secondary{background:transparent;color:var(--text-color);border:2px solid var(--border-color);}.mobile-action-btn.secondary:hover{border-color:var(--primary-color);color:var(--primary-color);}.mobile-menu-footer{text-align:center;padding-top:1rem;border-top:1px solid var(--border-color);}.mobile-menu-footer p{color:var(--secondary-color);font-size:.9rem;margin-bottom:1rem;}.mobile-social{display:flex;justify-content:center;gap:1rem;}.mobile-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:rgba(var(--primary-color-rgb,244,69,69),.1);color:var(--primary-color);text-decoration:none;transition:all .3s ease;}.mobile-social a:hover{background:var(--primary-color);color:white;transform:translateY(-2px);}@media (max-width:1024px){.nav-container{padding:0 1.5rem}.nav-menu{gap:1.5rem;margin-right:1.5rem}.nav-btn .btn-text{display:none}.nav-btn{padding:.6rem;min-width:40px;justify-content:center}}@media (max-width:768px){.nav-container{padding:0 1rem;height:55px}.nav-menu,.nav-actions{display:none}.mobile-nav-controls{display:flex}.mobile-menu-content{width:280px;padding:1.5rem}.mobile-nav-controls{gap:.75rem}.mobile-theme-toggle{border-radius:10px;padding:.6rem}}@media (max-width:480px){.nav-container{padding:0 .75rem}.main-header{padding:0 5px}.mobile-nav-controls{gap:.4rem}.mobile-theme-toggle{padding:.4rem}.mobile-theme-toggle i{font-size:1.2rem}.mobile-menu-toggle{padding:.4rem}.mobile-menu-content{width:100vw;padding:1rem}}body{padding-top:70px;}@media (max-width:768px){body{padding-top:65px}}.main-header.scrolled{background:rgba(var(--card-background-rgb,0,0,0),0);box-shadow:0 2px 20px rgba(0,0,0,.1);}[data-theme="dark"] .main-header.scrolled{box-shadow:0 2px 20px rgba(0,0,0,0);}[data-theme="dark"] .main-header{background:rgba(0,0,0,0);}[data-theme="pitch-dark"] .main-header{background:rgba(0,0,0,0);}.video-container{position:relative;}.video-container:fullscreen,.video-container:-webkit-full-screen,.video-container:-moz-full-screen,.video-container:-ms-fullscreen{width:100vw!important;height:100vh!important;background:#000!important;}.video-container:fullscreen iframe,.video-container:-webkit-full-screen iframe,.video-container:-moz-full-screen iframe,.video-container:-ms-fullscreen iframe{width:100%!important;height:100%!important;}.url-detected{border:2px solid var(--primary-color)!important;box-shadow:0 0 10px rgba(255,107,53,.3)!important;background-color:rgba(255,107,53,.05)!important;animation:url-detected-pulse 1s ease-in-out;}@keyframes url-detected-pulse{0%{transform:scale(1);box-shadow:0 0 10px rgba(255,107,53,.3)}50%{transform:scale(1.02);box-shadow:0 0 20px rgba(255,107,53,.5)}100%{transform:scale(1);box-shadow:0 0 10px rgba(255,107,53,.3)}}a.mob-nav-link{padding:6px;text-decoration:none;}.trending-container{max-width:100%;margin:4.5rem auto}.video-card{background:var(--card-background);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:auto;}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2);}.video-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000;}.video-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;display:block;}.video-card:hover .video-thumbnail img{transform:scale(1.05);}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.549);backdrop-filter:blur(10px);color:white;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;transition:opacity .3s ease;border:1px solid #ffffff23;box-shadow:0 10px 30px rgba(0,0,0,.2);}.video-card:hover .video-play-overlay{opacity:1;}.video-channel{color:var(--secondary-color);font-size:.85rem;margin-bottom:12px;display:flex;align-items:center;gap:5px;}.video-views{color:var(--secondary-color);font-size:.85rem;display:flex;align-items:center;gap:5px;}.loading{text-align:center;padding:40px;font-size:1.1rem;color:var(--text-secondary);}.loading i{font-size:2rem;color:var(--primary-color);margin-bottom:10px;animation:spin 1s linear infinite;}.error{text-align:center;padding:40px;color:var(--primary-color);background:var(--bg-secondary);border-radius:10px;margin:20px 0;}.no-results{text-align:center;padding:60px 20px;color:var(--text-secondary);}.no-results i{font-size:4rem;margin-bottom:20px;color:var(--primary-color);opacity:.5;}.lazy-loading{text-align:center;padding:30px;font-size:1rem;color:var(--text-secondary);}.lazy-loading i{font-size:1.5rem;color:var(--primary-color);margin-bottom:10px;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}