.layout-container{background-color:#0f0f0f;min-height:100vh;position:relative}.navbar-wrapper{height:64px;left:0;position:fixed;right:0;top:0;z-index:1000}.sidebar-wrapper{bottom:0;left:0;position:fixed;top:0;z-index:999}.page-content-wrapper,.sidebar-wrapper{transition:all .3s cubic-bezier(.4,0,.2,1)}.page-content-wrapper{box-sizing:border-box;min-height:100vh;padding-top:64px}@media (min-width:992px){.sidebar-wrapper{transform:translateX(0);width:70px}.page-content-wrapper{margin-left:70px;width:calc(100% - 70px)}.sidebar-wrapper.is-open{width:240px}.page-content-wrapper.sidebar-open{margin-left:240px;width:calc(100% - 240px)}}@media (max-width:991px){.sidebar-wrapper{transform:translateX(-100%);width:240px}.sidebar-wrapper.is-open{transform:translateX(0)}.page-content-wrapper{margin-left:0!important;padding-top:64px!important;width:100%!important}}.navbar{background:#0f0f0f;border-bottom:1px solid #1f1f1f;font-family:Poppins,sans-serif;height:64px;justify-content:space-between;left:0;padding:0 16px;position:fixed;top:0;width:100%;z-index:1000}.nav-left,.navbar{align-items:center;display:flex}.nav-left{flex-shrink:0;gap:12px}.menu-icon{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:background .2s ease}.menu-icon:hover{background:hsla(0,0%,100%,.1)}.logo-link{align-items:center;display:flex;gap:0;-webkit-text-decoration:none;text-decoration:none}.logo-link img{height:32px;-o-object-fit:contain;object-fit:contain;width:32px}.logo-link h2{color:#fff;font-size:20px;font-weight:800;letter-spacing:-.5px;margin:0}.nav-center{align-items:center;display:flex;flex:1;gap:8px;margin:0 20px;max-width:620px}.search-box-wrapper{position:relative;width:100%}.search-box{align-items:center;background:#141414;border:1px solid #2a2a2a;border-radius:40px;display:flex;height:42px;overflow:hidden;padding-left:16px;transition:border-color .2s ease;width:100%}.search-box:focus-within{border-color:#a855f7}.search-box input{background:transparent;border:none;color:#fff;flex:1;font-size:14px;height:100%;outline:none}.search-box input::-moz-placeholder{color:#71717a}.search-box input::placeholder{color:#71717a}.clear-btn{background:transparent;border:none;color:#a1a1aa;cursor:pointer;font-size:14px;padding:4px 10px}.clear-btn:hover{color:#fff}.search-btn{align-items:center;background:#222;border:none;color:#a1a1aa;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:100%;justify-content:center;transition:all .2s ease;width:52px}.search-btn:hover{background:#2e2e2e;color:#fff}.search-suggestions{background:#18181b;border:1px solid #27272a;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.8);left:0;max-height:380px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:48px;z-index:1002}.no-results{color:#a1a1aa;font-size:14px;gap:8px;justify-content:center;padding:16px;text-align:center}.no-results,.suggestion-item{align-items:center;display:flex}.suggestion-item{border-bottom:1px solid rgba(39,39,42,.102);cursor:pointer;gap:12px;padding:10px 14px;transition:background .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#27272a}.suggestion-thumb{background:#000;border-radius:4px;flex-shrink:0;height:34px;-o-object-fit:cover;object-fit:cover;width:52px}.suggestion-info{display:flex;flex-direction:column;overflow:hidden}.suggestion-title{color:#fff;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-meta{color:#a1a1aa;font-size:11px;margin-top:2px}.close-search-btn{background:transparent;border:none;color:#a1a1aa;cursor:pointer;display:none;font-size:18px;padding:8px}.nav-right{flex-shrink:0;gap:12px}.nav-action-btn,.nav-right{align-items:center;display:flex}.nav-action-btn{background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;justify-content:center;padding:8px;transition:background .2s ease}.nav-action-btn:hover{background:hsla(0,0%,100%,.1)}.mobile-search-trigger{display:none}.nav-action-btn .fa-video{color:#ef4444}.nav-action-btn .fa-bell{color:#a855f7}.profile-btn{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;padding:4px}@media (max-width:768px){.logo-link h2{display:none}.mobile-search-trigger{display:flex}.nav-center{display:none}.nav-center.mobile-search-active{background:#0f0f0f;display:flex;height:100%;left:0;margin:0;max-width:100%;padding:0 12px;position:absolute;top:0;width:100%;z-index:1001}.nav-center.mobile-search-active .close-search-btn{display:block}}.category-page{background:#0f0f0f;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;min-height:100vh;padding:24px 20px 40px;width:100%}.category-head{align-items:center;display:flex;gap:12px;margin-bottom:20px}.category-head h1{font-size:24px;font-weight:700;margin:0}.badge{background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.4);border-radius:20px;color:#a855f7;font-size:12px;font-weight:600;padding:4px 12px}.clickable-channel{cursor:pointer;transition:opacity .2s ease,transform .2s ease}.clickable-channel:hover{opacity:.85;transform:translateY(-1px)}.side-channel.clickable-channel:hover{color:#a855f7;-webkit-text-decoration:underline;text-decoration:underline}.watch-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 380px;width:100%}.player-column{min-width:0;width:100%}.player-wrapper{border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.5);margin-bottom:16px;overflow:hidden}.video-details-card{background:#171717;border:1px solid #262626;border-radius:16px;box-sizing:border-box;padding:20px;width:100%}.video-title{color:#f1f1f1;font-size:20px;font-weight:700;line-height:1.35;margin:0 0 16px;word-break:break-word}.meta-action-bar{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.channel-block{align-items:center;display:flex;gap:12px}.channel-logo{background:#262626;border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.channel-text{display:flex;flex-direction:column}.channel-name{color:#fff;font-size:14px;font-weight:600}.uploader-name{color:#aaa;font-size:12px}.stats-and-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.meta-item{color:#aaa;font-size:13px}.category-tag,.share-pill-btn{color:#a855f7;font-weight:600}.description-box{background:#222225;border-radius:12px;color:#d1d1d1;font-size:14px;line-height:1.6;padding:14px 16px}.description-box p{margin:0;white-space:pre-line;word-break:break-word}.sidebar-column{background:#141414;border:1px solid #222;border-radius:16px;box-sizing:border-box;padding:18px;width:100%}.sidebar-title{border-bottom:1px solid #262626;color:#fff;font-size:16px;font-weight:700;margin:0 0 16px;padding-bottom:10px}.sidebar-list{display:flex;flex-direction:column;gap:12px}.side-card{background:#1a1a1a;border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:8px;transition:all .2s ease}.side-card:hover{background:#222;border-color:rgba(168,85,247,.5)}.side-card.now-playing{background:rgba(168,85,247,.12);border-color:#a855f7}.side-thumb{aspect-ratio:16/9;background:#000;border-radius:8px;min-width:140px;overflow:hidden;position:relative;width:140px}.side-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.side-card.now-playing .thumb-overlay,.side-card:hover .thumb-overlay{opacity:1}.thumb-overlay i{background:#a855f7;border-radius:50%;color:#fff;font-size:14px;padding:8px}.playing-icon i{background:#ef4444}.duration{bottom:6px;font-size:10px;font-weight:500;padding:2px 5px;right:6px}.side-info{flex-direction:column;flex-grow:1;min-width:0}.side-info,.side-title-row{display:flex;justify-content:space-between}.side-title-row{align-items:flex-start;gap:6px}.side-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f1f1f1;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.side-share-btn{background:transparent;border:none;border-radius:50%;color:#888;cursor:pointer;font-size:12px;padding:2px 4px;transition:color .2s,background .2s}.side-share-btn:hover{background:hsla(0,0%,100%,.1);color:#a855f7}.side-channel{color:#aaa;font-size:11px;margin:4px 0 2px}.side-meta{color:#777;font-size:11px;margin:0}.now-playing-tag{align-items:center;color:#a855f7;display:inline-flex;font-size:11px;font-weight:700;gap:4px;margin-top:4px}.empty{color:#666;padding:80px 0;text-align:center}.empty i{font-size:48px;margin-bottom:12px}@media (max-width:1100px){.watch-layout{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.category-page{padding:16px 12px 24px}.player-wrapper{border-radius:12px;margin-bottom:12px}.video-details-card{border-radius:12px;padding:14px}.video-title{font-size:17px;margin-bottom:12px}.category-head h1{font-size:20px}}@media (max-width:480px){.side-thumb{min-width:110px;width:110px}.side-title{font-size:12px}}.app-footer{background-color:#0c0c0e;border-top:1px solid #1a1a1e;box-sizing:border-box;color:#a1a1aa;font-family:Poppins,sans-serif;padding:40px 24px;width:100%}.footer-container{margin:0 auto;max-width:1500px}.footer-row{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:16px;justify-content:space-between}.footer-col{flex:1;min-width:-moz-max-content;min-width:max-content}.footer-col h4{color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px;margin:0 0 16px;text-transform:uppercase}.footer-col ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.footer-col ul li a{color:#9999a1;display:inline-block;font-size:12px;font-weight:400;-webkit-text-decoration:none;text-decoration:none;transition:color .2s ease;white-space:nowrap}.footer-col ul li a:hover{color:#a855f7}.social-col{flex:1.2}.social-icons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.social-btn{align-items:center;background:#18181b;border:1px solid #27272a;border-radius:50%;color:#fff;display:grid;font-size:13px;height:34px;justify-items:center;place-items:center;-webkit-text-decoration:none;text-decoration:none;transition:all .2s ease;width:34px}.social-btn:hover{background:#a855f7;border-color:#a855f7;transform:translateY(-2px)}@media (max-width:1200px){.footer-row{flex-wrap:wrap;gap:32px 16px}.footer-col{flex:0 0 calc(25% - 16px)}}@media (max-width:768px){.footer-col{flex:0 0 calc(33.333% - 16px)}}@media (max-width:576px){.app-footer{padding:32px 16px}.footer-col{flex:0 0 calc(50% - 16px)}}@media (max-width:400px){.footer-col{flex:0 0 100%}}.channel-page{background:#0f0f0f;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;min-height:100vh;padding-bottom:40px;width:100%}.channel-header{background:#141414;border-bottom:1px solid #262626;margin-bottom:24px;position:relative}.channel-banner{background:linear-gradient(135deg,#2a0845,#1a103c 50%,#0f0f0f);height:160px;position:relative}.banner-overlay{background:linear-gradient(180deg,transparent,hsla(0,0%,6%,.8));bottom:0;left:0;position:absolute;right:0;top:0}.channel-profile-bar{align-items:flex-end;display:flex;gap:20px;margin:-50px auto 0;max-width:1200px;padding:0 24px 24px;position:relative;z-index:2}.channel-avatar-wrapper{background:#1f1f1f;border:4px solid #0f0f0f;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.6);flex-shrink:0;height:110px;overflow:hidden;width:110px}.channel-avatar{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.channel-meta{flex-grow:1;min-width:0}.channel-title{align-items:center;display:flex;font-size:24px;font-weight:700;gap:8px;margin:0 0 6px;word-break:break-word}.verified-icon{color:#a855f7;flex-shrink:0;font-size:18px}.channel-stats{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.stat-badge{background:rgba(168,85,247,.18);border:1px solid rgba(168,85,247,.3);border-radius:20px;color:#a855f7;font-size:12px;font-weight:600;padding:3px 10px}.stat-item{color:#aaa;font-size:13px}.channel-bio{color:#bbb;font-size:13px;line-height:1.5;margin:0;max-width:700px;word-break:break-word}.channel-content{margin:0 auto;max-width:1200px;padding:0 20px}.featured-player-card{background:#171717;border:1px solid #262626;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.4);margin-bottom:32px;overflow:hidden}.player-wrapper{aspect-ratio:16/9;background:#000;max-height:520px;width:100%}.main-video-player{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.featured-info{min-width:0;padding:20px}.featured-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.featured-title{color:#fff;flex:1;font-size:20px;font-weight:700;margin:0;min-width:0;word-break:break-word}.featured-meta{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin:10px 0}.featured-desc{background:#222225;border-radius:10px;color:#ccc;font-size:14px;margin:10px 0 0;padding:12px 16px;white-space:pre-line;word-break:break-word}.grid-header{border-bottom:1px solid #222;margin-bottom:20px;padding-bottom:10px}.grid-header h3{align-items:center;color:#f1f1f1;display:flex;font-size:18px;gap:10px;margin:0}.grid-header i{color:#a855f7}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:40px;width:100%}.video-card{background:#171717;border:1px solid #262626;border-radius:12px;cursor:pointer;min-width:0;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.video-card:hover{border-color:rgba(168,85,247,.5);box-shadow:0 6px 18px rgba(0,0,0,.5);transform:translateY(-4px)}.video-card.is-active{background:rgba(168,85,247,.08);border-color:#a855f7}.card-thumb{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;width:100%}.card-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.duration{background:rgba(0,0,0,.85);border-radius:4px;bottom:8px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;position:absolute;right:8px}.thumb-overlay{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:grid;justify-items:center;left:0;opacity:0;place-items:center;position:absolute;right:0;top:0;transition:opacity .2s ease}.video-card.is-active .thumb-overlay,.video-card:hover .thumb-overlay{opacity:1}.play-icon{background:#a855f7;border-radius:50%;color:#fff;font-size:16px;padding:10px}.playing-badge{align-items:center;background:#ef4444;border-radius:20px;color:#fff;display:flex;font-size:11px;font-weight:700;gap:6px;padding:4px 10px}.card-body{padding:12px}.card-title-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;overflow:hidden}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f1f1f1;display:-webkit-box;flex:1;font-size:14px;font-weight:600;line-height:1.35;margin:0;min-width:0;overflow:hidden}.card-share-btn{background:transparent;border:none;border-radius:50%;color:#777;cursor:pointer;flex-shrink:0;font-size:13px;padding:4px;transition:color .2s}.card-share-btn:hover{color:#a855f7}.card-meta{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-size:11px;gap:6px;margin-top:8px}.share-pill-btn{align-items:center;background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.4);border-radius:999px;color:#a855f7;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:8px;padding:6px 16px;transition:all .2s ease}.share-pill-btn:hover{background:#a855f7;color:#fff}.empty-state{color:#666;padding:80px 20px;text-align:center}.empty-state i{color:#333;font-size:54px;margin-bottom:16px}.empty-state h3{color:#aaa;margin:0 0 6px}@media (max-width:768px){.channel-profile-bar{align-items:flex-start;flex-direction:column;gap:12px;margin-top:-40px}.channel-avatar-wrapper{height:80px;width:80px}.channel-title{font-size:20px}.featured-header{flex-direction:column}.video-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.channel-content{padding:0 12px}.video-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.channel-profile-bar{padding:0 12px 20px}}.border-dark-item{background-color:#252525!important;border:1px solid #333!important}.border-divider{border-color:#333!important}.bg-black-theme{background-color:#121212!important;min-height:100vh}.border-dark{border:1px solid #2a2a2a!important}