.social-media-require-login-overlay{background:rgba(0,0,0,0.4);position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1000}.social-media-require-login-modal{background:white;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.15);max-width:500px;width:100%;overflow:hidden;position:relative;transition:opacity .2s ease,transform .2s ease;opacity:1;transform:scale(1)}.social-media-require-login-header{background:#f8f9fa;padding:20px 24px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between}.social-media-require-login-title{font-size:18px;font-weight:600;color:#333}.social-media-require-login-close-btn{background:0;border:0;color:#666;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.social-media-require-login-close-btn:hover{background:#e9ecef}.social-media-require-login-video-preview{padding:24px}.social-media-require-login-video-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;margin-bottom:20px}.social-media-require-login-video-thumbnail{position:relative;width:100%;height:180px;overflow:hidden;background:#f1f3f4}.social-media-require-login-video-thumbnail img{width:100%;height:100%;object-fit:cover}.social-media-require-login-duration-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,0.8);color:white;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500}.social-media-require-login-platform-badge{position:absolute;top:8px;left:8px;background:rgba(255,255,255,0.95);color:#333;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.social-media-require-login-video-info{padding:16px}.social-media-require-login-video-title{font-size:15px;font-weight:600;color:#333;margin-bottom:10px;line-height:1.4}.social-media-require-login-video-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:12px}.social-media-require-login-meta-item{display:flex;align-items:center;font-size:13px;color:#666}.social-media-require-login-meta-icon{width:14px;height:14px;margin-right:6px;opacity:.7;overflow:visible}.social-media-require-login-hashtags{display:flex;flex-wrap:wrap;gap:6px}.social-media-require-login-hashtag{background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.social-media-require-login-auth-section{padding:0 24px 24px;text-align:center}.social-media-require-login-membership-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;margin-bottom:20px;text-align:left}.social-media-require-login-notice-header{display:flex;align-items:center;margin-bottom:8px}.social-media-require-login-notice-icon{width:20px;height:20px;margin-right:8px;color:#856404}.social-media-require-login-notice-title{font-size:14px;font-weight:600;color:#856404}.social-media-require-login-notice-text{font-size:13px;color:#856404;line-height:1.4;margin-bottom:8px}.social-media-require-login-alternative-text{font-size:12px;color:#666;font-style:italic}.social-media-require-login-benefits-list{text-align:left;margin-bottom:20px}.social-media-require-login-benefit-item{display:flex;align-items:flex-start;font-size:13px;color:#555;margin-bottom:8px;line-height:1.4}.social-media-require-login-benefit-item::before{content:"✓";color:#28a745;font-weight:bold;margin-right:8px;margin-top:1px}.social-media-require-login-action-buttons{display:flex;gap:12px;justify-content:center}.social-media-require-login-btn-primary{background:#4285f4;color:white;border:0;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;flex:1;max-width:180px}.social-media-require-login-btn-primary:hover{background:#3367d6}.social-media-require-login-btn-secondary{background:white;color:#4285f4;border:1px solid #4285f4;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;flex:1;max-width:160px}.social-media-require-login-btn-secondary:hover{background:#f8f9fa}@media(max-width:480px){.social-media-require-login-modal{margin:10px}.social-media-require-login-video-meta{grid-template-columns:1fr}.social-media-require-login-action-buttons{flex-direction:column}.social-media-require-login-btn-primary,.social-media-require-login-btn-secondary{max-width:none}}.submission-progress-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box}.submission-progress-modal{background-color:white;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.3);max-width:480px;width:100%;overflow:hidden}.submission-progress-content{padding:24px;display:flex;flex-direction:column;gap:10px;min-height:80px;justify-content:center}.submission-progress-spinner{display:flex;justify-content:center;align-items:center}.submission-progress-spinner-circle{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:submission-progress-spin 1s linear infinite}@keyframes submission-progress-spin{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.submission-progress-section{display:none;flex-direction:column;gap:12px}.submission-progress-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.submission-progress-title{font-size:16px;font-weight:500;color:#1a1a1a;flex:1;min-width:120px}.submission-progress-percentage{font-size:14px;font-weight:600;color:#3498db;white-space:nowrap}.submission-progress-bar-container{width:100%;height:8px;background-color:#f3f3f3;border-radius:4px;overflow:hidden}.submission-progress-bar{width:0;height:100%;background-color:#3498db;border-radius:4px;transition:width .3s ease}.submission-progress-details{display:none;justify-content:space-between;font-size:12px;color:#666;gap:12px;flex-wrap:wrap}.submission-progress-speed{white-space:nowrap}.submission-progress-file-size{white-space:nowrap}@media(max-width:480px){.submission-progress-overlay{padding:16px}.submission-progress-content{padding:24px 20px;gap:10px}.submission-progress-title{font-size:14px;min-width:100px}.submission-progress-percentage{font-size:13px}.submission-progress-details{font-size:11px;gap:8px}.submission-progress-header{gap:6px}.submission-progress-spinner-circle{width:32px;height:32px;border-width:3px}}@media(max-width:360px){.submission-progress-content{padding:20px 16px;gap:8px}.submission-progress-title{font-size:13px}.submission-progress-percentage{font-size:12px}.submission-progress-details{font-size:10px;gap:6px;flex-direction:column;align-items:flex-start}.submission-progress-speed,.submission-progress-file-size{font-size:10px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.submission-progress-spinner-circle{border-width:3px}}@media(prefers-color-scheme:dark){.submission-progress-modal{background-color:#2d3748;color:#e2e8f0}.submission-progress-overlay{background-color:rgba(0,0,0,0.7)}.submission-progress-title{color:#e2e8f0}.submission-progress-percentage{color:#63b3ed}.submission-progress-speed{color:#63b3ed}.submission-progress-details{color:#a0aec0}.submission-progress-file-size{color:#a0aec0}.submission-progress-bar-container{background-color:#4a5568}.submission-progress-bar{background-color:#63b3ed}.submission-progress-spinner-circle{border-color:#4a5568;border-top-color:#63b3ed}}.submission-progress-modal:focus{outline:0}.submission-progress-modal{transform:scale(0.95);opacity:0;transition:transform .2s ease,opacity .2s ease}.submission-progress-overlay[style*="flex"] .submission-progress-modal{transform:scale(1);opacity:1}.submission-progress-bar.error{background-color:#f44}.submission-progress-title.error{color:#f44}.submission-progress-percentage.error{color:#f44}