.videos-page.svelte-yxunt{max-width:1200px;margin:0 auto;padding:clamp(20px,3vw,32px) clamp(16px,4vw,32px)}.page-header.svelte-yxunt{text-align:center;margin-bottom:40px}.page-header.svelte-yxunt h1:where(.svelte-yxunt){font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;color:var(--color-text-primary, #fff);margin:0 0 8px}.subtitle.svelte-yxunt{color:var(--color-text-secondary, rgba(255, 255, 255, .65));font-size:1rem;margin:0}.empty-state.svelte-yxunt{text-align:center;padding:80px 16px}.empty-icon.svelte-yxunt{font-size:3.5rem;margin-bottom:16px}.empty-state.svelte-yxunt h2:where(.svelte-yxunt){font-size:1.5rem;margin:0 0 8px;color:var(--color-text-primary, #fff)}.empty-state.svelte-yxunt p:where(.svelte-yxunt){color:var(--color-text-secondary, rgba(255, 255, 255, .55));margin:0}.tag-section.svelte-yxunt{margin-bottom:48px}.tag-header.svelte-yxunt{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.tag-heading.svelte-yxunt{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;color:var(--color-text-primary, #fff);margin:0}.tag-count.svelte-yxunt{font-size:.78rem;color:var(--color-text-secondary, rgba(255, 255, 255, .45));font-weight:500}.collection-block.svelte-yxunt{margin-bottom:28px}.collection-heading.svelte-yxunt{font-size:.9rem;font-weight:600;color:var(--color-text-secondary, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.video-grid.svelte-yxunt{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.load-more-wrap.svelte-yxunt{display:flex;justify-content:center;margin-top:20px}.load-more-btn.svelte-yxunt{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--color-text-secondary, rgba(255, 255, 255, .7));font-size:.875rem;font-weight:500;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.load-more-btn.svelte-yxunt:hover{background:#ffffff1a;border-color:#ffffff38;color:var(--color-text-primary, #fff)}.load-more-count.svelte-yxunt{font-size:.78rem;opacity:.6}.video-card.svelte-yxunt{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:border-color .18s ease,transform .18s ease}.video-card.svelte-yxunt:hover{border-color:#fff3;transform:translateY(-2px)}.video-card.svelte-yxunt:hover .play-overlay:where(.svelte-yxunt){opacity:1}.video-thumb.svelte-yxunt{position:relative;width:100%;aspect-ratio:16 / 9;background:#0006;overflow:hidden}.video-thumb.svelte-yxunt img:where(.svelte-yxunt){width:100%;height:100%;object-fit:cover;display:block}.thumb-placeholder.svelte-yxunt{width:100%;height:100%;background:linear-gradient(135deg,#ffffff0a,#0003)}.play-overlay.svelte-yxunt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;opacity:0;transition:opacity .18s ease}.play-icon.svelte-yxunt{font-size:2rem;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.video-duration.svelte-yxunt{position:absolute;bottom:6px;right:8px;font-size:.72rem;font-weight:600;color:#fff;background:#000000b3;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.video-info.svelte-yxunt{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}.video-title.svelte-yxunt{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #fff);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-views.svelte-yxunt{font-size:.75rem;color:var(--color-text-secondary, rgba(255, 255, 255, .45))}.video-overlay.svelte-yxunt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000d9;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-modal.svelte-yxunt{width:100%;max-width:960px;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.modal-header.svelte-yxunt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-title.svelte-yxunt{font-size:.95rem;font-weight:600;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close.svelte-yxunt{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.9rem;transition:background .15s ease,color .15s ease}.modal-close.svelte-yxunt:hover{background:#ffffff24;color:#fff}.modal-player.svelte-yxunt{position:relative;width:100%;padding-top:56.25%}.modal-player.svelte-yxunt iframe:where(.svelte-yxunt){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}@media(max-width:640px){.video-grid.svelte-yxunt{grid-template-columns:repeat(2,1fr);gap:10px}.tag-section.svelte-yxunt{margin-bottom:36px}}@media(max-width:380px){.video-grid.svelte-yxunt{grid-template-columns:1fr}}