.header{text-align:center;margin-top:100px;margin-bottom:30px;color:#fff}.header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#f805a7,#0bd0f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:#0bd0f3;font-size:1rem}#upload-section{display:flex;align-items:center;justify-content:center;margin:40px 0 30px}.upload-area{background:#fff;color:#181818!important;border-radius:16px;border:2px solid #0bd0f3;box-shadow:0 4px 24px #0bd0f31a,0 2px 8px #f805a714;padding:2rem 2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-width:320px;cursor:pointer;transition:all .3s ease}.upload-area:hover{border-color:#f805a7;box-shadow:0 4px 24px #f805a726,0 2px 8px #0bd0f31a}.upload-area.dragover{border-color:#f805a7;background:#f805a70d}.upload-area *{color:#181818!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important}.upload-area .upload-text{color:#181818!important;font-weight:700;font-size:1.1em;margin-bottom:1em}#image-preview{border:2px solid #0bd0f3;background:#fff!important;padding:4px;border-radius:8px;margin-top:10px}.upload-btn{display:inline-block;padding:12px 32px;border-radius:24px;background:linear-gradient(90deg,#0bd0f3,#f805a7)!important;color:#fff!important;font-weight:700;border:none;cursor:pointer;font-size:1rem;margin-top:10px;box-shadow:0 2px 8px #0bd0f34d,0 1px 4px #f805a733;letter-spacing:1px;transition:all .3s cubic-bezier(.4,2,.3,1)}.upload-btn:hover{background:linear-gradient(90deg,#f805a7,#0bd0f3)!important;color:#181818!important}.progress-bar{width:100%;background:#eee;border-radius:8px;margin-top:10px;height:10px;overflow:hidden;box-shadow:0 1px 6px #0bd0f333,0 1px 4px #f805a71a}.progress-fill{height:100%;background:linear-gradient(90deg,#0bd0f3,#f805a7);width:0;transition:width .4s ease;border-radius:8px}.status{margin-top:10px;font-size:1rem;color:#0bd0f3!important;font-weight:700;text-shadow:0 1px 4px rgba(248,5,167,.3)}.gallery-grid{margin-top:20px}.mosaic-grid{-moz-column-count:3;column-count:3;-moz-column-gap:20px;column-gap:20px}.gallery-item{position:relative;background:#181818;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #0000002e;margin-bottom:20px;width:100%;display:inline-block;transition:all .3s}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0bd0f333}.gallery-item img,.gallery-item video{width:100%;display:block;border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;transition:transform .3s;cursor:pointer;-webkit-tap-highlight-color:transparent}.gallery-item:hover img,.gallery-item:hover video{transform:scale(1.04)}.gallery-meta{padding:12px;background:#222;color:#f5f5f5}.upload-date{font-size:.9rem;color:#aaa;margin-bottom:4px}.upload-time{font-size:.8rem;color:#666}.delete-btn{position:absolute;top:10px;right:10px;background:#f805a7;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;opacity:0;z-index:10;transition:all .2s}.gallery-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#0bd0f3;color:#181818;transform:scale(1.1)}.video-grid{-moz-column-count:4;column-count:4;-moz-column-gap:12px;column-gap:12px;padding-bottom:80px}.video-container{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:12px;background:#181818;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000004d;transition:transform .3s,box-shadow .3s;position:relative}.video-container:hover{transform:scale(1.02);box-shadow:0 8px 24px #0bd0f34d;z-index:10}.video-container:before{content:"";position:absolute;top:8px;left:8px;width:8px;height:8px;border-radius:50%;z-index:5;opacity:.8}.video-container.aspect-portrait:before{background:#e74c3c}.video-container.aspect-square:before{background:#f39c12}.video-container.aspect-wide:before{background:#2ecc71}.video-container.aspect-ultrawide:before{background:#9b59b6}.video-container.aspect-unknown:before{background:#666}.video-container video{width:100%;height:auto;display:block;background:#000}.video-container.aspect-portrait video{max-height:500px;-o-object-fit:contain;object-fit:contain}.video-thumbnail{position:relative;cursor:pointer;width:100%}.video-thumbnail img{width:100%;height:auto;display:block;background:#000}.video-thumbnail .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#f805a7d9;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px #00000080}.video-thumbnail .play-button svg{width:28px;height:28px;color:#fff;margin-left:4px}.video-thumbnail:hover .play-button{background:#0bd0f3f2;transform:translate(-50%,-50%) scale(1.1)}.video-stats{text-align:center;margin-bottom:20px;font-size:.9rem}.video-count{color:#f805a7;font-size:1.1rem;margin-bottom:8px}.aspect-stats{color:#666;font-size:.85rem}.aspect-stats span{margin:0 8px}.aspect-stats .portrait{color:#e74c3c}.aspect-stats .square{color:#f39c12}.aspect-stats .wide{color:#2ecc71}.aspect-stats .ultrawide{color:#9b59b6}.filter-bar{text-align:center;margin-bottom:20px}.filter-btn{background:#333;border:none;color:#fff;padding:8px 16px;margin:4px;border-radius:20px;cursor:pointer;font-size:.85rem;transition:all .3s}.filter-btn:hover,.filter-btn.active{background:#f805a7}.filter-btn .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.manifest-info{text-align:center;font-size:.75rem;color:#444;margin-bottom:10px}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f7;display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column}.lightbox-overlay[style*="display:none"]{opacity:0;pointer-events:none}#lightbox-content,#lightbox-content-sissy{display:flex;align-items:center;justify-content:center}#lightbox-img,#lightbox-img-sissy,#lightbox-video,#lightbox-video-sissy{max-width:90vw;max-height:80vh;width:auto;height:auto;border-radius:12px;box-shadow:0 20px 60px #000000b3;background:#000;-o-object-fit:contain;object-fit:contain}.lightbox-overlay img,.lightbox-overlay video{max-width:90vw;max-height:80vh;width:auto;height:auto;border-radius:12px;box-shadow:0 20px 60px #000000b3;background:#000;-o-object-fit:contain;object-fit:contain}.lightbox-close{position:absolute;top:20px;right:20px;background:#fff;border:none;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:2rem;display:flex;align-items:center;justify-content:center;color:#f805a7;z-index:10001;transition:all .2s;-webkit-tap-highlight-color:transparent}.lightbox-close:hover,.lightbox-close:active{background:#f805a7;color:#fff}.lightbox-nav{display:flex;justify-content:center;gap:20px;margin-top:20px}.lightbox-nav-btn{background:#fff;border:none;border-radius:50%;width:52px;height:52px;font-size:1.5rem;color:#0bd0f3;cursor:pointer;box-shadow:0 2px 8px #0000002e;transition:all .2s;-webkit-tap-highlight-color:transparent}.lightbox-nav-btn:hover,.lightbox-nav-btn:active{background:#0bd0f3;color:#fff}.video-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center;background:#000000f2;cursor:pointer;isolation:isolate}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;z-index:10;cursor:default}.lightbox-content video{max-width:90vw;max-height:85vh;display:block;border-radius:8px;box-shadow:0 0 40px #f805a74d}.video-lightbox .lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;padding:0 10px;line-height:1;transition:color .3s;width:auto;height:auto;border-radius:0}.video-lightbox .lightbox-close:hover{color:#f805a7;background:none}.loading{text-align:center;padding:60px 20px;color:#fffc;font-size:1.2rem}.error-message{text-align:center;padding:60px 20px;color:#fffc}.error-icon{font-size:3rem;margin-bottom:15px;color:#ff6b6b}.error-text{font-size:1.3rem;margin-bottom:8px;color:#ff6b6b}.error-subtext{font-size:1rem;opacity:.7}.empty-gallery{text-align:center;padding:60px 20px;color:#fffc}.empty-gallery-icon{font-size:4rem;margin-bottom:20px;color:#fff9}.empty-gallery-text{font-size:1.3rem;margin-bottom:10px}.empty-gallery-subtext{font-size:1rem;opacity:.8}.content-locked{position:relative}.content-locked:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:5;border-radius:inherit}.lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;padding:1.5rem;width:80%;max-width:200px}.lock-icon{font-size:2.5rem;margin-bottom:.75rem;color:#f805a7;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.lock-text{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.lock-tier{color:#0bd0f3;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.lock-upgrade-btn{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#f805a7,#0bd0f3);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s}.lock-upgrade-btn:hover{transform:scale(1.05);opacity:.9}.video-container:not(.content-locked) .lock-overlay,.gallery-item:not(.content-locked) .lock-overlay{display:none}.content-locked .video-thumbnail,.content-locked img,.content-locked video{pointer-events:none}.content-locked .play-button{display:none}.subscription-banner{background:linear-gradient(135deg,#f805a71a,#0bd0f31a);border:1px solid rgba(11,208,243,.3);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.subscription-banner-text{color:#fff}.subscription-banner-text strong{color:#f805a7}.subscription-banner-text span{color:#888;font-size:.9rem}.subscription-banner-btn{display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,#f805a7,#0bd0f3);border-radius:20px;color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;transition:opacity .2s}.subscription-banner-btn:hover{opacity:.9}.user-tier-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-left:8px}.user-tier-badge.free{background:#333;color:#888}.user-tier-badge.basic{background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:#000}.user-tier-badge.premium{background:linear-gradient(135deg,#f805a7,#0bd0f3);color:#fff}.user-tier-badge.vip,.user-tier-badge.lifetime{background:linear-gradient(135deg,gold,orange);color:#000}.duration-badge{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:600;z-index:5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.duration-badge.long{background:linear-gradient(135deg,#f805a7,#0bd0f3)}.duration-badge.premium{background:linear-gradient(135deg,gold,orange);color:#000}.exclusive-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#f805a7,#0bd0f3);color:#fff;padding:3px 10px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;z-index:5;letter-spacing:.5px}@media (max-width: 1400px){.video-grid{-moz-column-count:3;column-count:3}}@media (max-width: 1024px){.video-grid{-moz-column-count:2;column-count:2}}@media (max-width: 900px){.mosaic-grid{-moz-column-count:2;column-count:2}}@media (max-width: 768px){.header h1{font-size:2rem}.mosaic-grid{-moz-column-count:2;column-count:2}.video-grid{-moz-column-count:1;column-count:1}.video-container.aspect-portrait video{max-height:70vh}.lightbox-close{top:15px;right:15px;width:44px;height:44px}.lightbox-nav{position:fixed;bottom:30px;left:0;right:0}.lightbox-nav-btn{width:56px;height:56px;font-size:1.8rem}.lightbox-overlay img,.lightbox-overlay video{max-width:95vw;max-height:70vh}.lightbox-content video{max-width:95vw;max-height:80vh}.video-lightbox .lightbox-close{top:-35px;font-size:30px}.aspect-stats{display:none}.upload-area{min-width:auto;width:90%;padding:1.5rem}}@media (max-width: 600px){.mosaic-grid{-moz-column-count:1;column-count:1}}