.videos-page.svelte-yxunt{padding-bottom:var(--spacing-2xl)}.page-header.svelte-yxunt{text-align:center;margin:var(--spacing-xl) 0;position:relative}.page-header.svelte-yxunt h1:where(.svelte-yxunt){font-size:2.5rem;margin-bottom:var(--spacing-xs);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle.svelte-yxunt{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:var(--spacing-md)}.btn-secondary.svelte-yxunt{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary.svelte-yxunt:hover{border-color:var(--color-primary)}.add-video-form.svelte-yxunt{max-width:600px;margin:0 auto var(--spacing-xl);padding:var(--spacing-lg)}.input-group.svelte-yxunt{display:flex;gap:var(--spacing-sm)}.input-group.svelte-yxunt input:where(.svelte-yxunt){flex:1;padding:.8rem 1.2rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.message.svelte-yxunt{margin-top:var(--spacing-sm);font-size:.9rem;color:var(--color-primary);text-align:center}.message.error.svelte-yxunt{color:#ef4444}.filters-bar.svelte-yxunt{display:flex;justify-content:flex-end;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-group.svelte-yxunt{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group.svelte-yxunt label:where(.svelte-yxunt){font-size:.9rem;color:var(--color-text-muted);font-weight:500}.select-wrapper.svelte-yxunt{position:relative;min-width:160px}select.svelte-yxunt{appearance:none;width:100%;padding:.6rem 2.5rem .6rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}select.svelte-yxunt:hover,select.svelte-yxunt:focus{border-color:var(--color-primary);outline:none}.select-wrapper.svelte-yxunt .arrow:where(.svelte-yxunt){position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-muted);font-size:1.25rem}.video-card.svelte-yxunt{padding:0;overflow:hidden;height:100%;display:flex;flex-direction:column}.thumbnail-wrapper.svelte-yxunt{position:relative;aspect-ratio:16 / 9;overflow:hidden}.thumbnail-wrapper.svelte-yxunt img:where(.svelte-yxunt){width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.video-card.svelte-yxunt:hover .thumbnail-wrapper:where(.svelte-yxunt) img:where(.svelte-yxunt){transform:scale(1.05)}.play-overlay.svelte-yxunt{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.video-card.svelte-yxunt:hover .play-overlay:where(.svelte-yxunt){opacity:1}.play-overlay.svelte-yxunt span:where(.svelte-yxunt){font-size:3rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.video-info.svelte-yxunt{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.video-info.svelte-yxunt h3:where(.svelte-yxunt){font-size:1.1rem;margin-bottom:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.channel.svelte-yxunt{font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.meta.svelte-yxunt{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-text-muted)}.views.svelte-yxunt{display:flex;align-items:center;gap:4px}.icon-sm.svelte-yxunt{font-size:1rem}.category.svelte-yxunt{background:#8b5cf61a;color:var(--color-primary);padding:2px 8px;border-radius:var(--radius-sm);font-weight:500}.no-videos.svelte-yxunt{grid-column:1 / -1;text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.error-state.svelte-yxunt{grid-column:1 / -1;text-align:center;padding:var(--spacing-2xl);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.3);max-width:500px;margin:var(--spacing-xl) auto}.error-state.svelte-yxunt h3:where(.svelte-yxunt){margin:var(--spacing-md) 0 var(--spacing-sm);color:var(--color-text)}.error-state.svelte-yxunt p:where(.svelte-yxunt){color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.error-state.svelte-yxunt button:where(.svelte-yxunt){display:inline-flex;align-items:center;gap:var(--spacing-xs)}.error-state.svelte-yxunt .material-symbols-outlined:where(.svelte-yxunt){font-size:1.2rem}.icon-lg.svelte-yxunt{font-size:3rem;margin-bottom:var(--spacing-sm);opacity:.5;color:var(--color-text-muted)}@media(max-width:600px){.filters-bar.svelte-yxunt{justify-content:stretch}.filter-group.svelte-yxunt{flex:1;flex-direction:column;align-items:flex-start}.select-wrapper.svelte-yxunt{width:100%}.input-group.svelte-yxunt{flex-direction:column}.input-group.svelte-yxunt button:where(.svelte-yxunt){width:100%}}