/*
 Channel Cast Material Bootstrap UI v2.3.1
 Self-hosted Material/Bootstrap-inspired component layer.
*/
:root{
  --mdb-primary:#5b6ff5;
  --mdb-primary-rgb:91,111,245;
  --mdb-secondary:#5572f2;
  --mdb-surface:#111722;
  --mdb-surface-2:#171e2a;
  --mdb-surface-3:#1d2533;
  --mdb-border:rgba(255,255,255,.085);
  --mdb-text:#f5f7fb;
  --mdb-muted:#8e99aa;
  --mdb-radius:14px;
  --mdb-radius-sm:10px;
  --mdb-shadow-1:0 3px 10px rgba(0,0,0,.18);
  --mdb-shadow-2:0 12px 30px rgba(0,0,0,.24);
}
.mdb-card{
  background:var(--mdb-surface);
  border:1px solid var(--mdb-border);
  border-radius:var(--mdb-radius);
  box-shadow:var(--mdb-shadow-1);
}
.mdb-btn{
  position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
  min-height:39px;padding:.55rem .9rem;border:0;border-radius:9px;font-size:.78rem;font-weight:750;
  letter-spacing:.005em;transition:transform .14s,box-shadow .14s,background .14s;
}
.mdb-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,.22)}
.mdb-btn-primary{background:var(--mdb-primary);color:#fff}
.mdb-btn-tonal{background:rgba(var(--mdb-primary-rgb),.13);color:#aab5ff;border:1px solid rgba(var(--mdb-primary-rgb),.21)}
.mdb-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .55rem;border-radius:999px;background:#1b2230;border:1px solid var(--mdb-border);color:#a6b0c1;font-size:.67rem;font-weight:750}
.mdb-badge-live{background:#e94053;color:#fff;border-color:#ff5e6e}
.mdb-section-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#647085;font-weight:850}
.mdb-divider{height:1px;background:var(--mdb-border)}
.mdb-avatar{border-radius:50%;object-fit:cover;background:#1e2634;box-shadow:0 0 0 2px #111722,0 0 0 3px rgba(255,255,255,.08)}
.mdb-ripple{position:relative;overflow:hidden}
.mdb-ripple:active:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.08);animation:mdbFlash .28s ease-out}
@keyframes mdbFlash{from{opacity:1}to{opacity:0}}