.videos-page.svelte-yxunt{--bg-page: #f8fafc;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--border-color: rgba(0, 0, 0, .08);min-height:100vh;background:var(--bg-page);color:var(--text-primary);padding:40px 0 80px}@media(prefers-color-scheme:dark){.videos-page.svelte-yxunt{--bg-page: #0f172a;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .08)}}.container.svelte-yxunt{max-width:1200px;margin:0 auto;padding:0 20px}h1.svelte-yxunt{font-size:2rem;font-weight:700;margin:0 0 24px}.search-bar.svelte-yxunt{position:relative;margin-bottom:20px}.search-icon.svelte-yxunt{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-secondary);pointer-events:none}.search-input.svelte-yxunt{width:100%;padding:14px 48px;font-size:1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input.svelte-yxunt::placeholder{color:var(--text-secondary)}.search-input.svelte-yxunt:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.clear-btn.svelte-yxunt{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:50%;transition:background .2s ease,color .2s ease}.clear-btn.svelte-yxunt:hover{background:var(--border-color);color:var(--text-primary)}.clear-btn.svelte-yxunt svg:where(.svelte-yxunt){width:18px;height:18px}.category-filter.svelte-yxunt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.category-btn.svelte-yxunt{padding:8px 16px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease}.category-btn.svelte-yxunt:hover,.category-btn.active.svelte-yxunt{background:var(--accent);border-color:var(--accent);color:#fff}.video-grid.svelte-yxunt{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.empty-state.svelte-yxunt{text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-state.svelte-yxunt svg:where(.svelte-yxunt){width:80px;height:80px;margin-bottom:16px;opacity:.5}.empty-state.svelte-yxunt p:where(.svelte-yxunt){font-size:1.1rem;margin:0}@media(max-width:768px){.videos-page.svelte-yxunt{padding:24px 0 60px}h1.svelte-yxunt{font-size:1.75rem;margin-bottom:20px}.search-input.svelte-yxunt{padding:12px 44px;font-size:.95rem}.search-icon.svelte-yxunt{left:14px;width:18px;height:18px}.category-filter.svelte-yxunt{gap:6px;margin-bottom:24px}.category-btn.svelte-yxunt{padding:6px 12px;font-size:.85rem}.video-grid.svelte-yxunt{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}