.video-page.svelte-yxunt{max-width:800px;margin:0 auto;padding:0 16px;box-sizing:border-box}.page-header.svelte-yxunt{text-align:center;margin-bottom:32px}.page-header.svelte-yxunt h1:where(.svelte-yxunt){margin:0;color:#2c3e50;font-size:28px}.video-stats-card.svelte-yxunt{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;border-radius:24px;margin-bottom:32px;box-shadow:0 8px 24px #667eea4d}.stats-header.svelte-yxunt{display:flex;align-items:center;gap:16px;margin-bottom:16px}.stats-icon.svelte-yxunt{font-size:48px}.stats-header.svelte-yxunt h2:where(.svelte-yxunt){margin:0;font-size:24px}.stats-description.svelte-yxunt{margin:0 0 24px;opacity:.9;line-height:1.6}.stats-grid.svelte-yxunt{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:24px}.stat-item.svelte-yxunt{text-align:center;background:#ffffff1a;padding:20px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:100px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.stat-label.svelte-yxunt{font-size:14px;opacity:.8;margin-bottom:8px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.stat-value.svelte-yxunt{font-size:24px;font-weight:700;word-wrap:break-word;overflow-wrap:break-word}.video-library.svelte-yxunt{background:#fff;padding:32px;border-radius:16px;margin-bottom:32px;box-shadow:0 2px 8px #0000001a}.video-grid.svelte-yxunt{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}.video-card.svelte-yxunt{background:#f8f9fa;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s;border:2px solid transparent}.video-card.svelte-yxunt:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#667eea}.video-thumbnail.svelte-yxunt{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);height:180px;display:flex;align-items:center;justify-content:center;color:#fff}.play-button.svelte-yxunt{font-size:48px;opacity:.9}.video-duration.svelte-yxunt{position:absolute;bottom:12px;right:12px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.video-info.svelte-yxunt{padding:20px}.video-title.svelte-yxunt{margin:0 0 8px;color:#2c3e50;font-size:18px;font-weight:600}.video-description.svelte-yxunt{margin:0;color:#7f8c8d;font-size:14px;line-height:1.5}.video-modal.svelte-yxunt{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content.svelte-yxunt{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header.svelte-yxunt{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header.svelte-yxunt h3:where(.svelte-yxunt){margin:0;color:#2c3e50;font-size:20px}.close-btn.svelte-yxunt{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn.svelte-yxunt:hover{background:#f8f9fa;color:#2c3e50}.video-container.svelte-yxunt{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000}.video-container.svelte-yxunt video:where(.svelte-yxunt){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.modal-footer.svelte-yxunt{padding:20px 24px;border-top:1px solid #eee;background:#f8f9fa}.modal-footer.svelte-yxunt p:where(.svelte-yxunt){margin:0;color:#7f8c8d;line-height:1.5}@media(max-width:1200px){.video-page.svelte-yxunt{max-width:900px;padding:0 16px}.stats-grid.svelte-yxunt{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px}.stat-item.svelte-yxunt{padding:16px}.stat-value.svelte-yxunt{font-size:20px}.video-grid.svelte-yxunt{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.video-stats-card.svelte-yxunt,.video-library.svelte-yxunt{padding:24px}.section-header.svelte-yxunt h3:where(.svelte-yxunt){font-size:18px}.stats-header.svelte-yxunt h2:where(.svelte-yxunt){font-size:22px}.modal-content.svelte-yxunt{max-width:850px}}@media(max-width:1000px){.video-page.svelte-yxunt{max-width:800px;padding:0 12px}.stats-grid.svelte-yxunt{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.stat-item.svelte-yxunt{padding:12px}.stat-value.svelte-yxunt{font-size:18px}.video-grid.svelte-yxunt{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.video-stats-card.svelte-yxunt,.video-library.svelte-yxunt{padding:20px}}@media(min-resolution:1.5dppx),(min-resolution:144dpi){.video-page.svelte-yxunt{max-width:900px}.video-grid.svelte-yxunt{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.modal-content.svelte-yxunt{max-width:1000px}}@media(min-resolution:2dppx),(min-resolution:192dpi){.video-page.svelte-yxunt{max-width:1000px}.video-grid.svelte-yxunt{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media(max-width:768px){.video-page.svelte-yxunt{padding:0 12px}.stats-grid.svelte-yxunt{grid-template-columns:1fr}.video-grid.svelte-yxunt{grid-template-columns:1fr;gap:16px}.video-modal.svelte-yxunt{padding:10px}.modal-content.svelte-yxunt{max-height:95vh}.video-container.svelte-yxunt{padding-bottom:75%}.video-stats-card.svelte-yxunt,.video-library.svelte-yxunt{padding:20px}}@media(max-width:480px){.video-page.svelte-yxunt{padding:0 8px}.page-header.svelte-yxunt h1:where(.svelte-yxunt){font-size:24px}.stats-header.svelte-yxunt h2:where(.svelte-yxunt){font-size:20px}.section-header.svelte-yxunt h3:where(.svelte-yxunt){font-size:18px}.video-grid.svelte-yxunt{grid-template-columns:1fr;gap:12px}.video-stats-card.svelte-yxunt,.video-library.svelte-yxunt{padding:16px}}
