/* Bootstrap 5 + Font Awesome discovery experience */
:root{--bs-body-font-family:'Outfit','Prompt',sans-serif;--bs-body-bg:#0b1220;--bs-body-color:#eaf2ff;--bs-primary:#4598ff;--bs-border-color:#26374f;--accent:#98d9ff;--soft:#a3b4cc;--green:#98d9ff;--bs-link-color:#98d9ff;--bs-link-hover-color:#c6ebff;--bs-card-bg:transparent}
body{background:#0b1220;color:#eaf2ff;font-size:14px;line-height:1.6}button,.btn{font-family:inherit}button i{pointer-events:none}.btn{--bs-btn-border-radius:12px;--bs-btn-padding-x:17px;--bs-btn-padding-y:10px;font-size:13px;min-height:44px}.btn:hover{transform:none}aside{width:228px;background:#0e1829;border-right:1px solid #202d43;padding:34px 20px}.brand{font-size:33px;font-weight:600;letter-spacing:-1.5px;color:#f3f7ff}.brand:hover{color:#fff}.brand>span{color:#98d9ff;font-weight:800}.label{margin:55px 12px 17px;color:#6e84a2;font-size:10px;letter-spacing:1.8px}.nav{margin:6px 0;padding:14px 13px;border-radius:12px;gap:14px;color:#97abc6;flex-wrap:nowrap}.nav>span{font-size:16px;display:grid;place-items:center;width:21px}.nav b{font-size:13px;font-weight:400}.nav.active{background:linear-gradient(100deg,#204265,#193454);color:#a6dfff}.nav:hover{background:#172d48}.aside-bottom{color:#7f94b2;font-size:11px;line-height:1.8}.aside-bottom .dot{width:6px;height:6px;background:#81d8c0}main.container-fluid{margin-left:228px;width:calc(100% - 228px);max-width:1850px;padding:26px clamp(24px,3.5vw,66px);min-height:100vh}header{padding-bottom:24px;border-bottom:1px solid #202f45;font-size:11px}.breadcrumb{margin-bottom:0;align-items:center;color:#8196b2}.breadcrumb>b{font-size:11px;color:#c4d7ed}.header-actions{margin-left:auto}.language select{background:#14243a;border-color:#2a405e;font-size:12px;min-height:38px;padding:6px 12px}.language>span{font-size:18px;color:#93a9c6}.intro{padding-top:31px;display:flex;justify-content:space-between;align-items:center;gap:20px}.intro .eyebrow{font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:2.3px;color:#6aa4d9;margin-bottom:10px}h1{font-size:clamp(26px,2.5vw,39px);letter-spacing:-.8px;line-height:1.5;font-weight:500}.intro p{font-size:12px;color:#8da3c1;margin:7px 0 22px}.daily-badge{font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:9px;border:1px solid #314f72;border-radius:25px;padding:9px 14px;color:#9bcaf4;white-space:nowrap}.daily-badge i{font-size:13px}#search{max-width:none;background:#132239;border-color:#2d4665;box-shadow:none;border-radius:14px;gap:12px;padding:6px}#search>span{font-size:17px;margin-left:14px}#query{font-size:14px;padding:10px 0}#query::placeholder{color:#7c94b1}#search button{background:#8dd3ff;color:#082540;font-size:12px;font-weight:500;padding:11px 23px;border-radius:10px}#search button i{margin-left:10px;font-size:12px}.chips{margin:14px 0 27px;gap:9px}.chips button{border:1px solid #273a53;background:#101e32;color:#b8cbe2;font-size:11px;padding:7px 18px;min-height:36px}.chips button:hover{background:#1e3c5c;border-color:#5a8fc0}.feature-banner{height:318px;background:linear-gradient(105deg,#19385b,#163459 48%,#244e76);position:relative;border:1px solid #355b80;border-radius:22px;overflow:hidden}.feature-banner>img{position:absolute;width:65%;height:100%;right:0;top:0;object-fit:cover;opacity:.8}.feature-banner>img:not([src]){opacity:0}.feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102945 0%,#102945f5 26%,#102945c9 48%,#10294525 80%),linear-gradient(0deg,#081c3b80,transparent 55%)}.feature-content{position:relative;z-index:1;width:64%;padding:33px 36px}.feature-badge{background:#7fbcfa1c;border:1px solid #86b6e840;color:#b3ddff;font-weight:400;letter-spacing:.4px;padding:7px 10px;font-size:10px}.feature-badge i{margin-right:5px}.feature-content h2{font-size:clamp(20px,2vw,31px);font-weight:500;line-height:1.5;letter-spacing:-.5px;margin:17px 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feature-content>p{color:#b1c7e0;font-size:11px;line-height:1.6;margin-bottom:18px}.feature-content .btn{background:#e3f3ff;border:0;color:#122e4f;min-height:42px;padding:9px 20px;font-size:12px}.feature-content .btn i{font-size:12px;margin-right:9px}.feature-watermark{position:absolute;bottom:18px;right:24px;font-size:9px;letter-spacing:3px;color:#e0f0ffac;font-family:'Outfit',sans-serif}.feed-toolbar{margin:17px 0 28px;font-size:10px;color:#7e96b5;gap:10px}.feed-location{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.status-dot{height:5px;width:5px;background:#79cdb7;border-radius:50%}#feed-updated{color:#596e8c;border-left:1px solid #31435d;padding-left:9px;margin-left:3px}.btn-refresh{background:none;color:#91abc9;border:1px solid #293d59;font-size:10px;padding:6px 11px;min-height:33px;border-radius:8px;white-space:nowrap}.btn-refresh i{margin-right:7px}.feed-section{margin-bottom:39px}.feed-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.feed-icon{width:37px;height:37px;background:#1a3654;border:1px solid #315373;border-radius:12px;display:grid;place-items:center;color:#8fd4ff;flex-shrink:0;font-size:15px}.popular-icon{background:#332e29;border-color:#574334;color:#edb77c}.trending-icon{background:#222c46;border-color:#394a70;color:#a5b8fa}.feed-section-heading h2{font-size:19px;font-weight:500;line-height:1.5;margin:0 0 3px;letter-spacing:-.2px}.feed-section-heading p{margin:0;font-size:10px;line-height:1.8;color:#7e94b1}.section-label{margin-left:auto;color:#6883a5;background:#142238;border:1px solid #273d59;font-size:8px;font-weight:400;letter-spacing:1.4px;padding:7px 9px;border-radius:6px;font-family:'Outfit',sans-serif}.video-card{min-width:0;border:0;background:transparent;transition:transform .2s}.video-card:hover{transform:translateY(-3px)}.video-cover{display:block;border:1px solid #283f5b;border-radius:13px;position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;padding:0;background:#152c47;min-height:0}.video-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.video-cover:hover>img{transform:scale(1.04)}.cover-play{position:absolute;inset:0;display:grid;place-items:center;background:#04142955;opacity:0;transition:opacity .2s}.cover-play i{height:43px;width:43px;display:grid;place-items:center;border-radius:50%;background:#d3edffef;color:#183f66;font-size:16px;padding-left:2px}.video-cover:hover .cover-play,.video-cover:focus-visible .cover-play{opacity:1}.duration-pill{position:absolute;right:7px;bottom:7px;background:#050d18dc;color:#f0f6ff;border-radius:5px;font-size:10px;padding:1px 6px;line-height:1.7;font-family:'Outfit',sans-serif}.video-card-body{padding:11px 1px 0}.video-card h3{margin:0;font-size:12px;line-height:1.6;font-weight:500}.video-title{border:0;padding:0;text-align:left;border-radius:0;color:#dce9fb;min-height:0;font-size:inherit;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;font-weight:500}.video-title:hover{background:none;color:#a6dcff}.video-meta-row{display:flex;align-items:center;gap:4px;justify-content:space-between}.video-meta-row .channel-card-link{border:0;background:none;padding:0;border-radius:0;min-height:32px;font-size:10px;color:#819ab9;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:calc(100% - 38px)}.channel-card-link:disabled{cursor:default;opacity:.8}.queue-add{height:36px;min-height:36px;width:36px;padding:0;border:0;border-radius:50%;font-size:11px;color:#829ebf;flex-shrink:0}.queue-add:hover{background:#1c3655;color:#a6dfff}.video-stats{font-size:10px;line-height:1.6;color:#617c9d;margin:-1px 0 0}.reason-label{font-size:9px;line-height:1.5;color:#75a4ce;margin-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reason-label i{font-size:9px;margin-right:3px}.trend-source{color:#6e8fb7;text-decoration:none;font-family:'Outfit',sans-serif;font-size:10px;margin-left:auto;white-space:nowrap}.trend-source i{font-size:8px;margin-left:4px}#trend-topics{margin-bottom:18px}.trend-topic{border:1px solid #314464;background:#16243b;color:#9fb7d8;font-size:10px;min-height:32px;padding:5px 12px;border-radius:18px}.trend-topic:before{content:'#';color:#6685a9;margin-right:5px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid #21344d;padding-top:24px;color:#5d789b;font-size:10px}.privacy-note p{margin:0}.feed-skeleton{height:220px;border-radius:13px;overflow:hidden}.feed-skeleton .placeholder{height:62%;color:#1b304a;border-radius:13px}.feed-skeleton:after{content:'';display:block;width:75%;height:13px;border-radius:4px;margin-top:15px;background:#192a40}.feed-error{border:1px dashed #2a4465;padding:28px;text-align:center;color:#91a9c8;border-radius:14px;font-size:12px}.feed-error>i{font-size:23px;color:#688cb6;margin-bottom:12px}.feed-error .btn{font-size:11px}.workspace{grid-template-columns:minmax(0,1fr) minmax(390px,1.15fr);gap:28px;margin-top:10px}.workspace .row{--bs-gutter-x:18px;--bs-gutter-y:24px}.workspace .row>div{width:50%}.player-panel{background:#111f33;border:1px solid #2b415e;border-radius:18px;top:20px}.player-panel .section-heading h2{font-size:14px}.transport{gap:10px}.transport button{font-size:18px}#play{width:56px;height:56px}.time{font-size:10px}.quick-settings select,.settings select{background:#14283f;color:#c9dff5;border:1px solid #2f4c6c;min-height:42px;font-size:11px}.resume-player{position:fixed;bottom:24px;right:26px;z-index:15;background:#a5dfff;color:#0d2e50;border:1px solid #d1edff;box-shadow:0 8px 35px #0006;display:flex;align-items:center;gap:13px;font-size:12px}.resume-player:hover{background:#c3eaff;color:#0d2e50}footer{margin-top:42px;padding:25px 0;color:#5e7d9e;border-color:#1d304a;font-size:10px}footer .brand{font-size:22px}.following-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#results-title{font-size:18px}.feed-section .row{--bs-gutter-x:20px;--bs-gutter-y:28px}#empty-state{border-color:#2d4562;background:#10213a44}#results .follow-card{width:auto}.intro .daily-badge i{font-family:'Font Awesome 7 Free','Font Awesome 6 Free';font-weight:900}
@media(min-width:1600px){.workspace .row>div{width:33.3333%}}@media(max-width:1200px){.workspace{grid-template-columns:minmax(0,1fr) 360px;gap:20px}.workspace .row>div{width:100%}.feature-content{width:72%;padding:28px}.feature-banner{height:300px}.feature-content h2{font-size:25px}.feature-banner>img{width:70%}.section-label{display:none}}
@media(max-width:991px){aside{position:static;width:100%;height:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-right:0;border-bottom:1px solid #263b54}aside nav{display:flex;gap:5px}.label,.aside-bottom{display:none}.nav{width:auto;padding:9px;margin:0;gap:7px}.nav b{font-size:10px}.nav>span{font-size:14px}aside .brand{font-size:29px}main.container-fluid{margin:0;width:100%;padding:23px 28px}.workspace{grid-template-columns:minmax(0,1fr) 360px}.intro{padding-top:25px}.feature-content{width:65%}header{padding-bottom:16px}}
@media(max-width:767px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}aside{padding:18px 18px}aside nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#0e1b2df5;backdrop-filter:blur(16px);border-top:1px solid #304964;justify-content:space-around;gap:2px;padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.nav{flex-direction:column;flex:1;padding:7px 3px;gap:5px;border-radius:9px;min-width:0;min-height:53px}.nav b{font-size:8px;white-space:nowrap}.nav>span{font-size:17px}.nav.active{background:#1b3957}aside .brand{font-size:28px}main.container-fluid{padding:19px 18px;margin:0;width:100%}header{margin-top:-66px;min-height:44px;justify-content:flex-end;margin-bottom:20px;padding:0;border-bottom:0;pointer-events:none}.header-actions{pointer-events:auto}.language select{min-height:37px;font-size:11px}.breadcrumb,.language>span{display:none}.intro{padding-top:16px;gap:12px}.intro .eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:28px;letter-spacing:-.6px}.intro p{font-size:11px;margin:7px 0 20px}.daily-badge{display:none}#search{padding:5px;gap:9px;border-radius:12px}#search>span{font-size:15px;margin-left:9px}#query{font-size:16px;min-height:43px;padding:10px 0}#query::placeholder{font-size:11px}#search button{padding:10px 13px;font-size:11px}#search button i{display:none}.chips{flex-wrap:nowrap;overflow-x:auto;gap:7px;margin:13px 0 22px;padding-bottom:3px;scrollbar-width:none}.chips button{flex-shrink:0;min-height:34px;padding:6px 15px;font-size:10px}.feature-banner{height:293px;border-radius:17px}.feature-banner>img{width:100%;opacity:.65}.feature-shade{background:linear-gradient(90deg,#102945db,#10294555),linear-gradient(0deg,#0c2341 0%,#0c234194 50%,#0c234120)}.feature-content{padding:24px;width:95%}.feature-badge{font-size:9px}.feature-content h2{font-size:23px;margin-top:16px;-webkit-line-clamp:3}.feature-content>p{font-size:10px;max-width:95%}.feature-content .btn{min-height:40px;font-size:11px}.feature-watermark{font-size:7px;right:15px;bottom:14px;letter-spacing:2px}.feed-toolbar{margin:13px 0 26px;font-size:9px}.btn-refresh{font-size:9px;padding:5px 9px;min-height:31px}.feed-section{margin-bottom:29px}.feed-section-heading{gap:10px;margin-bottom:15px}.feed-icon{width:33px;height:33px;font-size:13px;border-radius:10px}.feed-section-heading h2{font-size:17px}.feed-section-heading p{font-size:9px;line-height:1.8}.trend-source{font-size:8px}.trend-source i{display:none}.feed-section .row{--bs-gutter-x:14px;--bs-gutter-y:23px}.feed-section .row>div{width:50%}.video-cover{border-radius:10px}.video-card-body{padding-top:9px}.video-card h3{font-size:11px}.video-title{line-height:1.7}.video-meta-row .channel-card-link{font-size:9px;min-height:31px;max-width:calc(100% - 31px)}.queue-add{width:31px;height:31px;min-height:31px;font-size:10px}.video-stats{font-size:9px}.reason-label{font-size:8px}.duration-pill{font-size:8px;right:5px;bottom:5px;padding:2px 5px}.privacy-note{font-size:9px;text-align:center;align-items:flex-start;padding-top:20px}.privacy-note>i{margin-top:3px}.workspace{display:flex;flex-direction:column-reverse;gap:27px}.workspace>*{width:100%}.workspace .row>div{width:50%}.player-panel{position:static;padding:15px}.player-panel:not(.has-track){display:none}.quick-settings select,.settings select{font-size:11px}.resume-player{bottom:calc(82px + env(safe-area-inset-bottom));right:14px;padding:10px 14px;font-size:11px;min-height:42px}.feed-skeleton{height:180px}.trend-topic{font-size:9px;min-height:30px;padding:4px 10px}footer{font-size:9px;padding:21px 0;margin-top:32px}.following-grid{gap:12px}#feed-updated{font-size:8px}.video-card:hover{transform:none}.cover-play i{height:35px;width:35px;font-size:13px}}
@media(max-width:374px){main.container-fluid{padding:17px 12px}aside{padding:17px 12px}aside .brand{font-size:26px}header{margin-top:-62px}.intro h1{font-size:25px}.feature-content{padding:21px;width:100%}.feature-content h2{font-size:21px}.feature-banner{height:280px}.feed-section .row,.workspace .row{--bs-gutter-x:10px}.nav b{font-size:7px}.feed-section-heading p{font-size:8px}.trend-source{display:none}.feed-icon{width:30px;height:30px}.feed-location{font-size:8px}.following-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.video-card,.video-cover>img,.cover-play{transition:none}.placeholder-glow .placeholder{animation:none}}
/* Category pages: one page title, no promotional copy. */
aside .category-nav{margin-top:38px}.library-nav{margin-top:22px;padding-top:20px;border-top:1px solid #22344b}.page-heading{padding-top:24px;margin-bottom:20px;display:block}.page-heading h1{font-size:28px;margin:0;font-weight:500}.mobile-library{display:none}.feed-toolbar{margin:20px 0}.feed-location{font-size:10px}#category-grid{--bs-gutter-x:20px;--bs-gutter-y:28px}.dropdown-menu{background:#13253d;border:1px solid #314a68;padding:8px;min-width:215px;border-radius:12px}.dropdown-menu .nav{width:100%;padding:12px;flex-direction:row;gap:12px;justify-content:flex-start}.dropdown-menu .nav b{font-size:12px}.btn-library{color:#9fc8ed;background:#162a44;border:1px solid #2b4464;padding:7px 12px;min-height:38px}.header-actions{gap:10px}#home-feed{padding-bottom:35px}
@media(max-width:991px) and (min-width:768px){aside{align-items:flex-start;flex-wrap:wrap}aside .brand{margin-top:8px}aside .category-nav{position:static;margin:0;display:flex}.library-nav{margin:0 0 0 auto;padding:0;border:0;display:flex;flex-wrap:wrap}.library-nav .nav{font-size:11px}.category-nav .nav{padding:12px 10px}}
@media(max-width:767px){aside .category-nav{margin:0}.library-nav{display:none!important}.mobile-library{display:block}.category-nav .nav{min-height:54px;flex:1}.category-nav .nav b{font-size:10px}.category-nav .nav>span{font-size:18px}.page-heading{padding-top:16px;margin-bottom:18px}.page-heading h1{font-size:25px}.feed-toolbar{margin:18px 0}.feed-location{max-width:75%;font-size:9px}#category-grid{--bs-gutter-x:14px;--bs-gutter-y:24px}#category-grid>div{width:50%}.dropdown-menu .nav{min-height:44px;flex-direction:row;padding:10px;gap:12px;flex:initial}.dropdown-menu .nav>span{font-size:15px}.dropdown-menu .nav b{font-size:12px}.btn-library{min-height:37px;font-size:13px}.header-actions{gap:8px}#home-feed{padding-bottom:20px}}
@media(max-width:374px){#category-grid{--bs-gutter-x:10px}.page-heading h1{font-size:23px}.feed-location{font-size:8px}.category-nav .nav b{font-size:9px}}
