body{margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;background:linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);color:#ffffff;line-height:1.6}.app.svelte-qpkpn8.svelte-qpkpn8{min-height:100vh}header.svelte-qpkpn8.svelte-qpkpn8{background:linear-gradient(90deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);padding:2rem;text-align:center;box-shadow:0 4px 20px rgba(0, 0, 0, 0.3)}h1.svelte-qpkpn8.svelte-qpkpn8{margin:0 0 1.5rem 0;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3)}.search-controls.svelte-qpkpn8.svelte-qpkpn8{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;max-width:600px;margin:0 auto}.search-input.svelte-qpkpn8.svelte-qpkpn8,.filter-select.svelte-qpkpn8.svelte-qpkpn8{padding:0.75rem 1rem;border:none;border-radius:12px;background:rgba(255, 255, 255, 0.1);color:white;font-size:1rem;backdrop-filter:blur(10px);transition:all 0.3s ease}.search-input.svelte-qpkpn8.svelte-qpkpn8{flex:1;min-width:300px}.search-input.svelte-qpkpn8.svelte-qpkpn8::placeholder{color:rgba(255, 255, 255, 0.7)}.search-input.svelte-qpkpn8.svelte-qpkpn8:focus,.filter-select.svelte-qpkpn8.svelte-qpkpn8:focus{outline:none;background:rgba(255, 255, 255, 0.2);transform:translateY(-2px);box-shadow:0 4px 15px rgba(255, 255, 255, 0.1)}.grid-container.svelte-qpkpn8.svelte-qpkpn8{padding:2rem;max-width:1400px;margin:0 auto}.video-grid.svelte-qpkpn8.svelte-qpkpn8{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:2rem}.video-card.svelte-qpkpn8.svelte-qpkpn8{background:linear-gradient(145deg, #1e1e1e 0%, #2a2a2a 100%);border-radius:16px;overflow:hidden;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0, 0, 0, 0.3)}.video-card.svelte-qpkpn8.svelte-qpkpn8:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(99, 102, 241, 0.3)}.video-thumbnail.svelte-qpkpn8.svelte-qpkpn8{position:relative;aspect-ratio:1;overflow:hidden}.video-thumbnail.svelte-qpkpn8 img.svelte-qpkpn8{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.video-card.svelte-qpkpn8:hover .video-thumbnail img.svelte-qpkpn8{transform:scale(1.05)}.play-overlay.svelte-qpkpn8.svelte-qpkpn8{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.video-card.svelte-qpkpn8:hover .play-overlay.svelte-qpkpn8{opacity:1}.play-button.svelte-qpkpn8.svelte-qpkpn8{width:60px;height:60px;background:rgba(99, 102, 241, 0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;backdrop-filter:blur(10px)}.video-info.svelte-qpkpn8.svelte-qpkpn8{padding:1.5rem}.video-title.svelte-qpkpn8.svelte-qpkpn8{margin:0 0 0.5rem 0;font-size:1.1rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta.svelte-qpkpn8.svelte-qpkpn8{margin:0;display:flex;justify-content:space-between;font-size:0.9rem;color:#a0a0a0}.date.svelte-qpkpn8.svelte-qpkpn8{color:#06b6d4}.source.svelte-qpkpn8.svelte-qpkpn8{color:#8b5cf6;font-weight:500}.player-view.svelte-qpkpn8.svelte-qpkpn8{min-height:100vh}.player-header.svelte-qpkpn8.svelte-qpkpn8{background:linear-gradient(90deg, #1e1e1e 0%, #2a2a2a 100%);padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 10px rgba(0, 0, 0, 0.3)}.back-button.svelte-qpkpn8.svelte-qpkpn8{background:linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);color:white;border:none;padding:0.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:all 0.3s ease}.back-button.svelte-qpkpn8.svelte-qpkpn8:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(99, 102, 241, 0.4)}.player-header.svelte-qpkpn8 h1.svelte-qpkpn8{margin:0;font-size:1.5rem;flex:1}.player-content.svelte-qpkpn8.svelte-qpkpn8{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.video-player.svelte-qpkpn8.svelte-qpkpn8{aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0, 0, 0, 0.4)}.video-player.svelte-qpkpn8 iframe.svelte-qpkpn8{width:100%;height:100%;border:none}.resources-section.svelte-qpkpn8.svelte-qpkpn8{background:linear-gradient(145deg, #1e1e1e 0%, #2a2a2a 100%);border-radius:16px;padding:2rem;height:fit-content;box-shadow:0 4px 20px rgba(0, 0, 0, 0.3)}.resources-section.svelte-qpkpn8 h2.svelte-qpkpn8{margin:0 0 1.5rem 0;color:#06b6d4;font-size:1.5rem}.resource-group.svelte-qpkpn8.svelte-qpkpn8{margin-bottom:2rem}.resource-group.svelte-qpkpn8 h3.svelte-qpkpn8{margin:0 0 0.5rem 0;color:#8b5cf6;font-size:1.1rem}.resource-meta.svelte-qpkpn8.svelte-qpkpn8{margin:0 0 1rem 0;color:#a0a0a0;font-size:0.9rem}.resource-links.svelte-qpkpn8.svelte-qpkpn8{display:flex;flex-direction:column;gap:0.5rem}.resource-link.svelte-qpkpn8.svelte-qpkpn8{color:#06b6d4;text-decoration:none;padding:0.5rem 0.75rem;background:rgba(6, 182, 212, 0.1);border-radius:8px;transition:all 0.3s ease;font-size:0.9rem}.resource-link.svelte-qpkpn8.svelte-qpkpn8:hover{background:rgba(6, 182, 212, 0.2);transform:translateX(4px)}@media(max-width: 768px){.player-content.svelte-qpkpn8.svelte-qpkpn8{grid-template-columns:1fr}.video-grid.svelte-qpkpn8.svelte-qpkpn8{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem}header.svelte-qpkpn8.svelte-qpkpn8{padding:1rem}h1.svelte-qpkpn8.svelte-qpkpn8{font-size:2rem}.search-controls.svelte-qpkpn8.svelte-qpkpn8{flex-direction:column;align-items:center}.search-input.svelte-qpkpn8.svelte-qpkpn8{min-width:100%}}