*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #646cff;--primary-hover: #535bf2;--bg-color: #242424;--card-bg: #1a1a1a;--text-color: rgba(255, 255, 255, .87);--text-muted: rgba(255, 255, 255, .6);--border-color: #333;--error-color: #ff4444;--success-color: #44ff44}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;text-align:center}.app-header h1{font-size:2.5rem;margin-bottom:.5rem}.subtitle{color:var(--text-muted);font-size:1rem}.app-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background-color:var(--card-bg);border-radius:8px;flex-wrap:wrap}.search-container{position:relative;flex:1;min-width:250px;max-width:400px}.search-input{width:100%;padding:.5rem 2.5rem .5rem 1rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--primary-color)}.search-input::placeholder{color:var(--text-muted)}.clear-search-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s,color .2s}.clear-search-icon:hover{background-color:var(--border-color);color:var(--text-color)}.sort-controls{display:flex;align-items:center;gap:.5rem}.sort-controls label{color:var(--text-muted);white-space:nowrap}.sort-controls select{padding:.5rem 1rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);cursor:pointer}.stats{color:var(--text-muted);white-space:nowrap}.search-info{color:var(--primary-color);font-weight:500}.video-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.video-item{background-color:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.video-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0006;border-color:var(--primary-color)}.video-details{padding:1rem;display:flex;flex-direction:column;justify-content:center}.video-title{font-size:1.1rem;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.meta-item{padding:.25rem .5rem;background-color:var(--bg-color);border-radius:4px}.category{background-color:var(--primary-color);color:#fff}.favorites-filter{display:flex;align-items:center}.favorites-filter label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-muted);transition:color .2s;white-space:nowrap}.favorites-filter label:hover{color:var(--text-color)}.favorites-filter input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color)}.filter-label{-webkit-user-select:none;user-select:none}.video-title-row{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.video-title-row .video-title{flex:1;margin-bottom:0}.favorite-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:transform .2s,opacity .2s;color:var(--text-muted);flex-shrink:0}.favorite-btn:hover{transform:scale(1.2);opacity:1}.favorite-btn.favorited{color:gold;filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}.favorite-btn:not(.favorited){opacity:.6}.favorite-btn:not(.favorited):hover{opacity:1;color:var(--text-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button{padding:.75rem 1.5rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--primary-color);color:#fff;cursor:pointer;font-weight:500;transition:background-color .2s}.pagination button:hover:not(:disabled){background-color:var(--primary-hover)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:var(--text-muted)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;padding:2rem;background-color:var(--card-bg);border-radius:8px;border:1px solid var(--error-color)}.error h2{color:var(--error-color);margin-bottom:1rem}.error button{margin-top:1rem;padding:.75rem 1.5rem;border-radius:4px;border:none;background-color:var(--primary-color);color:#fff;cursor:pointer}.empty{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty h2,.empty p{margin-bottom:1rem}.empty strong{color:var(--primary-color)}.clear-search-btn{margin-top:1rem;padding:.75rem 1.5rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--primary-color);color:#fff;cursor:pointer;font-size:1rem;transition:background-color .2s}.clear-search-btn:hover{background-color:var(--primary-hover)}.video-player-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.video-player-content{background-color:var(--card-bg);border-radius:8px;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.player-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.player-header h2{font-size:1.25rem;flex:1;margin-right:1rem}.close-button{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:var(--border-color)}.player-body{flex:1;display:flex;flex-direction:column;overflow:auto}.stream-selector{padding:1rem 1.5rem;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.stream-selector label{color:var(--text-color);white-space:nowrap}.stream-select{flex:1;padding:.5rem 1rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-color);font-size:.875rem;cursor:pointer;transition:border-color .2s}.stream-select:focus{outline:none;border-color:var(--primary-color)}.stream-select option{background-color:var(--card-bg);color:var(--text-color)}.player-wrapper{position:relative;background-color:#000}.player-wrapper>div{position:absolute;top:0;left:0}.player-loading,.player-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;gap:1rem}.player-error h3{color:var(--error-color)}.player-error button{padding:.75rem 1.5rem;border-radius:4px;border:none;background-color:var(--primary-color);color:#fff;cursor:pointer}.hint{color:var(--text-muted);font-size:.875rem}.stream-info{padding:1rem 1.5rem;background-color:var(--bg-color);border-top:1px solid var(--border-color)}.stream-info p{margin:.5rem 0;font-size:.875rem}.expires{color:var(--text-muted);font-style:italic}.player-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:center}.secondary-button{padding:.75rem 1.5rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);cursor:pointer;transition:background-color .2s}.secondary-button:hover{background-color:var(--border-color)}.xxxclub-search{background-color:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);padding:1.5rem;margin-bottom:2rem}.xxxclub-search-header{margin-bottom:1rem}.xxxclub-search-header h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color)}.xxxclub-subtitle{color:var(--text-muted);font-size:.875rem}.xxxclub-search-form{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.xxxclub-input-group{position:relative;flex:1;min-width:250px}.xxxclub-search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);font-size:1rem;transition:border-color .2s}.xxxclub-search-input:focus{outline:none;border-color:var(--primary-color)}.xxxclub-search-input:disabled{opacity:.6;cursor:not-allowed}.xxxclub-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s,color .2s}.xxxclub-clear-btn:hover:not(:disabled){background-color:var(--border-color);color:var(--text-color)}.xxxclub-clear-btn:disabled{cursor:not-allowed;opacity:.5}.xxxclub-search-btn{padding:.75rem 1.5rem;border-radius:4px;border:none;background-color:var(--primary-color);color:#fff;cursor:pointer;font-weight:500;font-size:1rem;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.xxxclub-search-btn:hover:not(:disabled){background-color:var(--primary-hover)}.xxxclub-search-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.xxxclub-error{margin-top:1rem;padding:.75rem 1rem;background-color:#ff44441a;border:1px solid var(--error-color);border-radius:4px;color:var(--error-color)}.xxxclub-result{margin-top:1rem;padding:1rem;background-color:#44ff440d;border:1px solid var(--success-color);border-radius:4px}.xxxclub-result-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:.75rem}.xxxclub-result-stats .stat{color:var(--text-color)}.xxxclub-result-stats .stat.success{color:var(--success-color)}.xxxclub-result-stats .stat.muted{color:var(--text-muted)}.xxxclub-result-message{color:var(--text-muted);font-size:.875rem;margin:0}.header-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.upload-torrent-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:4px;border:none;background-color:var(--primary-color);color:#fff;cursor:pointer;font-weight:500;font-size:1rem;transition:background-color .2s}.upload-torrent-btn:hover{background-color:var(--primary-hover)}.torrent-upload-modal{max-width:600px}.torrent-upload-form{padding:1.5rem;gap:1.5rem;display:flex;flex-direction:column}.upload-mode-toggle{display:flex;gap:.5rem;padding:.25rem;background-color:var(--bg-color);border-radius:8px;border:1px solid var(--border-color)}.mode-button{flex:1;padding:.75rem 1rem;border:none;border-radius:6px;background-color:transparent;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.mode-button:hover:not(:disabled){background-color:#646cff0d;color:var(--text-color)}.mode-button.active{background-color:var(--primary-color);color:#fff}.mode-button:disabled{cursor:not-allowed;opacity:.5}.upload-section{width:100%}.form-hint{display:block;color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.file-upload-label{display:block;cursor:pointer}.file-input-hidden{display:none}.file-upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;text-align:center;transition:border-color .2s,background-color .2s;background-color:var(--bg-color)}.file-upload-area:hover{border-color:var(--primary-color);background-color:#646cff0d}.upload-icon{font-size:3rem;display:block;margin-bottom:.5rem}.upload-text{display:block;color:var(--text-color);font-weight:500;margin-bottom:.25rem}.upload-hint{display:block;color:var(--text-muted);font-size:.875rem}.file-icon{font-size:2rem;display:block;margin-bottom:.5rem}.file-name{display:block;color:var(--text-color);font-weight:500;margin-bottom:.25rem;word-break:break-all}.file-size{display:block;color:var(--text-muted);font-size:.875rem}.metadata-section{display:flex;flex-direction:column;gap:1rem}.metadata-section h3{margin:0;font-size:1.1rem;color:var(--text-color)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-color);font-weight:500;font-size:.875rem}.form-input,.form-textarea{padding:.75rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);font-size:1rem;font-family:inherit;transition:border-color .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color)}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.upload-error{padding:.75rem 1rem;background-color:#ff44441a;border:1px solid var(--error-color);border-radius:4px;color:var(--error-color)}.upload-progress{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#646cff1a;border:1px solid var(--primary-color);border-radius:4px;color:var(--text-color)}.upload-success{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#44ff441a;border:1px solid var(--success-color);border-radius:4px;color:var(--success-color);text-align:center;justify-content:center}.success-icon{font-size:2rem}.player-footer .primary-button{padding:.75rem 1.5rem;border-radius:4px;border:none;background-color:var(--primary-color);color:#fff;cursor:pointer;font-weight:500;transition:background-color .2s}.player-footer .primary-button:hover:not(:disabled){background-color:var(--primary-hover)}.player-footer .primary-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px) and (min-width: 769px){.video-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-header h1{font-size:2rem}.video-list{grid-template-columns:1fr;gap:1rem}.video-details{padding:.75rem}.video-title{font-size:1rem}.controls{flex-direction:column;align-items:stretch}.xxxclub-search{padding:1rem}.xxxclub-search-form{flex-direction:column}.xxxclub-input-group{width:100%}.xxxclub-search-btn{width:100%;justify-content:center}.xxxclub-result-stats{flex-direction:column;gap:.5rem}.search-container{max-width:100%}.sort-controls{width:100%;justify-content:space-between}.favorites-filter{width:100%}.favorite-btn{font-size:1.25rem}.stats{width:100%;text-align:center}.video-player-content{max-height:95vh}.player-header h2{font-size:1rem}.stream-selector{flex-direction:column;align-items:stretch;gap:.5rem}.stream-select{font-size:.75rem}}