.video-collection{container:video-collection/inline-size;display:grid;gap:22px;width:100%;min-width:0;color:var(--color-text)}.video-live-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding:17px;border:1px solid color-mix(in srgb,var(--color-content-video) 38%,var(--color-border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-content-video) 7%,var(--color-card));box-shadow:var(--shadow-card)}.video-live-callout__copy{display:grid;gap:4px;min-width:0}.video-live-callout__copy h2,.video-live-callout__copy p{margin:0}.video-live-callout__copy h2{color:var(--text-strong);font-size:var(--text-lg)}.video-live-callout__copy p{color:var(--text-soft);font-size:var(--text-sm);line-height:1.4}.video-live-callout__status{display:inline-flex;align-items:center;gap:6px;width:max-content;color:var(--color-content-video);font-size:var(--text-2xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.video-live-callout__status span{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor;animation:video-live-pulse 1.8s ease-in-out infinite}@keyframes video-live-pulse{50%{opacity:.42}}.video-live-hero{position:relative;display:grid;place-items:center;gap:12px;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--color-content-video) 34%,transparent),transparent 62%),var(--color-neutral-900);color:var(--on-media-text);text-decoration:none;box-shadow:var(--shadow-card);transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.video-live-hero:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.video-live-hero:focus-visible{outline:2px solid var(--control-focus-ring);outline-offset:2px}.video-live-hero__badge{gap:6px;font-weight:800}.video-live-hero__dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor;animation:video-live-pulse 1.8s ease-in-out infinite}.video-live-hero__play{display:grid;place-items:center;width:68px;height:68px;padding-left:4px;border-radius:var(--radius-full);background:var(--on-media-fill-bright);color:var(--color-content-video);box-shadow:var(--shadow-disc)}.video-live-hero__caption{color:var(--on-media-text-soft);font-size:var(--text-sm);font-weight:600}.video-collection__section,.video-live-empty,.video-live-results,.video-playlist-items{display:grid;gap:14px;min-width:0}.video-collection__section+.video-collection__section{padding-block-start:20px;border-top:1px solid var(--glass-border-subtle)}.video-playlist-grid{--ui-grid-min:10.5rem;--ui-grid-gap:14px;min-width:0}.video-playlist-items .video-preview-grid--playlist{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.video-collection__empty,.video-playlist-items__empty{margin:0;padding:18px 0;border-block:1px solid var(--glass-border-subtle);color:var(--text-soft);font-size:var(--text-sm)}.video-live-grid{--ui-grid-min:18rem;--ui-grid-gap:18px;min-width:0}.video-live-card{gap:0;padding:0;overflow:hidden}.video-live-card__media{border-radius:0;background:var(--color-neutral-950);color:var(--on-media-text);font-size:var(--text-sm);font-weight:600}.video-live-card__media *,.video-live-card__media iframe,.video-live-card__media video{border-radius:0!important}.video-live-card__media .react-player,.video-live-card__media .react-player__preview{width:100%!important;height:100%!important}.video-live-card__media .react-player__preview{background-position:50%;background-size:cover}.video-live-card__placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--on-media-text-soft);letter-spacing:.05em;text-transform:uppercase}.video-live-card__body{flex:1 1 auto;padding:12px 14px 14px}.video-live-card__body h3 a{color:var(--color-text);text-decoration:none}.video-live-card__body h3 a:hover{color:var(--color-content-video)}.video-live-results__load-more{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.video-live-results__error{margin:0;color:var(--color-status-error);font-size:var(--text-sm)}.video-live-empty>p{margin:0;color:var(--text-soft)}.video-live-empty__fallback-header{display:grid;gap:4px;padding-block-start:12px;border-top:1px solid var(--glass-border-subtle)}.video-live-empty__fallback-header h2,.video-live-empty__fallback-header p{margin:0}.video-live-empty__fallback-header h2{font-size:var(--text-lg)}.video-live-empty__fallback-header p{color:var(--text-soft);font-size:var(--text-sm)}@container video-collection (max-width: 360px){.video-live-callout{align-items:stretch;flex-direction:column}.video-live-callout .hkt-button{width:100%}}@media (prefers-reduced-motion:reduce){.video-live-callout__status span,.video-live-hero__dot{animation:none}}.tv-playlist-card{gap:0;padding:0;overflow:hidden;color:var(--color-text);text-decoration:none;transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.tv-playlist-card:hover{border-color:color-mix(in srgb,var(--color-content-video) 58%,var(--color-border));box-shadow:var(--shadow-raised);transform:translateY(-2px)}.tv-playlist-card:focus-visible{outline:2px solid var(--control-focus-ring);outline-offset:2px}.tv-playlist-card__media{position:relative;border-radius:0;background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--color-secondary) 28%,transparent),transparent 60%),var(--color-neutral-900);color:var(--on-media-text)}.tv-playlist-card--live .tv-playlist-card__media{background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--color-content-video) 34%,transparent),transparent 60%),var(--color-neutral-900)}.tv-playlist-card__placeholder{display:inline-flex;flex-direction:column;align-items:center;gap:8px;color:var(--on-media-text-soft);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tv-playlist-card__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tv-playlist-card__count{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:var(--radius-full);background:var(--on-media-surface);color:var(--on-media-text);font-size:var(--text-2xs);font-weight:700;backdrop-filter:blur(4px)}.tv-playlist-card__body{min-height:94px;padding:14px 16px 16px}.tv-playlist-card__body h3{overflow-wrap:anywhere;transition:color var(--dur-base) var(--ease-standard)}.tv-playlist-card__body p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tv-playlist-card:hover .tv-playlist-card__body h3{color:var(--color-content-video)}