:root{--current-yellow: #fddd2d}*{box-sizing:border-box}.d-flex{display:flex}.flex-direction-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.d-none{display:none}.text-center{text-align:center}body{margin:0;font-family:sans-serif;background:#111;color:#fff}.site-header{padding:15px;background:#222;font-size:22px;height:80px}.site-header a{color:#fff;text-decoration:none}.header-inner{display:flex;justify-content:space-between;align-items:center}#global-upload-status{margin-right:20px;color:#ffc107;font-weight:700;display:inline-block;font-size:16px;cursor:pointer}.account-link{display:flex;align-items:center;gap:7px}.account-link img{border-radius:50%}#loading-bar{height:4px;width:0;background:var(--current-yellow);transition:width .5s ease}.video-list{display:flex;flex-wrap:wrap;gap:15px;padding:20px}.video-card{background:#222;padding:5px;width:calc(33.333% - 10px);cursor:pointer;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease;border-radius:12px}.video-card:hover{transform:translateY(-3px)}.video-card img{width:100%}.preview-wrapper img{border-radius:8px;object-fit:cover;max-height:350px}.video-title{padding:5px 0;font-size:16px;text-align:left;margin:0}.uploader-info{display:flex;align-items:center;gap:10px;margin-top:10px}.user-avatar{width:48px!important;height:48px;border-radius:50%}.video-name{margin:0 0 4px;font-size:18px}.username{font-size:16px;font-weight:700;color:#aaa;padding:5px 0}.upload-date{padding:5px 0;color:#aaa}.meta-info{display:flex;gap:6px;font-size:16px;align-items:center}.dot-separator{font-weight:700;line-height:1}.watch-page{display:flex;gap:20px;padding:20px}.main-watch-container{display:flex;gap:20px;width:100%;max-height:800px}.controls-wrapper{position:absolute;bottom:0;width:100%;background:#000000b3;padding:20px 10px 10px 20px;transition:transform .3s ease,opacity .3s ease;will-change:transform,opacity}.play-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;color:#fff;cursor:pointer;display:none}.player-container{flex:3;position:relative;height:500px}.player-container video{width:100%;height:100%;object-fit:contain;border-radius:8px}.overlay-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10}.overlay-icon svg{width:96px;height:96px}.player-container{position:relative}.player-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.player-controls button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.controls-left,.controls-right{display:flex;align-items:center;gap:12px}.controls-right{margin-right:-7px}.controls-left{margin-left:-15px}.time-label{font-size:18px;min-width:90px;text-align:center;-webkit-user-select:none;user-select:none;margin-bottom:6px}.volume-container{position:relative;display:flex;align-items:center}.volume-slider{width:0;opacity:0;margin-bottom:11px;transition:width .3s,opacity .3s}.volume-container.expanded .volume-slider{width:100px;height:5px;opacity:1;margin-left:5px}.progress-container{flex:1;height:5px;background:#444;border-radius:3px;margin-bottom:20px;cursor:pointer;position:relative}.buffer-bar{position:absolute;top:0;left:0;height:100%;background:#ffffff4d;width:0;z-index:1;border-radius:3px}.progress-bar{height:100%;width:0;background:#fc0;position:absolute;z-index:2;border-radius:3px}.progress-thumb{position:absolute;top:50%;left:0%;width:20px;height:20px;background:#fc0;border:1px solid #00000056;border-radius:50%;transform:translate(-50%,-50%);z-index:3;cursor:pointer;transition:background-color .2s}.progress-thumb:hover{background-color:#fff2bd;transform:translate(-50%,-50%) scale(1.2)}.playlist{flex:1;display:flex;flex-direction:column;gap:10px}.playlist-item{background:#222;padding:5px;cursor:pointer}.playlist-item img{width:100%;max-height:300px;object-fit:cover}.volume-slider{width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:transparent;border-radius:5px;outline:none;transition:.3s ease}.volume-slider::-webkit-slider-runnable-track{height:8px;background:transparent}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fc0;border-radius:50%;cursor:pointer;margin-top:-5px}.volume-slider::-moz-range-track{height:8px;background:transparent}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:#f60;border-radius:50%;cursor:pointer}.video-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:none}.loader-spinner{border:4px solid rgba(255,255,255,.2);border-top:4px solid #ffcc00;border-radius:50%;width:50px;height:50px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-page{margin-top:-60px;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;background:linear-gradient(135deg,#141e30,#243b55)}.login-page .form{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:30px 25px;width:100%;max-width:360px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:10px;color:#fff;margin-bottom:20px}.login-page h2{color:#fff;text-align:center;margin-bottom:30px}.login-page label{display:flex;flex-direction:column;font-size:14px}.login-page input[type=text]{padding:10px 12px;border-radius:8px;border:none;margin-top:8px;outline:none;font-size:16px;background:#fff3;color:#fff}.login-page input[type=text]::placeholder{color:#ddd}.login-page button{display:flex;align-items:center;justify-content:center;color:#000;padding:12px 0;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s ease;border:1px solid transparent}.login-error{text-align:center;font-size:14px}@media (max-width: 480px){.login-page .form{padding:20px}}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline-block;position:relative;width:20px;height:10px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:20px;height:20px;margin-top:-5px;border:4px solid currentColor;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:currentColor transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yellow-btn{background:var(--current-yellow);color:#000;border:none;border-radius:6px;outline:none;font-size:14px;cursor:pointer;border:1px solid transparent;transition:.2s}.yellow-btn:disabled{background:#ccc;color:#666;border:1px solid #999;cursor:not-allowed;opacity:.7}.yellow-btn:hover{background-color:#000;color:#fff;border:1px solid var(--current-yellow)}.upload-video-btn{padding:10px 20px;position:fixed;bottom:20px;right:20px;z-index:999}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.upload-form{background:#5a5a5a3d;padding:30px 25px;border-radius:8px;text-align:center;max-width:400px;width:90%;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-title-input{background-color:transparent;border:1px solid var(--current-yellow);outline:none;border-radius:8px;font-size:14px;color:#fff}.upload-form h2{margin-top:0}.upload-form input[type=file],.upload-form input[type=text]{width:100%;padding:20px 15px;margin-bottom:12px}.upload-form button{padding:10px 20px;margin:5px;cursor:pointer}.upload-status{margin-top:12px;font-size:14px}.close-btn{background:#eee}.username-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-body{background:#000000b5;padding:30px 25px;border-radius:8px;text-align:center;max-width:400px;width:90%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;border:1px solid #ffff0063}.username-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.username-modal .close-btn{position:absolute;top:10px;right:10px;font-size:20px;border:none;background:none;cursor:pointer;line-height:1;color:#fff}.username-input{width:100%;padding:20px 15px;margin-bottom:20px;box-sizing:border-box;font-size:14px;background-color:transparent;border:1px solid var(--current-yellow);outline:none;border-radius:8px;color:#fff}.save-btn{padding:10px 20px;cursor:pointer}.username-error{color:red;margin-top:8px;min-height:18px}.quality-menu{position:absolute;bottom:60px;right:10px;background:#000000e6;border:1px solid #444;padding:8px 0;border-radius:8px;z-index:10;display:flex;flex-direction:column}.quality-menu button{background:none;color:#fc0;border:none;text-align:left;padding:6px 12px;cursor:pointer;font-size:14px}.quality-menu button.active{color:#000;background:#ffcc0059}.quality-menu button:hover{background:#fc03}.edit-video-page{max-width:600px;margin:0 auto;padding:20px;color:#fff;font-family:Arial,sans-serif}.edit-video-title,.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:6px;font-weight:600;color:#fff;text-align:left}.username-input{width:100%;padding:20px 15px;box-sizing:border-box;font-size:14px;background-color:transparent;border:1px solid var(--current-yellow);outline:none;border-radius:8px;color:#fff;font-family:inherit}.textarea-input{height:120px;resize:vertical}.file-input{padding:10px;margin-top:10px;cursor:pointer;border-radius:8px}.thumb-preview{border-radius:8px;margin:10px 0;display:block;width:100%}.save-btn{padding:10px 20px;cursor:pointer;border-radius:8px}.save-status{margin-top:15px;color:#ffc107}.error-text{color:#ff4d4d;text-align:center}.file-input-hidden{display:none}.choose-thumb-btn{margin-top:10px;cursor:pointer;border-radius:8px;padding:10px 20px}.thumb-filename{margin-top:8px;color:#ffc107;font-style:italic}.video-preview-wrapper{position:relative;border-radius:8px;overflow:hidden}.video-preview{width:100%;display:block;border-radius:8px;object-fit:cover;cursor:pointer;aspect-ratio:16 / 9}.video-menu-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:8px;right:8px;background:#0009;border:none;color:#fff;border-radius:50%;width:35px;height:35px;cursor:pointer;font-size:20px;line-height:1;-webkit-user-select:none;user-select:none;z-index:10;transition:.3s}.video-menu-btn:hover{background:#000000d3}.video-menu{display:none;position:absolute;top:36px;right:8px;background:#222;border:1px solid #cccccc54;border-radius:4px;box-shadow:0 2px 6px #0003;z-index:20;min-width:140px;padding:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-menu button{width:100%;border:1px solid black;border-radius:4px;background:var(--current-yellow);padding:8px 12px;text-align:center;cursor:pointer;font-size:14px;transition:background-color .15s ease;margin-bottom:3px}.video-menu button:hover{border:1px solid var(--current-yellow);background-color:#000;color:#fff}.uploader-info{margin-top:8px;display:flex;align-items:center}.uploader-text{display:flex;flex-direction:column;margin-left:8px}.video-title{margin:0 0 4px;font-size:18px;line-height:1.2}.search-form{display:flex;align-items:center;margin:0 20px;border-radius:8px;border:1px solid gray;transition:.2s}.search-input{padding:8px 14px;font-size:14px;border:none;outline:none;background-color:transparent;color:#fff}.search-form:focus-within{border-color:#f5c518}.search-btn{padding:4px 14px;font-size:14px;border:none;outline:none;border-radius:0 8px 8px 0;background-color:transparent;color:#222;font-weight:500;cursor:pointer}.categories-bar{display:flex;overflow-x:auto;padding:10px 20px;gap:12px;scrollbar-width:none}.categories-bar::-webkit-scrollbar{display:none}.category-btn{flex:0 0 auto;padding:8px 16px;background:#333;border:none;border-radius:20px;color:#eee;cursor:pointer;font-size:14px;transition:background-color .2s,color .2s}.category-btn:hover{background-color:#f5c518;color:#222}.category-btn.active{background-color:#f5c518;color:#222;font-weight:600}.custom-select{position:relative;-webkit-user-select:none;user-select:none;width:100%;margin-bottom:20px}.custom-select__trigger{display:flex;justify-content:space-between;align-items:center;padding:20px 15px;border:1px solid var(--current-yellow);border-radius:8px;cursor:pointer;color:#fff}.custom-select__trigger .arrow{width:0;height:0;margin-left:10px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #f5c518}.custom-options{position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:#111;border:1px solid #f5c518;border-radius:8px;display:none;z-index:10}.custom-option.selected{background-color:#646464}.custom-options.open{display:block}.custom-option{padding:12px 20px;color:#fff;cursor:pointer;transition:background-color .2s}.custom-option:hover{background-color:#444}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-window{background:#222;padding:20px;border-radius:8px;text-align:center;max-width:320px;color:#fff}.modal-message{margin-bottom:20px;font-size:16px}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-actions .yellow-btn{padding:8px 16px}.modal-actions .cancel-btn{background:#555;border:none;padding:8px 16px;border-radius:4px;color:#fff;cursor:pointer}.quality-menu{flex-direction:column;gap:8px}.quality-option{display:flex;align-items:center;background:none;border:none;cursor:pointer;font-size:16px;color:#000;padding:6px 12px;transition:background-color .2s}.quality-option:hover{background-color:#fffae6}.quality-option.active{font-weight:700}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(.7)}}.quality-dot{-webkit-user-select:none;user-select:none;display:inline-block;animation:pulse-dot 1.2s infinite ease-in-out}.video-info{padding:5px 16px;background:#0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px}.watch-video-title{font-size:22px;margin-bottom:10px}.video-description{font-size:16px;line-height:1.5;color:#9b9b9b;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.fullscreen-title{position:absolute;top:0;left:0;width:100%;padding:20px;background:linear-gradient(to bottom,#0009,#0000);color:#fff;font-size:20px;font-weight:600;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .3s ease;z-index:20}.previews-slider-wrapper{position:relative;max-width:840px;margin:20px auto;cursor:grab;-webkit-user-select:none;user-select:none;will-change:scroll-position}.previews-slider-wrapper.dragging{cursor:grabbing}#previews-container{display:flex;overflow-x:auto;gap:12px;padding:8px;scrollbar-width:thin;scrollbar-color:#aaa transparent;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}#previews-container::-webkit-scrollbar{height:8px}#previews-container::-webkit-scrollbar-track{background:transparent}#previews-container::-webkit-scrollbar-thumb{background-color:var(--current-yellow)!important;border-radius:4px}.preview-thumb{cursor:pointer;border-radius:6px;border:2px solid #ccc;flex-shrink:0;width:260px;height:150px;object-fit:cover}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0007;border:none;color:#fff;width:36px;height:72px;cursor:pointer;border-radius:6px;font-size:28px;line-height:72px;text-align:center;padding:0;-webkit-user-select:none;user-select:none;z-index:10;transition:background-color .3s}.slider-btn:hover{background:#6669}.left-btn{left:-36px;border-radius:8px 0 0 8px}.right-btn{right:-36px;border-radius:0 8px 8px 0}.nav-menu{display:flex;gap:10px}.settings-btn{background:transparent;border:none;outline:none;cursor:pointer}.settings-modal{position:fixed;top:0;right:10px;background:transparent;width:100vw;height:100vh;display:flex;justify-content:flex-end;align-items:flex-start;z-index:1000}.settings-modal-content{position:absolute;right:0;top:83px;background:#5a5a5a3d;padding:10px 0;border-radius:8px;box-shadow:0 0 15px #0003;min-width:150px;max-width:160px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-modal-content ul{list-style:none;padding:0;margin:0}.settings-modal-content li+li{margin-top:8px}.settings-modal-content button{width:100%;padding:12px 14px;color:#fff;cursor:pointer;background:none;border:none;text-align:left;font-size:1rem;border-radius:3px;transition:.2s}.settings-modal-content button:hover{background-color:var(--current-yellow);color:#000}.modal-content{background:#5a5a5a3d;padding:30px 25px;border-radius:8px;text-align:center;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.avatar-buttons button{padding:10px 20px;margin:5px;cursor:pointer}#cropAreaId{position:absolute;border:2px solid #fff;box-sizing:border-box;cursor:move;background:transparent;-webkit-user-select:none;user-select:none;border-radius:10px}.resize-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #333;box-sizing:border-box;border-radius:50%;cursor:pointer}.resize-handle.nw{top:-10px;left:-10px;cursor:nwse-resize}.resize-handle.ne{top:-10px;right:-10px;cursor:nesw-resize}.resize-handle.sw{bottom:-10px;left:-10px;cursor:nesw-resize}.resize-handle.se{bottom:-10px;right:-10px;cursor:nwse-resize}#crop-area{position:absolute;border:2px solid var(--current-yellow);border-radius:8px;width:200px;height:200px;top:50px;left:50px;cursor:move;box-sizing:border-box}.timeline-preview{position:absolute;bottom:100%;display:none}.timeline-preview img{width:auto;min-width:300px;height:200px;border-radius:12px;border:3px solid var(--current-yellow)}