@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-dark:#07080b;--bg-card:#12141ebf;--bg-card-hover:#1c2030d9;--bg-surface:#0f1118;--bg-elevated:#161924;--bg-overlay:#050609d1;--glass-bg:#141826a6;--glass-border:#ffffff14;--glass-border-hover:#ffffff29;--glass-shadow:0 16px 36px -10px #000000a6, 0 0 0 1px #ffffff0f;--primary:#ff2e56;--primary-hover:#ff476d;--primary-glow:#ff2e5673;--secondary:#00f0ff;--secondary-glow:#00f0ff59;--accent-purple:#8a2be2;--success:#00e676;--warning:#ffb300;--text-main:#f3f4f8;--text-muted:#8e95ab;--text-dim:#5c6275;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--header-height:68px;--sidebar-width:240px;--mini-player-height:72px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-normal:.28s cubic-bezier(.16, 1, .3, 1);--transition-spring:.45s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;font-size:15px;line-height:1.5;overflow-x:hidden}body{flex-direction:column;display:flex;position:relative}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(80% 50% at 50% -20%,#ff2e561f,#0000 70%),radial-gradient(60% 40% at 90% 90%,#00f0ff0f,#0000 70%);position:fixed;inset:0;transform:translateZ(0)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}button:active{transform:scale(.96)}input{color:inherit;border:none;outline:none;font-family:inherit}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.6s linear infinite skeletonPulse}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.app-header{z-index:50;padding-top:max(env(safe-area-inset-top,0px), 48px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border);background:#07080bf5;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;padding-left:16px;padding-right:16px;display:flex;position:sticky;top:0;transform:translateZ(0)}.brand-wrapper{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), #d80027);width:38px;height:38px;box-shadow:0 4px 18px var(--primary-glow);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.brand-icon svg{fill:#fff;width:20px;height:20px}.brand-title{letter-spacing:-.5px;background:linear-gradient(90deg,#fff 40%,#c4c8d8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:1.35rem;font-weight:800;display:flex}.brand-badge{border-radius:var(--radius-full);color:var(--secondary);letter-spacing:.5px;text-transform:uppercase;background:#00f0ff1f;border:1px solid #00f0ff4d;padding:2px 7px;font-size:.68rem;font-weight:700}.search-container{flex:1;min-width:0;max-width:620px;position:relative}.search-box{border:1px solid var(--glass-border);border-radius:var(--radius-full);box-sizing:border-box;width:100%;height:44px;transition:all var(--transition-normal);background:#ffffff0f;align-items:center;padding:0 6px 0 16px;display:flex}.search-box:focus-within{border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 3px #ff2e5633,0 6px 20px #0006}.search-input{min-width:0;color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:0 8px 0 0;font-size:.95rem}.search-input::placeholder{color:var(--text-dim)}.clear-btn{width:32px;min-width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.clear-btn:hover{color:var(--text-main);background:#ffffff14}.search-btn{background:var(--primary);color:#fff;cursor:pointer;width:36px;min-width:36px;height:36px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;display:flex;box-shadow:0 2px 10px #ff2e5659}.search-btn:hover,.search-btn:active{background:#ff1240;transform:scale(1.05);box-shadow:0 4px 14px #ff2e5680}.search-btn svg,.clear-btn svg{pointer-events:none}.search-suggestions{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);z-index:60;max-height:380px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto}.search-suggestions.active{display:block}.suggestion-item{cursor:pointer;color:var(--text-main);transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px 18px;display:flex}.suggestion-item:hover,.suggestion-item.selected{background:#ffffff12}.suggestion-item svg{color:var(--text-dim);flex-shrink:0;width:16px;height:16px}.header-actions{align-items:center;gap:10px;display:flex}.action-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border);background:#ffffff0d;gap:8px;height:40px;padding:0 14px;font-size:.88rem;font-weight:500}.action-btn:hover{border-color:var(--glass-border-hover);color:#fff;background:#ffffff1a}.action-btn.icon-only{width:40px;padding:0}.action-btn.primary{background:linear-gradient(135deg, var(--primary), #e6002f);box-shadow:0 4px 14px var(--primary-glow);color:#fff;border:none;font-weight:600}.action-btn.primary:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.app-body{flex:1;display:flex;position:relative}.app-sidebar{width:var(--sidebar-width);border-right:1px solid var(--glass-border);top:var(--header-height);height:calc(100vh - var(--header-height));background:#07080b66;flex-direction:column;flex-shrink:0;gap:6px;padding:18px 12px;display:flex;position:sticky;overflow-y:auto}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:14px;padding:11px 16px;font-weight:500;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff0d}.nav-item.active{color:#fff;background:#ff2e5624;border:1px solid #ff2e5640;font-weight:600}.nav-item.active svg{color:var(--primary);filter:drop-shadow(0 0 6px var(--primary-glow))}.nav-divider{background:var(--glass-border);height:1px;margin:12px 8px}.sidebar-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;padding:6px 16px;font-size:.74rem;font-weight:700}.app-content{flex:1;min-width:0;padding:20px 28px 120px;overflow-y:auto}.category-chips-bar{scrollbar-width:none;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex;overflow-x:auto}.category-chips-bar::-webkit-scrollbar{display:none}.chip-item{border-radius:var(--radius-full);border:1px solid var(--glass-border);color:var(--text-muted);white-space:nowrap;transition:all var(--transition-fast);background:#ffffff0d;flex-shrink:0;padding:8px 18px;font-size:.88rem;font-weight:500}.chip-item:hover{color:var(--text-main);background:#ffffff17}.chip-item.active{color:#07080b;background:#fff;border-color:#fff;font-weight:700;box-shadow:0 4px 16px #fff3}.search-history-bar{scrollbar-width:none;border-bottom:1px dashed #ffffff14;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:14px;display:none;overflow-x:auto}.search-history-bar.has-history{display:flex}.search-history-bar::-webkit-scrollbar{display:none}.search-history-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;align-items:center;gap:5px;font-size:.76rem;font-weight:600;display:flex}.search-history-list{scrollbar-width:none;flex:1;align-items:center;gap:8px;display:flex;overflow-x:auto}.search-history-list::-webkit-scrollbar{display:none}.history-chip{border-radius:var(--radius-full);color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;display:inline-flex}.history-chip:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.history-chip-del{width:14px;height:14px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;margin-left:2px;font-size:.72rem;display:inline-flex}.history-chip-del:hover{color:#ff453a;background:#ff3b304d}.search-history-clear-btn{color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast);background:0 0;flex-shrink:0;padding:4px 8px;font-size:.74rem}.search-history-clear-btn:hover{color:#ff453a}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}@media (width>=1400px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}}.video-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.video-card:hover{background:var(--bg-card-hover);border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 14px 30px #00000080,0 0 0 1px #ffffff1a}.card-thumb-wrapper{background:#0d0f17;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.card-thumb{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal);position:absolute;top:0;left:0}.video-card:hover .card-thumb{transform:scale(1.04)}.duration-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.74rem;font-weight:600;font-family:var(--font-mono);background:#000000d1;border-radius:6px;padding:3px 6px;position:absolute;bottom:8px;right:8px}.no-ad-shield-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--secondary);border-radius:var(--radius-full);background:#0c0e17d1;border:1px solid #00f0ff66;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.card-details{flex:1;gap:12px;padding:14px;display:flex}.card-channel-avatar{object-fit:cover;border:1px solid var(--glass-border);background:#1c2030;border-radius:50%;flex-shrink:0;width:38px;height:38px}.card-info{flex:1;min-width:0}.card-title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.94rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-channel-name{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:4px;font-size:.82rem;display:flex}.card-channel-name:hover{color:var(--text-main)}.card-meta{color:var(--text-dim);align-items:center;gap:6px;font-size:.78rem;display:flex}.toast-container{z-index:999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(20px);color:#fff;background:#121420eb;border:1px solid #00f0ff59;align-items:center;gap:12px;padding:10px 18px;font-size:.86rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastPop;display:flex;box-shadow:0 10px 30px #0009,0 0 15px #00f0ff33}@keyframes toastPop{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-undo-btn{color:var(--secondary);border-radius:var(--radius-full);background:#ffffff26;padding:4px 10px;font-size:.78rem;font-weight:700}.toast-undo-btn:hover{background:var(--secondary);color:#07080b}.mobile-nav-bar{height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:max(env(safe-area-inset-bottom,0px), 14px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--glass-border);z-index:70;background:#090b10f7;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}@media (width<=860px){.app-sidebar{display:none}.mobile-nav-bar{display:flex}.app-content{padding:16px 14px 140px}.app-header{padding-top:max(env(safe-area-inset-top,0px), 16px);padding-bottom:12px;padding-left:max(env(safe-area-inset-left,0px), 14px);padding-right:max(env(safe-area-inset-right,0px), 14px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 8px;height:auto;display:flex}.brand-wrapper{flex-shrink:0;order:1}.brand-title span{display:none}.header-actions{flex-shrink:0;order:2;margin-left:auto}.header-actions .action-btn{min-width:36px;height:36px;padding:0 10px}.header-actions .action-btn span{display:none}.search-container{flex:0 0 100%;order:3;width:100%;max-width:100%;margin:0}}.player-view-container{z-index:100;background:var(--bg-dark);opacity:0;pointer-events:none;flex-direction:column;width:100vw;height:100vh;transition:transform .38s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translateY(100%)}.player-view-container.open{opacity:1;pointer-events:auto;transform:translateY(0)}body.in-pip-mode .app-header,body.in-pip-mode .app-sidebar,body.in-pip-mode .mobile-nav-bar,body.in-pip-mode .mini-player-bar,body.in-pip-mode .player-top-bar,body.in-pip-mode .player-details-row,body.in-pip-mode .player-bottom-section{display:none!important}body.in-pip-mode .player-view-container{background:#000!important;overflow:hidden!important}body.in-pip-mode .player-stage-wrapper{width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;padding:0!important}body.in-pip-mode .video-frame-box{border-radius:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding-top:0!important}.player-top-bar{padding-top:max(env(safe-area-inset-top,0px), 48px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:10;background:#07080bf2;justify-content:space-between;align-items:center;padding-bottom:12px;padding-left:20px;padding-right:20px;display:flex;position:sticky;top:0}.player-minimize-btn{color:var(--text-muted);border-radius:var(--radius-full);background:#ffffff0d;align-items:center;gap:8px;padding:6px 14px;font-size:.9rem;font-weight:600;display:flex}.player-minimize-btn:hover{color:#fff;background:#ffffff1a}.engine-switcher{border:1px solid var(--glass-border);border-radius:var(--radius-full);background:#ffffff0f;align-items:center;gap:4px;padding:3px;display:flex}.engine-btn{border-radius:var(--radius-full);color:var(--text-muted);transition:all var(--transition-fast);padding:5px 12px;font-size:.78rem;font-weight:600}.engine-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.player-video-stage{flex-direction:column;width:100%;display:flex}.video-surface{background:#000;width:100%;margin-top:0;padding-top:56.25%;position:relative;overflow:hidden}@media (width>=768px){.player-video-stage{max-width:1280px;margin:0 auto;padding:0 16px}.video-surface{border-radius:var(--radius-lg);margin-top:14px;box-shadow:0 20px 50px #000c,0 0 0 1px #ffffff14}}.native-video-wrapper,.sandbox-embed-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.native-video-wrapper video,.sandbox-embed-wrapper iframe,.video-element,.iframe-element{background:#000;border:none;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.audio-only-stage{z-index:5;background:radial-gradient(circle,#1b2033 0%,#08090e 85%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.audio-only-stage.active{display:flex}.audio-art-glow{width:160px;height:160px;box-shadow:0 0 40px var(--secondary-glow);border:3px solid var(--secondary);border-radius:50%;animation:3s ease-in-out infinite pulseAudio;overflow:hidden}.audio-art-glow img{object-fit:cover;width:100%;height:100%}@keyframes pulseAudio{0%,to{box-shadow:0 0 30px var(--secondary-glow);transform:scale(1)}50%{box-shadow:0 0 60px var(--primary-glow);transform:scale(1.04)}}.gesture-overlay{pointer-events:none;z-index:8;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.gesture-side{opacity:0;background:#ffffff14;justify-content:center;align-items:center;width:35%;height:100%;transition:opacity .25s;display:flex}.gesture-side.flash{opacity:1}.gesture-pill{border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;padding:10px 18px;font-size:.95rem;font-weight:700}.player-details-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:14px;padding:0 16px;display:flex}.video-main-meta{flex:1;min-width:300px}.video-playing-title{color:#fff;margin-bottom:10px;font-size:1.3rem;font-weight:700;line-height:1.35}.video-channel-box{align-items:center;gap:14px;display:flex}.video-channel-avatar{object-fit:cover;border:1px solid var(--glass-border);background:#1c2030;border-radius:50%;width:44px;height:44px}.video-channel-name{font-size:1rem;font-weight:600}.video-channel-subs{color:var(--text-dim);font-size:.8rem}.video-action-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.player-tool-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border);height:40px;color:var(--text-main);transition:all var(--transition-fast);background:#ffffff12;gap:8px;padding:0 16px;font-size:.88rem;font-weight:600}.player-tool-btn:hover{border-color:var(--glass-border-hover);background:#ffffff1f}.player-tool-btn.active{background:var(--secondary);color:#07080b;border-color:var(--secondary);box-shadow:0 2px 14px var(--secondary-glow)}.sponsorblock-indicator{border-radius:var(--radius-full);color:var(--secondary);background:#00f0ff1a;border:1px solid #00f0ff40;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.player-bottom-section{grid-template-columns:1fr 380px;gap:28px;margin-top:24px;margin-bottom:60px;padding:0 16px;display:grid}@media (width<=1024px){.player-bottom-section{grid-template-columns:1fr}}.description-box{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-muted);white-space:pre-line;max-height:220px;padding:16px 18px;font-size:.92rem;line-height:1.6;overflow-y:auto}.mini-player-bar{width:420px;height:var(--mini-player-height);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);z-index:85;cursor:pointer;transition:all var(--transition-normal);background:#0f111af0;border:1px solid #ffffff1f;align-items:center;gap:12px;padding:8px 14px;display:none;position:fixed;bottom:14px;right:20px;overflow:hidden;transform:translateZ(0);box-shadow:0 16px 40px #000000b3,0 0 20px #00f0ff26}.mini-player-bar.active{display:flex}.mini-player-thumb{border-radius:var(--radius-sm);object-fit:cover;background:#000;flex-shrink:0;width:80px;height:52px}.mini-player-info{flex:1;min-width:0}.mini-player-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.mini-player-channel{color:var(--text-muted);font-size:.76rem}.mini-player-controls{align-items:center;gap:6px;display:flex}.mini-ctrl-btn{color:#fff;background:#ffffff14;border-radius:50%;width:36px;height:36px}.mini-ctrl-btn:hover{background:#fff3}.mini-progress-bar{background:var(--primary);width:0%;height:3px;transition:width .2s linear;position:absolute;bottom:0;left:0}@media (width<=860px){.mini-player-bar{width:auto;bottom:68px;left:10px;right:10px}}