a:where(.astro-prwxh6m4):hover:not(disabled){color:var(--sl-color-accent-high)}button:where(.astro-prwxh6m4){background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-4);color:var(--text-primary);padding:10px 16px;margin:0;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:7px;transition-property:background,border-color,color,opacity,transform;transition-duration:.15s;transition-timing-function:ease-in-out}button:where(.astro-prwxh6m4):hover:not(:disabled){background:var(--sl-color-accent);border-color:var(--sl-color-gray-3);color:#fff}button:where(.astro-prwxh6m4):active:not(:disabled){opacity:.8}button:where(.astro-prwxh6m4):disabled{cursor:default}button:where(.astro-prwxh6m4):disabled>:where(.astro-prwxh6m4){opacity:.35}button:where(.astro-prwxh6m4) svg:where(.astro-prwxh6m4){width:32px;height:32px}.container:where(.astro-prwxh6m4){width:100%;max-width:1280px}.video-player:where(.astro-prwxh6m4){display:flex;flex-direction:column;overflow:hidden}.video-container:where(.astro-prwxh6m4){position:relative;width:100%;max-height:720px;aspect-ratio:16 / 9;display:flex;align-self:center;align-items:center;justify-content:center}#video-canvas:where(.astro-prwxh6m4){width:100%;height:100%;display:block;zoom:2}.video-overlay:where(.astro-prwxh6m4){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;padding:0 20px}.video-overlay:where(.astro-prwxh6m4) svg:where(.astro-prwxh6m4){display:inline-block;width:80px;height:80px;opacity:.5}.video-overlay:where(.astro-prwxh6m4) p:where(.astro-prwxh6m4){font-size:15px;font-weight:500;letter-spacing:.01em}.controls:where(.astro-prwxh6m4){padding:24px 24px 6px;backdrop-filter:blur(10px)}.video-selector:where(.astro-prwxh6m4){margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--sl-color-gray-5)}.video-selector-label:where(.astro-prwxh6m4){font-weight:600;text-transform:uppercase;letter-spacing:.12em}.video-selector-buttons:where(.astro-prwxh6m4){display:flex;align-items:end;flex-direction:row;gap:14px}.video-selector-buttons:where(.astro-prwxh6m4) button:where(.astro-prwxh6m4){flex:1;width:100%}.progress-container:where(.astro-prwxh6m4){flex:1;min-width:200px}.time-display:where(.astro-prwxh6m4){display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:8px;font-variant-numeric:tabular-nums;letter-spacing:.05em}.progress-bar:where(.astro-prwxh6m4){width:100%;height:6px;background:var(--sl-color-gray-5);border-radius:3px;overflow:hidden;position:relative}.progress-fill:where(.astro-prwxh6m4){height:100%;background:var(--sl-color-accent-high);width:0%;transition:width .1s linear;border-radius:3px}.control-buttons:where(.astro-prwxh6m4){display:flex;align-items:center;gap:18px}.toggle-btn-wrapper:where(.astro-prwxh6m4){flex-shrink:0}.toggle-btn-wrapper:where(.astro-prwxh6m4) button:where(.astro-prwxh6m4){background:none;min-width:100px;padding:12px 20px;font-weight:700;letter-spacing:.03em}.toggle-btn-wrapper:where(.astro-prwxh6m4) button:where(.astro-prwxh6m4) svg:where(.astro-prwxh6m4){width:20px;height:20px}.btn-primary:where(.astro-prwxh6m4):hover:not(:disabled){background:var(--sl-color-accent)}.btn-stop:where(.astro-prwxh6m4):hover:not(:disabled){background:var(--sl-color-red);border-color:var(--sl-color-red)}.btn-primary:where(.astro-prwxh6m4) .toggle-state-stop:where(.astro-prwxh6m4){display:none}.btn-stop:where(.astro-prwxh6m4) .toggle-state-play:where(.astro-prwxh6m4){display:none}.volume-control:where(.astro-prwxh6m4){display:flex;align-items:center;gap:8px;flex-shrink:0}.volume-control:where(.astro-prwxh6m4) svg:where(.astro-prwxh6m4){width:20px;height:20px}input:where(.astro-prwxh6m4)[type=range]{width:100px;height:6px;border-radius:3px;outline:none;cursor:pointer}input:where(.astro-prwxh6m4)[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--sl-color-accent);border:none;transition:transform .15s ease}input:where(.astro-prwxh6m4)[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}input:where(.astro-prwxh6m4)[type=range]::-moz-range-thumb:active{transform:scale(1.1)}input:where(.astro-prwxh6m4)[type=range]:disabled::-moz-range-thumb{background:var(--sl-color-gray-5)}input:where(.astro-prwxh6m4)[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--sl-color-accent);transition:transform .15s ease}input:where(.astro-prwxh6m4)[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input:where(.astro-prwxh6m4)[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}input:where(.astro-prwxh6m4)[type=range]:disabled::-webkit-slider-thumb{background:var(--sl-color-gray-5)}input:where(.astro-prwxh6m4)[type=range]:disabled{opacity:.3;pointer-events:none}.status-indicator:where(.astro-prwxh6m4){margin-top:16px;padding-top:16px;border-top:1px solid var(--sl-color-gray-5);text-align:center;font-size:14px;font-weight:500;letter-spacing:.02em}.status-indicator:where(.astro-prwxh6m4).active{color:var(--sl-color-accent-high)}input:where(.astro-prwxh6m4)[type=file]{display:none}.modal:where(.astro-prwxh6m4){width:100%;height:100%;max-width:none;max-height:none;margin:0;border:none;background:none}.modal:where(.astro-prwxh6m4)[open]{display:flex;justify-content:center;align-items:center}.modal:where(.astro-prwxh6m4)::backdrop{background:#1a151299;backdrop-filter:blur(4px)}.modal-content:where(.astro-prwxh6m4){background:var(--sl-color-gray-7);padding:28px;max-width:400px;max-height:80vh;overflow-y:auto;border:1px solid var(--sl-color-gray-4)}.modal-header:where(.astro-prwxh6m4){display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-header:where(.astro-prwxh6m4) h2:where(.astro-prwxh6m4){font-family:Sora,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em}.modal-close:where(.astro-prwxh6m4){background:transparent;padding:4px;cursor:pointer;color:var(--sl-color-gray-1);transition:all .15s ease}.modal-close:where(.astro-prwxh6m4):hover{color:var(--sl-color-accent);background:transparent;transform:none}.modal-close:where(.astro-prwxh6m4):active{opacity:.7}.modal-info:where(.astro-prwxh6m4){font-size:15px;font-weight:400;padding-bottom:16px}.video-list:where(.astro-prwxh6m4){display:flex;flex-direction:column;gap:10px}.video-list-item:where(.astro-prwxh6m4){background:var(--sl-color-gray-5);border:1px solid var(--sl-color-gray-4);padding:16px 18px;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.video-list-item:where(.astro-prwxh6m4):hover{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:#fff}.video-list-item:where(.astro-prwxh6m4):active{opacity:.8}.video-list-item:where(.astro-prwxh6m4) .video-title:where(.astro-prwxh6m4){font-weight:600;font-size:15px;margin-bottom:6px;letter-spacing:-.01em}.video-list-item:where(.astro-prwxh6m4) .video-origin:where(.astro-prwxh6m4){font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.05em;font-variant-numeric:tabular-nums}.video-list-item:where(.astro-prwxh6m4):hover .video-origin:where(.astro-prwxh6m4){color:#fffc}@media(max-width:640px){.control-buttons:where(.astro-prwxh6m4){flex-wrap:wrap}.modal:where(.astro-prwxh6m4){padding:0}.modal:where(.astro-prwxh6m4)[open]{display:block}.modal-content:where(.astro-prwxh6m4){max-width:none;max-height:none}.toggle-btn-wrapper:where(.astro-prwxh6m4){width:100%;order:1}.toggle-btn-wrapper:where(.astro-prwxh6m4) button:where(.astro-prwxh6m4){width:100%}.progress-container:where(.astro-prwxh6m4){width:100%;order:2;margin-top:16px}.video-player:where(.astro-prwxh6m4){margin-inline:calc(-1 * var(--_breakout-margin))}.video-container:where(.astro-prwxh6m4){aspect-ratio:4 / 3}.video-overlay:where(.astro-prwxh6m4){width:100%}.video-overlay:where(.astro-prwxh6m4) svg:where(.astro-prwxh6m4){display:inline-block;width:60px;height:60px}.volume-control:where(.astro-prwxh6m4){width:100%;order:3;margin-top:16px;justify-content:center}.volume-control:where(.astro-prwxh6m4) input:where(.astro-prwxh6m4)[type=range]{flex:1;max-width:200px}.video-selector-buttons:where(.astro-prwxh6m4){flex-direction:column}}