.video-container[data-v-67bad0db]{width:100%;height:100vh;position:relative;background-color:#000;overflow:hidden;-webkit-overflow-scrolling:touch}.videos-wrapper[data-v-67bad0db]{width:100%;height:100%;position:relative}.video-wrapper[data-v-67bad0db]{width:100%;height:100vh;position:absolute;top:0;left:0;transform:translateY(0);transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.video-player-container[data-v-67bad0db]{width:100%;height:100%;position:relative;overflow:hidden;background-color:#000;display:flex;align-items:center;justify-content:center}.video-player[data-v-67bad0db]{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background-color:transparent}.video-player[data-v-67bad0db]::-webkit-media-controls,.video-player[data-v-67bad0db]::-webkit-media-controls-enclosure,.video-player[data-v-67bad0db]::-webkit-media-controls-panel{display:none!important;opacity:0!important;pointer-events:none!important}.video-overlay[data-v-67bad0db]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2}.video-header[data-v-67bad0db]{position:absolute;top:20px;left:0;right:0;padding:0 20px;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}.video-count[data-v-67bad0db]{background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:20px;font-size:14px;color:#fff;font-weight:500;letter-spacing:.5px}.video-count .separator[data-v-67bad0db]{margin:0 4px;opacity:.8}.video-duration[data-v-67bad0db]{background:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:20px;font-size:14px;color:#fff;font-weight:500;letter-spacing:.5px}.video-info[data-v-67bad0db]{position:absolute;bottom:90px;left:0;right:0;padding:0 20px;pointer-events:none;opacity:1;transform:none;transition:opacity .3s ease;z-index:3}.video-info-content[data-v-67bad0db]{display:flex;align-items:flex-start;gap:12px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;display:inline-flex;max-width:90%}.user-avatar[data-v-67bad0db]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.video-info-text[data-v-67bad0db]{display:flex;flex-direction:column;gap:8px;min-width:0}.video-name[data-v-67bad0db]{display:flex;align-items:center;gap:8px;font-size:15px;color:#fff;font-weight:500;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.video-meta[data-v-67bad0db]{display:flex;flex-wrap:wrap;gap:12px}.meta-item[data-v-67bad0db]{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffb3;line-height:1.2}.meta-icon[data-v-67bad0db]{width:14px;height:14px;stroke:currentColor;stroke-width:2;flex-shrink:0}.video-progress[data-v-67bad0db],.video-stats[data-v-67bad0db]{display:none}.video-wrapper.active[data-v-67bad0db]{z-index:2}.video-controls[data-v-67bad0db]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0003 30%,#0009 70%,#000c);padding:60px 0 20px;pointer-events:auto;opacity:0;transition:opacity .3s ease}.video-overlay:hover .video-controls[data-v-67bad0db]{opacity:1}.progress-container[data-v-67bad0db]{position:relative;padding:0 16px;margin-bottom:16px;display:flex;align-items:center;gap:16px}.progress-bar[data-v-67bad0db]{flex:1;height:3px;position:relative;cursor:pointer;padding:8px 0;margin:0}.progress-background[data-v-67bad0db]{position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);background:#fff3;border-radius:2px}.progress-current[data-v-67bad0db]{position:absolute;top:50%;transform:translateY(-50%);left:0;height:3px;background:#fff;border-radius:2px;transition:width .1s linear}.progress-handle[data-v-67bad0db]{opacity:0;position:absolute;top:50%;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;transition:opacity .2s;box-shadow:0 0 4px #0003}.progress-bar:hover .progress-handle[data-v-67bad0db]{opacity:1}.controls-buttons[data-v-67bad0db]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 16px 15px}.center-controls[data-v-67bad0db]{display:flex;align-items:center;gap:10px;position:absolute;left:50%;transform:translate(-50%);border-radius:32px;padding:6px 22px}.play-btn[data-v-67bad0db]{width:28px;height:28px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.play-btn[data-v-67bad0db]:hover{transform:scale(1.1)}.play-btn .icon[data-v-67bad0db]{width:28px;height:28px;color:#fff}.volume-control[data-v-67bad0db]{display:flex;align-items:center;gap:12px;padding:6px;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;border:none}.volume-control .control-btn[data-v-67bad0db]{width:30px;height:30px;padding:0;opacity:1;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);background:transparent;border:none;cursor:pointer}.volume-control .control-btn[data-v-67bad0db]:hover{transform:scale(1.1)}.volume-control .icon[data-v-67bad0db]{width:33px;height:33px;color:#fff}.volume-slider[data-v-67bad0db]{width:0;position:relative;cursor:pointer;padding:8px 0;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;margin-right:0}.volume-control:hover .volume-slider[data-v-67bad0db]{width:80px;opacity:1;margin-right:6px}.volume-background[data-v-67bad0db]{position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);background:#fff3;border-radius:2px}.volume-current[data-v-67bad0db]{position:absolute;left:0;top:50%;height:3px;transform:translateY(-50%);background:#fff;border-radius:2px;transition:width .1s linear}.volume-handle[data-v-67bad0db]{position:absolute;top:50%;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.volume-slider:hover .volume-handle[data-v-67bad0db],.volume-control.dragging .volume-handle[data-v-67bad0db]{transform:translate(-50%,-50%) scale(1)}.video-controls[data-v-67bad0db]{background:linear-gradient(transparent,#0003 30%,#0006 60%,#000000d9);padding:60px 0 20px}.icon[data-v-67bad0db]{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .2s ease}.time-display[data-v-67bad0db]{color:#ffffffe6;font-size:13px;padding:4px 8px;background:#0000004d;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.5px;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.video-background[data-v-67bad0db]{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:blur(30px);transform:scale(1.1);opacity:.5;transition:background-image .3s ease}.image-container[data-v-67bad0db]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.image-preview[data-v-67bad0db]{max-width:100%;max-height:100%;object-fit:contain;display:block;margin:auto;transition:opacity .5s ease;will-change:opacity}.image-preview.thumbnail[data-v-67bad0db]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;filter:blur(8px);z-index:1}.image-preview.thumbnail.fade-out[data-v-67bad0db]{opacity:0}.image-preview.full[data-v-67bad0db]{opacity:0;z-index:2;position:relative}.image-preview.full.fade-in[data-v-67bad0db]{opacity:1}.image-container[data-v-67bad0db]:before{display:none}.loading-spinner[data-v-67bad0db]{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-67bad0db 1s linear infinite;z-index:3}@keyframes spin-67bad0db{to{transform:rotate(360deg)}}.switch-buttons[data-v-67bad0db]{position:fixed;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:10;pointer-events:auto}.switch-btn[data-v-67bad0db]{width:48px;height:48px;border-radius:50%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;position:relative}.switch-btn[data-v-67bad0db]:hover{background:#000000b3;transform:scale(1.1);border-color:#fff3}.switch-btn[data-v-67bad0db]:disabled{opacity:.5;cursor:not-allowed;transform:none}.switch-icon[data-v-67bad0db]{width:28px;height:28px;color:#fff;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bounce-67bad0db{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 4px))}}.switch-btn:not(:disabled):hover .switch-icon[data-v-67bad0db]{animation:bounce-67bad0db .5s ease infinite}.switch-btn[data-v-67bad0db]:active:not(:disabled){transform:scale(.95);background:#000c}.file-type-filter[data-v-67bad0db]{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:4px}.filter-btn[data-v-67bad0db]{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;background:transparent;color:#ffffffb3;border-radius:20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:13px}.filter-btn[data-v-67bad0db]:hover{color:#fff;background:#ffffff1a;transform:translateY(-1px)}.filter-btn.active[data-v-67bad0db]{color:#fff;background:#ffffff26}.filter-icon[data-v-67bad0db]{width:16px;height:16px;stroke:currentColor;stroke-width:2}.filter-label[data-v-67bad0db]{font-size:13px;font-weight:500}.file-type-icon[data-v-67bad0db]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;background:#ffffff1a;border-radius:4px;padding:4px}.type-icon[data-v-67bad0db]{width:16px;height:16px;stroke:currentColor;stroke-width:2}@media (max-width: 768px){.file-type-filter[data-v-67bad0db]{top:8px;padding:3px;gap:4px}.filter-btn[data-v-67bad0db]{padding:4px 8px;font-size:12px}.filter-icon[data-v-67bad0db]{width:14px;height:14px}.filter-label[data-v-67bad0db]{font-size:12px}.switch-buttons[data-v-67bad0db]{right:16px;gap:12px}.switch-btn[data-v-67bad0db]{width:40px;height:40px}.switch-icon[data-v-67bad0db]{width:24px;height:24px}.video-info[data-v-67bad0db]{padding:12px}.video-info-content[data-v-67bad0db]{gap:8px}.user-avatar[data-v-67bad0db]{width:36px;height:36px}.video-name[data-v-67bad0db]{font-size:14px;gap:6px}.video-meta[data-v-67bad0db]{font-size:12px;gap:8px}.meta-icon[data-v-67bad0db]{width:14px;height:14px}.video-controls[data-v-67bad0db]{padding:40px 0 16px}.controls-buttons[data-v-67bad0db]{padding:4px 12px 12px}.center-controls[data-v-67bad0db]{padding:4px 16px;gap:8px}.play-btn[data-v-67bad0db],.play-btn .icon[data-v-67bad0db]{width:24px;height:24px}.volume-control[data-v-67bad0db]{gap:8px;padding:4px}.volume-control .control-btn[data-v-67bad0db],.volume-control .icon[data-v-67bad0db]{width:24px;height:24px}.volume-control:hover .volume-slider[data-v-67bad0db]{width:60px}.progress-container[data-v-67bad0db]{padding:0 12px}.progress-bar[data-v-67bad0db]{height:3px}.progress-handle[data-v-67bad0db]{width:10px;height:10px}.time-display[data-v-67bad0db]{font-size:12px;padding:3px 6px}.video-header[data-v-67bad0db]{padding:0 16px}.video-count[data-v-67bad0db],.video-duration[data-v-67bad0db]{font-size:12px;padding:4px 10px}.file-type-icon[data-v-67bad0db]{width:18px;height:18px;padding:3px}.type-icon[data-v-67bad0db]{width:14px;height:14px}}@media (max-width: 360px){.filter-label[data-v-67bad0db]{display:none}.filter-btn[data-v-67bad0db]{padding:4px}.video-meta[data-v-67bad0db]{flex-wrap:wrap}.meta-item[data-v-67bad0db]{font-size:11px}.switch-buttons[data-v-67bad0db]{right:12px}.switch-btn[data-v-67bad0db]{width:36px;height:36px}.switch-icon[data-v-67bad0db]{width:20px;height:20px}}@media (max-height: 480px) and (orientation: landscape){.video-info[data-v-67bad0db]{padding:8px}.video-meta[data-v-67bad0db]{display:none}.video-name[data-v-67bad0db]{font-size:13px}.user-avatar[data-v-67bad0db]{width:32px;height:32px}.video-controls[data-v-67bad0db]{padding:30px 0 12px}}*{margin:0;padding:0;box-sizing:border-box}.app{width:100%;height:100vh;background-color:#000}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{width:100%;height:100vh}