/* Shared Liquid Glass material. No background graphics or animation are introduced. */
body.portal-liquid-glass {
 --portal-glass-fill: rgba(237,246,255,.45);
 --portal-glass-opaque: #fff;
 --portal-glass-light: linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.38) 42%,rgba(255,255,255,.58));
 --portal-glass-shadow: inset 0 1px 0 rgba(255,255,255,.98),inset 1px 0 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(110,152,209,.15),0 12px 32px rgba(27,64,119,.11),0 2px 7px rgba(27,64,119,.05);
}
.portal-liquid-glass :is(.course-card,.paper-card,.filter-section,.subject-filter-wrapper,.live-filter-pills,.stream-card,.broadcast-info-card,.live-chat-card,.live-control-deck) {
 background: var(--portal-glass-opaque) !important;
 border: 1px solid rgba(255,255,255,.94);
 border-radius: 24px;
 box-shadow: var(--portal-glass-shadow) !important;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
 .portal-liquid-glass :is(.course-card,.paper-card,.filter-section,.subject-filter-wrapper,.live-filter-pills,.stream-card,.broadcast-info-card,.live-chat-card,.live-control-deck) {
  background: var(--portal-glass-light),var(--portal-glass-fill) !important;
  -webkit-backdrop-filter: blur(18px) saturate(155%);
  backdrop-filter: blur(18px) saturate(155%);
 }
}
/* A selected stream and enrolled course keep their meaningful status outlines. */
.portal-liquid-glass .stream-card.is-active-stream { border-color: #227aff; outline: 1px solid #227aff; }
.portal-liquid-glass .course-card-enrolled { border-color: #10b981; }
/* Children are solid surfaces; no nested backdrop filters or player changes. */
.portal-liquid-glass .paper-actions-bar { background: #f4f8ff; border-radius: 12px; }
.portal-liquid-glass .chat-header { background: #f4f8ff; }
@media (prefers-reduced-transparency: reduce),(prefers-contrast: more) {
 .portal-liquid-glass :is(.course-card,.paper-card,.filter-section,.subject-filter-wrapper,.live-filter-pills,.stream-card,.broadcast-info-card,.live-chat-card,.live-control-deck) {
  background: var(--portal-glass-opaque) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: #b6c9e3;
 }
 .portal-liquid-glass .stream-card.is-active-stream { border-color: #227aff; }
 .portal-liquid-glass .course-card-enrolled { border-color: #10b981; }
}
/* A richer classroom material; video and playback controls never receive blur. */
body.portal-liquid-glass.live-page-loading,
body.portal-liquid-glass:has(.live-main-container) {
 --portal-glass-fill: rgba(223,239,255,.32);
 --portal-glass-light: linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.3) 42%,rgba(238,248,255,.72));
 --portal-glass-shadow: inset 0 1.5px 0 rgba(255,255,255,1),inset 1px 0 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(109,155,222,.22),0 16px 40px rgba(27,64,119,.13),0 3px 8px rgba(27,64,119,.05);
}
.portal-liquid-glass :is(.live-chat-card,.broadcast-info-card,.live-control-deck) { border-radius: 28px; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
 .portal-liquid-glass :is(.live-chat-card,.broadcast-info-card,.live-control-deck,.stream-card,.live-filter-pills) {
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
 }
}
.portal-liquid-glass .live-chat-card .chat-header { background: rgba(244,249,255,.65); border-bottom-color: rgba(255,255,255,.85); }
.portal-liquid-glass .live-chat-card .chat-messages-container { background: transparent; }
@media (prefers-reduced-transparency: reduce),(prefers-contrast: more) {
 .portal-liquid-glass :is(.live-chat-card,.broadcast-info-card,.live-control-deck,.stream-card,.live-filter-pills) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #fff !important;
 }
 .portal-liquid-glass .live-chat-card .chat-header { background: #f4f8ff; }
}
.portal-liquid-glass .stream-provider-badge {
 display: inline-flex; align-items: center; gap: 5px;
 padding: 3px 8px; border: 1px solid #c5d9ff; border-radius: 999px;
 background: #edf4ff; color: #1758b8; font-size: 11px;
 font-weight: 600; line-height: 1.4; white-space: nowrap;
}
.portal-liquid-glass .stream-provider-badge.provider-youtube { background: #fff0f0; border-color: #f8cccc; color: #a92121; }
.portal-liquid-glass .stream-provider-badge.provider-stream { background: #f0f4f8; border-color: #d7e0eb; color: #435b77; }