/* Crystal surfaces with colored icon accents; the logo palette stays primary. */
:root{--icon-color:#1689c2;--crystal-shadow:0 7px 18px #256e9a12,inset 0 2px 1px #fff;--crystal-border:#faffff}body{background:radial-gradient(ellipse at 90% 8%,#d7f8ff80,transparent 32%),radial-gradient(ellipse at 20% 65%,#e6e4ff55,transparent 35%),#f4faff}.fa-solid,.fa-regular,.fa-brands{color:var(--icon-color,#1689c2);filter:drop-shadow(0 1px 1px #ffffff80)}.fa-video{--icon-color:#0788cc}.fa-music{--icon-color:#d84990}.fa-tower-broadcast{--icon-color:#ed566b}.fa-fire-flame-curved{--icon-color:#e47a25}.fa-gamepad{--icon-color:#8358cd}.fa-microchip{--icon-color:#129d9f}.fa-plane{--icon-color:#28a572}.fa-headphones{--icon-color:#7b70d7}.fa-microphone-lines{--icon-color:#bd5a9c}.fa-magnifying-glass{--icon-color:#098bb6}.fa-heart{--icon-color:#d85b8b}.fa-clock-rotate-left,.fa-clock{--icon-color:#b27b27}.fa-layer-group{--icon-color:#6664c5}.fa-bars{--icon-color:#5386b5}.fa-arrows-rotate,.fa-rotate-left{--icon-color:#219b9b}.fa-eye{--icon-color:#087f9f}.fa-calendar,.fa-calendar-day{--icon-color:#b7832f}.fa-plus{--icon-color:#299f78}.fa-play,.fa-circle-play{--icon-color:#168aca}.fa-pause{--icon-color:#1482c0}.fa-backward-step,.fa-forward-step{--icon-color:#5682c0}.fa-repeat{--icon-color:#9c62bc}.fa-sliders{--icon-color:#4d81c6}.fa-arrow-right,.fa-arrow-up-right-from-square{--icon-color:#479bac}.fa-cloud-arrow-down{--icon-color:#8982c6}.fa-user-check{--icon-color:#36896e}.fa-wand-magic-sparkles{--icon-color:#9a6bc5}.fa-arrow-trend-up{--icon-color:#d17c39}
button:not(.video-cover):not(.video-title):not(.channel-card-link):not(.channel-link):not(.follow-name),.button-link{background:linear-gradient(145deg,#fffffffa 0%,#f5fcfff0 44%,#e1f1fae8 100%);border:1px solid var(--crystal-border);box-shadow:var(--crystal-shadow),0 0 0 1px #bad9e56b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .2s,border-color .2s,transform .2s;color:#265b80}.nav{--crystal-shadow:0 3px 10px #256e9a08,inset 0 1px 0 #fff}button:not(.video-cover):not(.video-title):not(.channel-card-link):not(.channel-link):not(.follow-name):hover,.button-link:hover{transform:translateY(-1px);box-shadow:0 9px 20px #2575a51e,inset 0 2px 1px #fff,0 0 0 1px #9ed9ed;background:linear-gradient(140deg,#fff,#e3f8ff);border-color:#fff}button:focus-visible,.button-link:focus-visible{outline:3px solid #35b8d9;outline-offset:3px}.nav>span{height:30px;width:30px;min-width:30px;border-radius:10px;background:linear-gradient(145deg,#fff,#edf7fc);box-shadow:inset 0 1px 0 white,0 2px 6px #2663900a}.nav{padding:10px 12px;gap:11px;margin:7px 0}.nav.active{background:linear-gradient(135deg,#faffff,#d2f0ff 55%,#dceaff);border-color:white;box-shadow:0 5px 14px #0799ca18,inset 3px 0 #36b9dd,inset 0 2px 1px #fff;color:#075d91}.nav[data-view=music].active{box-shadow:0 5px 14px #d75a9218,inset 3px 0 #d75a92,inset 0 2px 1px #fff}.nav[data-view=gaming].active{box-shadow:0 5px 14px #8358cd18,inset 3px 0 #8358cd,inset 0 2px 1px #fff}.nav[data-view=live].active{box-shadow:0 5px 14px #ed566b18,inset 3px 0 #ed566b,inset 0 2px 1px #fff}.nav[data-view=trending].active{box-shadow:0 5px 14px #e47a2518,inset 3px 0 #e47a25,inset 0 2px 1px #fff}
#search{background:linear-gradient(120deg,#fff,#f5fcff);box-shadow:0 7px 25px #1b7aa40b,inset 0 2px 0 white;border:1px solid #d2e8f3;border-radius:17px}#search button,.crystal-apply,button.primary,.button-link.primary,#play,.resume-player{background:linear-gradient(150deg,#57c8e4 0%,#0d88b8 38%,#1263a5 72%,#267cb3 100%)!important;border:1px solid #b3efff!important;box-shadow:inset 0 2px 1px #c8f8ffb3,inset 0 -2px 2px #064c8b44,0 6px 16px #087da52b!important;color:#fff!important}#search button i,.crystal-apply i,button.primary i,.button-link.primary i,#play i,.resume-player i{color:#fff;filter:drop-shadow(0 1px 1px #164c9150)}#play{box-shadow:inset 0 3px 2px #d5fcffd9,inset 0 -4px 6px #07538b66,0 8px 18px #008aba32!important}.transport button{border-radius:14px}.transport #favorite[aria-pressed=false] i{opacity:.72}.transport #favorite[aria-pressed=true]{background:linear-gradient(145deg,#fff,#ffe3f0);box-shadow:0 5px 15px #dc5d8e20,inset 0 2px 1px white}.transport #repeat[aria-pressed=true]{background:linear-gradient(145deg,#fff,#ede1ff)}.language select,.quick-settings select,.settings select{background:linear-gradient(140deg,#fff,#edf7fd);box-shadow:inset 0 2px 1px #fff,0 3px 9px #326f9610;border-color:#cae3ef}.video-card{background:linear-gradient(145deg,#fff,#fbfeff);border:1px solid #e1eef6;padding:7px;border-radius:19px;box-shadow:0 7px 24px #245d8809;overflow:hidden}.video-card:hover{box-shadow:0 12px 30px #236b9d18;border-color:#b9e2f3}.video-cover{border-radius:13px;border:1px solid #dbecf6;box-shadow:inset 0 1px 0 #fff}.video-card-body{padding:9px 5px 5px}.video-stats{font-family:'Outfit','Prompt',sans-serif;color:#245b7b;font-size:11px;font-weight:500;display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:1px 0 0}.video-stats i{font-size:11px}.video-date{font-size:9px;color:#6d8298;display:flex;align-items:center;gap:6px;margin:6px 0 0}.video-date i{font-size:10px}.cover-play i{background:linear-gradient(145deg,#fff,#d4f4ff);border:1px solid #fff;box-shadow:0 5px 15px #06355c44,inset 0 2px 1px #fff;color:#1284b7;filter:none}.queue-add{border-radius:11px!important;min-height:32px;height:32px;width:32px;margin-right:2px}.playing-stats{font-size:12px;font-weight:500;color:#286182;margin:10px 0 5px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.player-panel{background:linear-gradient(135deg,#ffffffed,#f2faffeb)!important;border:1px solid white!important;box-shadow:0 12px 35px #135d8e10,0 0 0 1px #d4eaf5!important}.follow-card{background:linear-gradient(140deg,#fff,#effaff);box-shadow:0 8px 20px #286c9810,inset 0 2px 0 white}.crystal-filters{background:linear-gradient(140deg,#ffffffeb,#edf9ffdb 65%,#eff2ffb3);border:1px solid white;border-radius:20px;padding:17px 19px;margin-top:21px;box-shadow:0 9px 30px #326c9610,inset 0 2px 0 white,0 0 0 1px #d9ebf4;backdrop-filter:blur(15px)}.filter-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.feed-sort-group{display:flex;gap:9px;flex-wrap:wrap}.crystal-chip{display:flex;align-items:center;gap:8px;border-radius:12px;padding:9px 16px;font-size:12px;min-height:42px}.crystal-chip.active{background:linear-gradient(145deg,#fff,#d2eeff 65%,#e3e4ff)!important;box-shadow:inset 0 2px 1px white,0 5px 14px #5088ae20,0 0 0 1px #90cde9!important;color:#174c7e}.crystal-chip[data-feed-sort=latest].active{background:linear-gradient(145deg,#fff,#fff0d6)!important}.crystal-chip[data-feed-sort=following].active{background:linear-gradient(145deg,#fff,#d9f4e9)!important}.filter-date-hint{display:flex;align-items:center;gap:6px;color:#6b859b;font-size:10px}.date-filter-form{display:flex;align-items:flex-end;gap:11px;flex-wrap:wrap;margin-top:15px}.date-filter-form label{font-size:11px;color:#577b96;flex:1;min-width:135px}.date-filter-form .form-control,.date-filter-form .form-select{font:inherit;min-height:42px;margin-top:6px;background-color:#fff;border:1px solid #cbe3f0;border-radius:10px;color:#244e72;box-shadow:inset 0 2px 4px #26648b08;font-size:12px}.date-filter-form .btn{font-size:11px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px}.date-filter-form input:focus,.date-filter-form select:focus{box-shadow:0 0 0 3px #5bcee830;border-color:#62bfd8}.filter-summary{font-size:11px;color:#55768e;line-height:1.8;margin:0 0 16px}.filter-summary:empty{display:none}#filter-error{font-size:11px;color:#aa4052;margin:12px 0 0}.feed-toolbar{margin-top:23px}#go-live{background:linear-gradient(140deg,#fff,#ffe9ed);color:#c64568}.btn-refresh{background:linear-gradient(140deg,#fff,#e9faff)!important}.dropdown-menu{box-shadow:0 15px 35px #28618b20;background:linear-gradient(135deg,#fff,#f1fbff)}.duration-pill{color:#fff;background:#113654e8}.duration-pill:before{display:none}
@media(max-width:991px) and (min-width:768px){.nav>span{height:25px;min-width:25px;width:25px}.nav{padding:8px;gap:7px}.filter-date-hint{display:none}}
@media(max-width:767px){.category-nav{background:linear-gradient(140deg,#fffffff5,#e8f9fff5)!important;box-shadow:0 -5px 25px #0c628c12}.category-nav .nav{background:transparent;border-color:transparent;box-shadow:none;padding:5px 3px;gap:3px;margin:0}.category-nav .nav>span{width:30px;min-width:30px;height:28px;box-shadow:none;background:#ffffffb0}.category-nav .nav.active{background:linear-gradient(140deg,#fff,#d6f1ff);border-color:#fff;box-shadow:0 2px 7px #18769e16}.category-nav .nav.active>span{background:#ffffffd9}.crystal-filters{margin-top:18px;padding:13px;border-radius:16px}.filter-topline{gap:10px}.filter-date-hint{display:none}.feed-sort-group{gap:7px;width:100%}.crystal-chip{flex:1;min-width:0;padding:9px 8px;justify-content:center;font-size:11px;gap:6px;white-space:nowrap}.date-filter-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}.date-filter-form label{min-width:0}.date-filter-form label:nth-child(3){grid-column:1/-1}.date-filter-form .form-control,.date-filter-form .form-select{min-width:0;width:100%;font-size:16px;min-height:43px;padding:8px}.date-filter-form .btn{font-size:11px;min-height:43px}.video-card{padding:5px;border-radius:15px}.video-cover{border-radius:10px}.video-card-body{padding:7px 3px 4px}.video-stats{font-size:10px;gap:4px}.video-stats i{font-size:10px}.video-date{font-size:8px;gap:4px}.video-date i{font-size:9px}.queue-add{width:28px;min-height:28px;height:28px}.filter-summary{font-size:10px}.playing-stats{font-size:11px}.crystal-reset{min-width:0}.nav:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){button,.btn,.button-link,.video-card{transition:none!important;transform:none!important}}
.date-filter-toggle{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:11px;min-height:42px;padding:9px 14px;border-radius:12px;flex-shrink:0}.date-filter-toggle[aria-expanded=true]{background:linear-gradient(145deg,#fff,#dcf4ff)!important;box-shadow:inset 0 2px 1px white,0 0 0 1px #8bcce5!important}.date-filter-toggle.has-filters:after{content:'';display:block;height:7px;width:7px;border-radius:50%;background:#098ac2;box-shadow:0 0 0 3px #098ac215}.date-filter-form[hidden]{display:none!important}@media(max-width:767px){.filter-topline{flex-wrap:wrap;gap:11px}.feed-sort-group{flex:1 1 100%}.date-filter-toggle{margin-left:auto;min-height:40px;font-size:11px;padding:8px 13px}}

/* Avoid painting off-screen cards; retain layout for lazy thumbnails. */
.video-card{content-visibility:auto;contain-intrinsic-size:auto 300px}
@media(max-width:767px),(prefers-reduced-motion:reduce){.placeholder-glow .placeholder{animation:none!important}header,.category-nav,.player-panel,.video-card,.crystal-filters{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

@media(max-width:767px){.category-nav .nav{flex:1 1 0!important;min-width:0!important}.category-nav{justify-content:space-between!important}}

.popular-periods{margin-top:14px}.popular-periods[hidden]{display:none!important}.period-buttons{display:flex;gap:8px;flex-wrap:wrap}.period-buttons .crystal-chip.active{background:linear-gradient(145deg,#fff,#d9f0ff)!important;border-color:#71bfdf!important}.period-hint{font-size:11px;color:#627f94;margin:9px 0 0}@media(max-width:767px){.period-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.period-buttons .crystal-chip{width:100%;justify-content:center}.period-hint{font-size:10px}}

.channel-filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px 0}.channel-filter-bar label{font-size:12px;color:#55768e;min-width:190px}.channel-filter-bar .form-select{margin-top:6px;min-height:44px;background-color:#fff;border-color:#cbe3f0;border-radius:12px}.channel-filter-bar .hint{flex-basis:100%;margin:0}.channel-filter-bar .period-buttons{flex:1}.channel-filter-bar .crystal-chip.active{border-color:#71bfdf!important;background:#e6f6ff!important}@media(max-width:767px){.channel-filter-bar label{width:100%}.channel-filter-bar .period-buttons{flex-basis:100%}}