*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{color:#f1f1f1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f0f;font-family:Roboto,Arial,sans-serif;overflow-y:scroll}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-thumb{background:#717171 padding-box padding-box;border:4px solid #0000;border-radius:8px}::-webkit-scrollbar-track{background:0 0}:root{--yt-spec-base-background:#0f0f0f;--yt-spec-raised-background:#212121;--yt-spec-text-primary:#f1f1f1;--yt-spec-text-secondary:#aaa;--yt-spec-text-primary-inverse:#0f0f0f;--yt-spec-badge-chip-background:#272727;--yt-spec-10-percent-layer:#ffffff1a;--yt-spec-call-to-action:#3ea6ff;--yt-spec-brand-button-text:#0f0f0f;--yt-spec-static-overlay-background-heavy:#000c;--yt-search-border:#303030;--yt-search-bg:#121212;--topbar-height:56px}.app{background:var(--yt-spec-base-background);min-height:100%}.topbar{height:var(--topbar-height);z-index:100;background:var(--yt-spec-base-background);align-items:center;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.topbar-start{align-items:center;gap:12px;display:flex}.reset-btn{background:var(--yt-spec-badge-chip-background);height:36px;color:var(--yt-spec-text-primary);border-radius:18px;padding:0 16px;font-size:14px;font-weight:500}.reset-btn:hover{background:#3f3f3f}.yt-logo{align-items:center;padding:0 4px;display:flex}.app-body{padding-top:var(--topbar-height);min-height:100vh;display:flex}.main{flex:1;min-width:0;max-width:100%;padding:0 24px 48px}.channel-header{max-width:1284px;margin:0 auto}.channel-banner-wrap{aspect-ratio:6.2;background:#272727;border-radius:12px;width:100%;margin-top:12px;overflow:hidden}.channel-banner{object-fit:cover;width:100%;height:100%}.channel-meta{align-items:flex-start;gap:24px;padding:16px 0 0;display:flex}.channel-avatar{object-fit:cover;background:#272727;border-radius:50%;flex-shrink:0;width:160px;height:160px}.channel-info{flex:1;min-width:0;padding-top:4px}.channel-title-row{align-items:center;gap:8px;display:flex}.channel-title{letter-spacing:-.5px;color:var(--yt-spec-text-primary);font-size:36px;font-weight:700;line-height:50px}.verified-badge{flex-shrink:0;margin-top:4px}.channel-stats{color:var(--yt-spec-text-secondary);flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:14px;font-weight:400;line-height:20px;display:flex}.channel-stats .dot{margin:0 2px}.channel-desc{color:var(--yt-spec-text-secondary);align-items:baseline;gap:0;margin-top:8px;font-size:14px;line-height:20px;display:flex}.more-btn{color:var(--yt-spec-text-primary);margin-left:0;padding:0;font-size:14px;font-weight:500}.more-btn:hover{text-decoration:underline}.channel-links{margin-top:4px;font-size:14px;line-height:20px}.channel-link{color:var(--yt-spec-call-to-action);font-weight:400}.channel-link:hover{text-decoration:underline}.channel-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn{background:var(--yt-spec-badge-chip-background);height:36px;color:var(--yt-spec-text-primary);white-space:nowrap;border-radius:18px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;line-height:36px;display:inline-flex}.btn:hover{background:#3f3f3f}.btn svg{width:24px;height:24px}.btn.subscribed{padding-left:12px;padding-right:8px}.btn.community{padding-left:12px}.channel-nav{max-width:1284px;top:var(--topbar-height);z-index:50;background:var(--yt-spec-base-background);margin:12px auto 0;position:sticky}.tabs-row{border-bottom:1px solid #ffffff1a}.tabs{scrollbar-width:none;align-items:stretch;gap:0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{height:48px;color:var(--yt-spec-text-secondary);white-space:nowrap;flex-shrink:0;padding:0 32px 0 0;font-size:16px;font-weight:500;line-height:48px;position:relative}.tab.active{color:var(--yt-spec-text-primary)}.tab.active:after{content:"";background:var(--yt-spec-text-primary);height:2px;position:absolute;bottom:0;left:0;right:0}.sort-chips{gap:8px;padding:12px 0 8px;display:flex}.chip{background:var(--yt-spec-badge-chip-background);height:32px;color:var(--yt-spec-text-primary);border-radius:8px;padding:0 12px;font-size:14px;font-weight:500;line-height:32px}.chip:hover{background:#3f3f3f}.chip.active{background:var(--yt-spec-text-primary);color:var(--yt-spec-text-primary-inverse)}.chip.active:hover{background:#d9d9d9}.videos-section{max-width:1284px;margin:16px auto 0}.video-grid{grid-template-columns:repeat(3,1fr);gap:40px 16px;display:grid}.video-card{min-width:0;color:inherit;display:block;position:relative}.video-card-link{color:inherit;display:block}.thumb-wrap{aspect-ratio:16/9;background:#272727;border-radius:12px;width:100%;position:relative;overflow:hidden}.thumb{object-fit:cover;width:100%;height:100%}.duration{background:var(--yt-spec-static-overlay-background-heavy);color:#fff;letter-spacing:.3px;border-radius:4px;padding:3px 4px;font-size:12px;font-weight:500;line-height:12px;position:absolute;bottom:8px;right:8px}.video-meta{align-items:flex-start;gap:4px;padding-top:12px;display:flex}.video-text{min-width:0;color:inherit;flex:1}.video-title{color:var(--yt-spec-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px;font-size:14px;font-weight:500;line-height:20px;display:-webkit-box;overflow:hidden}.video-stats{color:var(--yt-spec-text-secondary);flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:18px;display:flex}.video-stats .dot{font-size:12px}.more-menu-wrap{flex-shrink:0;position:relative}.more-vert{width:40px;height:40px;color:var(--yt-spec-text-primary);border-radius:50%;justify-content:center;align-items:center;margin:-8px -8px 0 0;display:flex}.more-vert:hover{background:var(--yt-spec-10-percent-layer)}.video-menu{z-index:20;background:#282828;border-radius:12px;min-width:140px;padding:8px 0;position:absolute;top:36px;right:0;box-shadow:0 4px 32px #00000080}.video-menu-item{text-align:left;width:100%;color:var(--yt-spec-text-primary);padding:10px 16px;font-size:14px;display:block}.video-menu-item:hover{background:var(--yt-spec-10-percent-layer)}.empty-videos{text-align:center;color:var(--yt-spec-text-secondary);padding:48px 16px;font-size:14px}.channel-loading{max-width:1284px;margin:0 auto}.skel-banner{aspect-ratio:6.2;background:#272727;border-radius:12px;margin-top:12px;animation:1.4s ease-in-out infinite pulse}.skel-header{gap:24px;padding-top:16px;display:flex}.skel-avatar{background:#272727;border-radius:50%;flex-shrink:0;width:160px;height:160px;animation:1.4s ease-in-out infinite pulse}.skel-info{flex:1;padding-top:12px}.skel-line{background:#272727;border-radius:4px;width:60%;height:16px;margin-bottom:12px;animation:1.4s ease-in-out infinite pulse}.skel-line.title{width:280px;height:36px}.skel-line.short{width:30%}.video-skeleton .skel-thumb{aspect-ratio:16/9;background:#272727;border-radius:12px;animation:1.4s ease-in-out infinite pulse}.video-skeleton .skel-lines{padding-top:12px}.video-skeleton .skel-line{height:14px;margin-bottom:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-banner{color:#ff8a8a;background:#3d0000;border:1px solid #c00;border-radius:8px;max-width:1284px;margin:24px auto;padding:12px 16px;font-size:14px}.tab-placeholder{text-align:center;max-width:1284px;color:var(--yt-spec-text-secondary);margin:48px auto;font-size:14px}@media (width<=1312px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.channel-avatar{width:120px;height:120px}.channel-title{font-size:28px;line-height:40px}}@media (width<=875px){.video-grid{grid-template-columns:repeat(2,1fr)}.channel-meta{text-align:center;flex-direction:column;align-items:center}.channel-info{flex-direction:column;align-items:center;display:flex}.channel-stats,.channel-actions{justify-content:center}.channel-avatar{width:72px;height:72px}.channel-title{font-size:24px;line-height:32px}}@media (width<=600px){.video-grid{grid-template-columns:1fr;gap:24px 0}.channel-banner-wrap{aspect-ratio:2.5}}