.modal-overlay.svelte-ixwff8{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.modal-content.svelte-ixwff8{background:#000;border-radius:var(--radius-lg, 12px);max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden;position:relative}.modal-header.svelte-ixwff8{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:#1a1a1a;border-bottom:1px solid #333}.modal-header.svelte-ixwff8 h2:where(.svelte-ixwff8){font-size:var(--text-lg, 1.125rem);font-weight:600;color:#fff;margin:0}.close-button.svelte-ixwff8{background:transparent;border:none;color:#999;cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius, 6px);transition:all .2s ease}.close-button.svelte-ixwff8:hover{background:#ffffff1a;color:#fff}.video-container.svelte-ixwff8{position:relative;background:#000;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-player.svelte-ixwff8{width:100%;height:100%;max-height:calc(90vh - 180px);object-fit:contain;cursor:pointer}.video-controls.svelte-ixwff8{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:var(--space-4) var(--space-3) var(--space-3);opacity:0;transition:opacity .3s ease}.video-container.svelte-ixwff8:hover .video-controls:where(.svelte-ixwff8){opacity:1}.progress-container.svelte-ixwff8{margin-bottom:var(--space-2);cursor:pointer;padding:var(--space-1) 0}.progress-bar.svelte-ixwff8{height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden;transition:height .2s ease}.progress-container.svelte-ixwff8:hover .progress-bar:where(.svelte-ixwff8){height:6px}.progress-filled.svelte-ixwff8{height:100%;background:var(--color-primary, #2563eb);transition:width .1s linear}.controls-row.svelte-ixwff8{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.controls-left.svelte-ixwff8,.controls-right.svelte-ixwff8{display:flex;align-items:center;gap:var(--space-2)}.control-button.svelte-ixwff8{background:transparent;border:none;color:#fff;cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius, 6px);transition:all .2s ease;position:relative}.control-button.svelte-ixwff8:hover{background:#fff3;transform:scale(1.05)}.skip-label.svelte-ixwff8{position:absolute;font-size:9px;font-weight:700;color:#fff;pointer-events:none}.time-display.svelte-ixwff8{font-size:var(--text-sm, .875rem);color:#fff;font-weight:500;font-variant-numeric:tabular-nums;min-width:100px}.volume-control.svelte-ixwff8{display:flex;align-items:center;gap:var(--space-2)}.volume-slider.svelte-ixwff8{width:80px;cursor:pointer;padding:var(--space-1) 0}.volume-bar.svelte-ixwff8{height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.volume-filled.svelte-ixwff8{height:100%;background:#fff;transition:width .1s linear}.modal-footer.svelte-ixwff8{padding:var(--space-3) var(--space-5);background:#1a1a1a;border-top:1px solid #333}.keyboard-shortcuts.svelte-ixwff8{font-size:var(--text-xs, .75rem);color:#999;margin:0;text-align:center}.keyboard-shortcuts.svelte-ixwff8 strong:where(.svelte-ixwff8){color:#ccc}@media (max-width: 768px){.modal-overlay.svelte-ixwff8{padding:0;align-items:center;justify-content:center}.modal-content.svelte-ixwff8{max-width:100vw;width:100vw;max-height:100vh;height:100vh;border-radius:0;margin:0;position:fixed;top:0;left:0;right:0;bottom:0}.modal-header.svelte-ixwff8{flex-shrink:0}.video-container.svelte-ixwff8{width:100%;height:100%;flex:1;overflow:hidden}.video-player.svelte-ixwff8{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}.modal-footer.svelte-ixwff8{flex-shrink:0}.volume-slider.svelte-ixwff8{display:none}.time-display.svelte-ixwff8{font-size:var(--text-xs, .75rem);min-width:80px}.keyboard-shortcuts.svelte-ixwff8{display:none}}@media (max-width: 480px){.modal-header.svelte-ixwff8{padding:var(--space-3) var(--space-4)}.modal-header.svelte-ixwff8 h2:where(.svelte-ixwff8){font-size:var(--text-base, 1rem)}.controls-row.svelte-ixwff8,.controls-left.svelte-ixwff8,.controls-right.svelte-ixwff8{gap:var(--space-1)}.control-button.svelte-ixwff8{padding:var(--space-0-5)}.control-button.svelte-ixwff8 svg:where(.svelte-ixwff8){width:18px;height:18px}.modal-footer.svelte-ixwff8{padding:var(--space-2) var(--space-3)}}.video-container.svelte-x7kuro{width:100%;max-width:100%;position:relative;overflow:hidden}.video-thumbnail.svelte-x7kuro{width:100%;max-width:100%;position:relative;border:none;background:none;padding:0;cursor:pointer;border-radius:var(--radius-lg, 12px);overflow:hidden;display:block;transition:transform .2s ease}.video-thumbnail.svelte-x7kuro:hover{transform:scale(1.02)}.video-thumbnail.svelte-x7kuro:active{transform:scale(.98)}.cover-image.svelte-x7kuro{width:100%;height:auto;display:block;object-fit:cover}.play-overlay.svelte-x7kuro{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.video-thumbnail.svelte-x7kuro:hover .play-overlay:where(.svelte-x7kuro){background:#00000080}.play-button.svelte-x7kuro{width:80px;height:80px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary, #2563eb);transition:all .2s ease;box-shadow:0 4px 12px #00000026}.video-thumbnail.svelte-x7kuro:hover .play-button:where(.svelte-x7kuro){transform:scale(1.1);background:#fff}.play-button.svelte-x7kuro svg:where(.svelte-x7kuro){margin-left:4px}@media (max-width: 768px){.play-button.svelte-x7kuro{width:60px;height:60px}.play-button.svelte-x7kuro svg:where(.svelte-x7kuro){width:36px;height:36px}}