.video-grid.svelte-1y93xue{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-card.svelte-1y93xue{background:none;border:none;padding:0;cursor:pointer;text-align:left;color:var(--text);outline:none}.video-thumb.svelte-1y93xue{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:border-color .3s,box-shadow .3s}.video-card.svelte-1y93xue:hover .video-thumb:where(.svelte-1y93xue){border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.video-thumb.svelte-1y93xue img:where(.svelte-1y93xue){width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.video-card.svelte-1y93xue:hover .video-thumb:where(.svelte-1y93xue) img:where(.svelte-1y93xue){transform:scale(1.05)}.scanline-overlay.svelte-1y93xue{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:1}.scanline-overlay.svelte-1y93xue:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,229,255,.03) 50%,transparent 100%);height:30%;animation:scanline 3s linear infinite;pointer-events:none}.play-btn.svelte-1y93xue{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:64px;height:64px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .3s var(--ease-out),box-shadow .3s;box-shadow:0 0 20px var(--accent-glow),0 0 60px var(--accent-glow)}.play-btn.svelte-1y93xue svg:where(.svelte-1y93xue){width:24px;height:24px;color:#fff;margin-left:3px}.video-card.svelte-1y93xue:hover .play-btn:where(.svelte-1y93xue){transform:translate(-50%,-50%) scale(1);box-shadow:0 0 30px var(--accent-glow-strong),0 0 80px var(--accent-glow),0 0 120px var(--accent-glow)}.video-type-badge.svelte-1y93xue{position:absolute;top:10px;right:10px;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:1px;background:#000000b3;border:1px solid var(--border-hover);border-radius:2px;color:var(--text-2);font-family:var(--font-mono);z-index:2}.video-title.svelte-1y93xue{margin-top:12px;font-size:14px;font-weight:500;color:var(--text-2);transition:color .3s;line-height:1.4}.video-card.svelte-1y93xue:hover .video-title:where(.svelte-1y93xue){color:var(--text)}.modal-backdrop.svelte-1y93xue{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:svelte-1y93xue-fadeIn .25s ease-out}.modal-content.svelte-1y93xue{position:relative;width:100%;max-width:960px;animation:svelte-1y93xue-scaleIn .3s var(--ease-out)}.modal-close.svelte-1y93xue{position:absolute;top:-48px;right:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-hover);border-radius:var(--radius);color:var(--text-2);cursor:pointer;transition:color .3s,border-color .3s;z-index:2}.modal-close.svelte-1y93xue:hover{color:var(--accent);border-color:var(--accent)}.modal-close.svelte-1y93xue svg:where(.svelte-1y93xue){width:20px;height:20px}.modal-video.svelte-1y93xue{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:#000;border:1px solid var(--border)}.modal-video.svelte-1y93xue iframe:where(.svelte-1y93xue){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.modal-title.svelte-1y93xue{margin-top:16px;font-size:16px;font-weight:500;color:var(--text-2);text-align:center}@keyframes svelte-1y93xue-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1y93xue-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.video-grid.svelte-1y93xue{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.video-grid.svelte-1y93xue{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.video-grid.svelte-1y93xue::-webkit-scrollbar{display:none}.video-card.svelte-1y93xue{flex:0 0 85%;scroll-snap-align:start}.play-btn.svelte-1y93xue{width:48px;height:48px}.play-btn.svelte-1y93xue svg:where(.svelte-1y93xue){width:18px;height:18px}.modal-content.svelte-1y93xue{max-width:100%}.modal-close.svelte-1y93xue{top:-44px}}