:root{--primary-pink:#ff006e;--pink-hover:#ff1a7f;--pink-light:#ff4d9e;--bg-dark:#0a0a0a;--bg-card:#151515;--bg-elevated:#1a1a1a;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--border-subtle:#252525}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:DM Sans,sans-serif;line-height:1.6}.main-header{background-color:var(--bg-dark);border-bottom:1px solid var(--border-subtle);z-index:100;padding:16px 0;position:sticky;top:0}.header-content{align-items:center;gap:24px;max-width:1400px;margin:0 auto;padding:0 24px;display:flex}.logo{flex-shrink:0}.logo svg{width:auto;height:44px}.search-container{flex:1;min-width:200px}.search-bar{width:100%;position:relative}.search-bar input{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 48px 12px 20px;font-size:15px;transition:all .2s}.search-bar input:focus{border-color:var(--primary-pink);background-color:var(--bg-card);outline:none}.search-bar input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.icon-btn{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-btn:hover{background-color:var(--primary-pink);border-color:var(--primary-pink);color:var(--text-primary);transform:translateY(-1px)}.icon-btn.hot-btn{color:var(--primary-pink)}.icon-btn.hot-btn:hover{color:var(--text-primary)}.icon-btn.active{background-color:var(--primary-pink);border-color:var(--primary-pink);color:var(--text-primary)}.user-avatar{background-color:var(--bg-elevated);cursor:pointer;border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:flex;position:relative}.user-avatar:hover{background-color:var(--primary-pink);border-color:var(--primary-pink);color:var(--text-primary);transform:translateY(-1px)}.dropdown{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);opacity:0;visibility:hidden;z-index:1000;border-radius:8px;min-width:200px;transition:all .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-10px);box-shadow:0 8px 24px #0006}.dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown a{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:12px 20px;text-decoration:none;transition:all .2s;display:block}.dropdown a:last-child{border-bottom:none}.dropdown a:hover{background-color:var(--bg-card);color:var(--primary-pink)}.tag-cloud-wrapper{max-width:1400px;margin:24px auto;padding:0 24px;position:relative}.tag-cloud-container{position:relative;overflow:hidden}.tag-cloud{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:12px;padding:4px 0;display:flex;overflow-x:auto}.tag-cloud::-webkit-scrollbar{display:none}.tag-cloud-nav{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.tag-cloud-nav:hover{background-color:var(--primary-pink);border-color:var(--primary-pink)}.tag-cloud-nav.left{left:0}.tag-cloud-nav.right{right:0}.tag-cloud-nav.hidden{opacity:0;pointer-events:none}.tag{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:20px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .2s}.tag:hover{background-color:var(--primary-pink);border-color:var(--primary-pink);color:var(--text-primary);transform:translateY(-2px)}.tag.hot{background-color:var(--primary-pink);border-color:var(--primary-pink);color:var(--text-primary)}.main-content{max-width:1400px;margin:0 auto;padding:32px 24px}.section-title{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:24px;font-family:Syne,sans-serif;font-size:28px;font-weight:700;display:flex}.section-title:before{content:"";background:linear-gradient(to bottom,var(--primary-pink),var(--pink-light));border-radius:2px;width:4px;height:32px}.video-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px;display:grid}.video-card{background-color:var(--bg-card);cursor:pointer;overflow:hidden}.video-thumbnail{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.video-duration{backdrop-filter:blur(4px);color:var(--text-primary);background-color:#0006;padding:3px 5px;font-size:12px;font-weight:400;line-height:1;position:absolute;bottom:8px;right:8px}.video-info{padding:16px}.video-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.video-meta span{align-items:center;gap:4px;display:flex}.uploader{color:var(--text-secondary);transition:color .2s}.uploader:hover{color:var(--primary-pink)}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:48px;display:flex}.page-btn{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 16px;font-weight:500;transition:all .2s}.page-btn:hover,.page-btn.active{background-color:var(--primary-pink);border-color:var(--primary-pink);color:var(--text-primary)}.page-btn.disabled{opacity:.5;cursor:not-allowed}.page-btn.disabled:hover{background-color:var(--bg-elevated);border-color:var(--border-subtle);color:var(--text-secondary)}.footer{background-color:var(--bg-elevated);border-top:1px solid var(--border-subtle);margin-top:64px;padding:48px 0 0}.footer-content{grid-template-columns:repeat(4,1fr);gap:48px;max-width:1400px;margin:0 auto;padding:0 24px;display:grid}.footer-section h3{color:var(--text-primary);margin-bottom:16px;font-family:Syne,sans-serif;font-size:16px;font-weight:600}.footer-section ul{list-style:none}.footer-section li{margin-bottom:12px}.footer-section a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.footer-section a:hover{color:var(--primary-pink)}.bottom-bar{background-color:var(--bg-dark);border-top:1px solid var(--border-subtle);margin:0;padding:16px 0}.bottom-bar-content{max-width:1400px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;font-size:12px;display:flex}.bottom-bar-links{gap:20px;display:flex}.bottom-bar a{color:var(--text-muted);text-decoration:none;transition:color .2s}.bottom-bar a:hover{color:var(--primary-pink)}.form-container{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;max-width:480px;margin:80px auto;padding:40px}.form-title{color:var(--text-primary);text-align:center;margin-bottom:8px;font-family:Syne,sans-serif;font-size:32px;font-weight:700}.form-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:15px}.form-subtitle a{color:var(--primary-pink);text-decoration:none;transition:color .2s}.form-subtitle a:hover{color:var(--pink-hover)}.form-group{margin-bottom:24px}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input,.form-textarea,.form-select{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary-pink);background-color:var(--bg-card);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-hint{color:var(--text-muted);margin-top:6px;font-size:13px}.form-button{background-color:var(--primary-pink);border:1px solid var(--primary-pink);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.form-button:hover{background-color:var(--pink-hover);border-color:var(--pink-hover);transform:translateY(-1px)}.form-button:active{transform:translateY(0)}.file-upload-area{border:2px dashed var(--border-subtle);text-align:center;background-color:var(--bg-elevated);cursor:pointer;border-radius:8px;padding:32px;transition:all .2s}.file-upload-area:hover,.file-upload-area.dragover{border-color:var(--primary-pink);background-color:var(--bg-card)}.file-upload-icon{color:var(--text-muted);margin-bottom:16px;font-size:48px}.file-upload-text{color:var(--text-primary);margin-bottom:8px;font-weight:500}.file-upload-hint{color:var(--text-muted);font-size:14px}.selected-file{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;display:flex}.selected-file-name{color:var(--text-primary);font-weight:500}.remove-file{color:var(--primary-pink);cursor:pointer;font-size:20px;line-height:1}@media (width<=1200px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.header-content{flex-wrap:wrap}.logo{text-align:center;order:1;width:100%}.search-container{order:3;width:100%}.header-actions{order:2;justify-content:center;width:100%}.video-grid{grid-template-columns:repeat(2,1fr);gap:16px}.footer-content{grid-template-columns:repeat(2,1fr);gap:32px}.bottom-bar-content{text-align:center;flex-direction:column;gap:12px}.section-title{font-size:24px}.form-container{margin:40px 16px;padding:32px 24px}}@media (width<=480px){.video-grid,.footer-content{grid-template-columns:1fr}.logo{font-size:24px}}.icon{fill:currentColor;width:20px;height:20px}.main-content.video-page{gap:24px;margin-top:24px;display:flex}.main-video-section{flex:1}.video-player-wrapper{border-radius:0;width:100%;max-width:978px;margin-bottom:24px;position:relative;overflow:hidden}.video-player-wrapper:before{content:"";padding-bottom:56.25%;display:block}@media (width>=1200px){.video-player-wrapper{width:978px!important;height:550px!important;min-height:550px!important;max-height:550px!important}.video-player-wrapper:before{display:none}}.video-player-wrapper video-provider,.video-player-wrapper media-skin-frosted,.video-player-wrapper media-container{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;position:absolute!important;top:0!important;left:0!important}.video-player-wrapper video{object-fit:contain!important;width:100%!important;height:100%!important}.video-player-wrapper media-container{border-radius:0!important}.video-title-main{color:var(--text-primary);margin-bottom:16px;font-family:Syne,sans-serif;font-size:24px;font-weight:700}.video-meta-section{margin-bottom:24px}.video-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.video-tag{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:16px;padding:6px 12px;font-size:13px;text-decoration:none;transition:all .2s}.video-tag:hover{background-color:var(--primary-pink);border-color:var(--primary-pink);color:var(--text-primary)}.uploader-section{background-color:var(--bg-card);border-radius:8px;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex}.uploader-avatar{background:linear-gradient(135deg,var(--primary-pink),var(--pink-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.uploader-info{flex:1}.uploader-name{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.uploader-stats{color:var(--text-muted);gap:16px;font-size:13px;display:flex}.subscribe-btn{background-color:var(--primary-pink);border:1px solid var(--primary-pink);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 24px;font-weight:600;transition:all .2s}.subscribe-btn:hover{background-color:var(--pink-hover);transform:translateY(-1px)}.action-buttons{gap:12px;margin-bottom:32px;display:flex}.action-btn{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:500;transition:all .2s;display:flex}.action-btn:hover{background-color:var(--primary-pink);border-color:var(--primary-pink);transform:translateY(-1px)}.action-btn svg{fill:currentColor;width:18px;height:18px}.sidebar{flex-shrink:0;width:350px}.sidebar-section{background-color:var(--bg-card);border-radius:8px;margin-bottom:24px;padding:20px}.sidebar-title{color:var(--text-primary);margin-bottom:16px;font-family:Syne,sans-serif;font-size:16px;font-weight:600}.sidebar-video{cursor:pointer;gap:12px;margin-bottom:16px;display:flex}.sidebar-video:last-child{margin-bottom:0}.sidebar-thumb{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:6px;flex-shrink:0;width:120px;height:68px;position:relative;overflow:hidden}.sidebar-thumb img{object-fit:cover;width:100%;height:100%}.sidebar-video-info{flex:1}.sidebar-video-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.sidebar-video-uploader{color:var(--text-muted);font-size:12px}.related-videos-section,.more-from-user-section,.comments-section{margin-bottom:48px}.comments-header{color:var(--text-primary);margin-bottom:24px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.comment-form{margin-bottom:32px}.comment-form textarea{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);width:100%;min-height:100px;color:var(--text-primary);resize:vertical;border-radius:8px;margin-bottom:12px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:15px}.comment-form textarea:focus{border-color:var(--primary-pink);outline:none}.comment-form-actions{justify-content:flex-end;gap:12px;display:flex}.comment-btn{background-color:var(--primary-pink);border:1px solid var(--primary-pink);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.comment-btn:hover{background-color:var(--pink-hover)}.comment-btn.cancel{border-color:var(--border-subtle);color:var(--text-secondary);background-color:#0000}.comment-btn.cancel:hover{background-color:var(--bg-elevated)}.comment{margin-bottom:24px}.comment-header{gap:12px;margin-bottom:12px;display:flex}.comment-avatar{background:linear-gradient(135deg,var(--primary-pink),var(--pink-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.comment-content{flex:1}.comment-author{color:var(--text-primary);margin-bottom:4px;font-weight:600}.comment-date{color:var(--text-muted);font-size:13px}.comment-text{color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.comment-actions{gap:16px;font-size:13px;display:flex}.comment-action{color:var(--text-muted);cursor:pointer;transition:color .2s}.comment-action:hover{color:var(--primary-pink)}.comment-replies{margin-top:16px;margin-left:52px}@media (width<=1024px){.main-content.video-page{flex-direction:column}.sidebar{width:100%}}@media (width<=768px){.uploader-section{flex-direction:column;align-items:flex-start}.action-buttons{flex-direction:column}}.video-thumbnail{position:relative}.video-preview-static,.video-preview-animated{object-fit:cover;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.video-preview-animated{opacity:0}.video-card:hover .video-preview-animated,.video-card.playing .video-preview-animated{opacity:1}a.video-card,a.video-card:hover{text-decoration:none}.uploads-page{max-width:1400px}.uploads-container{padding:32px 0}.uploads-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;border-radius:8px;padding:24px}.stat-number{color:var(--primary-pink);margin-bottom:8px;font-size:36px;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:14px}.uploads-table-wrapper{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.uploads-table{border-collapse:collapse;width:100%}.uploads-table thead{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.uploads-table th{text-align:left;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;font-size:14px;font-weight:600}.uploads-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background-color .2s}.uploads-table tbody tr:last-child{border-bottom:none}.uploads-table tbody tr:hover{background-color:var(--bg-elevated)}.uploads-table td{vertical-align:middle;padding:20px}.preview-cell{width:180px}.upload-preview{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:6px;width:160px;height:90px;position:relative;overflow:hidden}.upload-preview .preview-static,.upload-preview .preview-animated{object-fit:cover;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.upload-preview .preview-animated{opacity:0}.upload-preview.playing .preview-animated{opacity:1}.video-cell{min-width:200px}.video-title-cell{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.4}.video-meta-cell{color:var(--text-muted);gap:12px;font-size:13px;display:flex}.video-meta-cell span{align-items:center;gap:4px;display:flex}.tags-cell{min-width:200px}.upload-tags{flex-wrap:wrap;gap:6px;display:flex}.upload-tag{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:12px;padding:4px 10px;font-size:12px;transition:all .2s}.upload-tag:hover{background-color:var(--primary-pink);border-color:var(--primary-pink);color:var(--text-primary)}.no-tags{color:var(--text-muted);font-size:13px;font-style:italic}.size-cell{min-width:100px}.file-size{color:var(--text-secondary);font-size:14px;font-weight:500}.status-cell{min-width:150px}.status-badge{border-radius:16px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.status-badge .status-icon{fill:currentColor;width:16px;height:16px}.status-badge.status-processing{color:#60a5fa;background-color:#3b82f626}.status-badge.status-published{color:#4ade80;background-color:#22c55e26}.status-badge.status-failed{color:#f87171;background-color:#ef444426}.status-badge.status-review{color:#9ca3af;background-color:#9ca3af26}.status-icon.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#f87171;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:6px;align-items:flex-start;gap:6px;padding:8px 12px;font-size:12px;line-height:1.4;display:flex}.error-icon{fill:currentColor;flex-shrink:0;width:14px;height:14px;margin-top:1px}.actions-cell{width:120px}.upload-actions{align-items:center;gap:8px;display:flex}.action-icon{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.action-icon svg{fill:currentColor;width:18px;height:18px}.action-icon:hover{background-color:var(--primary-pink);border-color:var(--primary-pink);color:var(--text-primary);transform:translateY(-1px)}.action-icon.delete-btn:hover{background-color:#ef4444;border-color:#ef4444}.empty-state{text-align:center;padding:80px 20px!important}.empty-state-content{flex-direction:column;align-items:center;gap:20px;display:flex}.empty-icon{width:64px;height:64px;fill:var(--text-muted)}.empty-state p{color:var(--text-secondary);margin:0;font-size:18px}.empty-state .form-button{width:auto;display:inline-block}@media (width<=1024px){.uploads-stats{grid-template-columns:repeat(2,1fr)}.uploads-table-wrapper{overflow-x:auto}.uploads-table{min-width:800px}}@media (width<=768px){.uploads-stats{grid-template-columns:1fr}.stat-card{padding:20px}.stat-number{font-size:28px}.uploads-table th,.uploads-table td{padding:12px}.preview-cell{width:120px}.upload-preview{width:100px;height:56px}}@media (width<=480px){.uploads-container{padding:20px 0}.section-title{font-size:20px}.uploads-table{min-width:600px}}.video-tags a,.upload-tags a,.tag-cloud a,.video-tags a:hover,.upload-tags a:hover,.tag-cloud a:hover,a[class*=tag]{text-decoration:none!important}.file-upload-area{border:2px dashed var(--border-subtle);text-align:center;background-color:var(--bg-elevated);cursor:pointer;border-radius:8px;padding:32px;transition:all .2s;position:relative}.file-upload-area:hover,.file-upload-area.dragover{border-color:var(--primary-pink);background-color:var(--bg-card)}