.kg-youtube-feed {
  width: 100%;
  color: var(--kg-text, #fff);
}
.kg-youtube-shell {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.1);
  background: var(--kg-card-bg, #0b1120);
  box-shadow: 0 25px 90px rgba(0,0,0,.55);
  padding: 24px;
}
.kg-youtube-shell::before,
.kg-youtube-shell::after {content:"";position:absolute;inset:0;pointer-events:none}
.kg-youtube-shell::before {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--kg-accent-mid) 18%, transparent) 0%, transparent 30%),
    radial-gradient(circle at bottom left, color-mix(in srgb, var(--kg-accent-start) 18%, transparent) 0%, transparent 32%);
}
.kg-youtube-shell::after {
  opacity:.5;
  filter:blur(48px);
  background:linear-gradient(90deg, color-mix(in srgb, var(--kg-accent-start) 20%, transparent), color-mix(in srgb, var(--kg-accent-mid) 20%, transparent), color-mix(in srgb, var(--kg-accent-end) 20%, transparent));
}
.kg-youtube-header,.kg-scroller{position:relative;z-index:1}
.kg-youtube-header{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.kg-kicker{margin:0;color:rgba(255,255,255,.4);font-size:12px;text-transform:uppercase;letter-spacing:.35em}
.kg-heading{margin:12px 0 0;font-size:clamp(30px,4vw,52px);line-height:1.05;font-weight:700;color:var(--kg-text,#fff)}
.kg-subheading{margin:12px 0 0;max-width:760px;font-size:16px;line-height:1.6;color:var(--kg-muted,#9ca3af)}
.kg-nav{display:flex;gap:12px}
.kg-nav-btn{height:48px;width:48px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:rgba(255,255,255,.85);cursor:pointer}
.kg-nav-btn:hover{background:rgba(255,255,255,.1)}
.kg-scroller{margin-top:32px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none;-ms-overflow-style:none}
.kg-scroller::-webkit-scrollbar{display:none}
.kg-track{display:flex;gap:20px;min-width:max-content}
.kg-video-card{display:block;width:320px;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);text-align:left;box-shadow:0 15px 50px rgba(0,0,0,.35);cursor:pointer;padding:0;color:var(--kg-text,#fff);text-decoration:none}
.kg-video-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.06);color:var(--kg-text,#fff);text-decoration:none}
.kg-video-card:visited,.kg-video-card:active,.kg-video-card:focus{color:var(--kg-text,#fff);text-decoration:none}
.kg-thumb-wrap{position:relative;height:180px;overflow:hidden;background:#000;border-top-left-radius:24px;border-top-right-radius:24px}
.kg-thumb{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transition:transform .5s ease;transform:scale(1.08)}
.kg-video-card:hover .kg-thumb{transform:scale(1.12)}
.kg-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,.06), transparent)}
.kg-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.kg-play::before{content:"▶";display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.12);backdrop-filter:blur(16px);font-size:28px;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.kg-duration{position:absolute;right:16px;bottom:16px;border-radius:10px;background:rgba(0,0,0,.7);padding:4px 10px;font-size:12px;font-weight:600;color:#fff;backdrop-filter:blur(16px)}
.kg-card-body{padding:20px}
.kg-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:18px;font-weight:600;line-height:1.35;color:var(--kg-text,#fff)}
.kg-card-meta{margin-top:12px;font-size:14px;color:var(--kg-muted,#9ca3af)}
.kg-message{padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
.kg-error{color:#fecaca}
@media (max-width:767px){.kg-youtube-shell{padding:20px}.kg-video-card{width:280px}.kg-thumb-wrap{height:158px}}