:root{--primary-color:#353535;--primary-light:#a3a3a3;--secondary-color:#3a506b;--accent-color:#222;--background-color:#000;--card-color:#000;--text-color:#e0e0e0;--modal-color:transparent;--text-secondary:#a0a0a0;--border-color:hsla(0,0%,100%,.1);--shadow:0 4px 12px rgba(0,0,0,.3);--border-radius:10px;--transition:all 0.3s ease;--theme-transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}[data-theme=light]{--primary-color:#383838;--primary-light:#000;--secondary-color:#2c3e50;--accent-color:#000;--background-color:#f5f7fa;--card-color:#fff;--modal-color:#fff;--text-color:#2d3436;--text-secondary:#636e72;--border-color:rgba(0,0,0,.08);--shadow:0 4px 12px rgba(0,0,0,.08)}*{box-sizing:border-box;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;margin:0;padding:0}body,html{background-color:var(--background-color);color:var(--text-color);line-height:1.6;overflow-x:hidden;position:relative;transition:var(--theme-transition)}body.modal-open{height:100%;overflow:hidden;position:fixed;width:100%}.no-transition *{transition:none!important}.container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:0 1.5rem 20px}.top-bar{background-color:var(--card-color);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px rgba(0,0,0,.08);margin-bottom:1rem;position:sticky;top:0;transition:var(--theme-transition);width:100%;z-index:100}.top-bar-container{align-items:center;height:80px;justify-content:space-between;margin:0 auto;max-width:1400px}.main-nav,.top-bar-container{display:flex;padding:0 1.5rem}.main-nav{flex:1;justify-content:center}.nav-search-container{max-width:600px;width:100%}.nav-buttons{align-items:center;display:flex;gap:1rem}.top-bar .search-form{display:flex;margin:0;position:relative;width:100%}.top-bar #search-input{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:30px;color:var(--text-color);flex:1;font-size:15px;outline:none;padding:10px 16px;transition:var(--transition);width:100%}.top-bar #search-input:focus{border-color:var(--primary-light)}.top-bar .search-button{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:var(--transition);width:38px}.top-bar .search-button:hover{background-color:rgba(0,0,0,.05)}[data-theme=dark] .top-bar .search-button:hover{background-color:hsla(0,0%,100%,.1)}.search-icon-svg{color:var(--text-color);stroke:var(--text-color)}.theme-toggle-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:var(--transition);width:40px}.theme-toggle-btn:hover{background-color:rgba(0,0,0,.05)}[data-theme=dark] .theme-toggle-btn:hover{background-color:hsla(0,0%,100%,.1)}.dark-icon,.light-icon{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:opacity .3s ease,transform .3s ease}[data-theme=dark] .light-icon,[data-theme=light] .dark-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.site-logo{transition:var(--transition)}[data-theme=light] .site-logo{filter:invert(1)}.filters{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:1rem;margin:0 0 1rem;padding:1.5rem;transition:var(--transition)}.filter-group{flex:1;min-width:170px}.filter-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;pointer-events:none}.filter-group select{appearance:none;background-color:var(--card-color);background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.95rem;padding:10px 36px 10px 12px;transition:var(--transition);width:100%}.filter-group select:focus,.filter-group select:hover{border-color:var(--primary-light);outline:none}.filters-toggle{display:none;margin-top:0}.filters-hidden{margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;pointer-events:none;position:absolute;visibility:hidden;z-index:-1}.filters:not(.filters-hidden){pointer-events:auto;position:relative;visibility:visible;z-index:1}.videos-grid{display:grid;flex:1;gap:1.5rem;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px;margin-top:0}.video-card{animation-fill-mode:forwards;background-color:var(--card-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;height:auto;opacity:0;overflow:hidden;position:relative;transform-origin:center bottom;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease,border-color .3s ease;will-change:transform,opacity}.video-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.12);transform:translateY(-5px)}[data-theme=dark] .video-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.4)}.thumbnail-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.thumbnail{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.video-card:hover .thumbnail{transform:scale(1.08)}.video-info{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.video-title{color:var(--text-color);font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta-container{align-items:center;display:flex;height:24px;justify-content:space-between;width:100%}.video-meta-left{align-items:center;display:flex;gap:.5rem}.video-meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.4rem}.meta-icon{flex-shrink:0;height:14px;opacity:.6;width:14px}.content-type-indicator,.video-duration,.video-rating{color:#fff;position:absolute;text-shadow:1px 1px 2px rgba(0,0,0,.8);user-select:none;z-index:10}.video-duration{bottom:5px;font-size:14px;font-weight:600;padding:0 4px;right:5px}.video-rating{align-items:center;background-color:#00000070;border-radius:4px;bottom:5px;display:flex;font-size:15px;font-weight:600;gap:2px;left:5px;padding:2px 6px}.star-icon{display:inline-block;font-size:15px}.content-type-indicator{background-color:rgba(0,0,0,.5);border-radius:4px;font-size:13px;font-weight:600;padding:3px 8px;right:5px;top:5px;transition:var(--transition)}.pagination{display:flex;gap:.4rem;justify-content:center;margin:10px 0 20px}.pagination button{background-color:var(--card-color);border:none;border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow);color:var(--text-color);cursor:pointer;font-weight:500;min-width:40px;padding:.6rem 1rem}.pagination button.active{background-color:var(--primary-color);color:#fff;font-weight:600}.pagination button:hover:not(.active):not(:disabled){background-color:var(--primary-light);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.6}.pagination-ellipsis{align-items:center;color:var(--text-secondary);display:flex;padding:0 .5rem}.page-info{color:var(--text-secondary);font-size:.9rem;margin:10px 0;text-align:center}.modal{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.8);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:200}.modal-content{align-items:center;background-color:var(--modal-color);box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center;left:50%;margin:0 auto;max-height:95vh;max-width:1400px;overflow:hidden;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:95%}.video-player{background-color:#000;display:block;max-height:80vh;max-width:100%;object-fit:contain;transition:width .3s ease-in-out,height .3s ease-in-out}.video-details{border-top:1px solid var(--border-color);margin-top:.75rem;max-height:12vh;overflow-y:auto;padding-top:.75rem}.video-details h2{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.video-details p{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.75rem}.video-player-wrapper.letterbox,.video-player-wrapper.pillarbox{background-color:#000}.video-player-wrapper.portrait-video{max-height:85vh;width:auto}.video-player-wrapper.ultrawide-video{max-width:1600px;width:95%}.video-player-wrapper.small-video .video-player{min-height:240px;min-width:320px}.loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;padding:3rem;text-align:center}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid hsla(0,0%,93%,.2);border-radius:50%;border-top:3px solid var(--primary-color);display:block!important;height:50px;margin:0 auto 1rem!important;width:50px}[data-theme=dark] .spinner{border-color:var(--primary-color);border-top-color:hsla(0,0%,86%,.801)}.loading-overlay{align-items:center;background-color:var(--card-color);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:15px;left:50%;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes spin{to{transform:rotate(1turn)}}#videos-container:has(.loading){align-items:center!important;display:flex!important;justify-content:center!important;text-align:center!important}#videos-container .loading{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;width:100%!important}#videos-container .loading p{margin:0 auto!important;text-align:center!important;width:100%!important}.btn-secondary{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:var(--transition)}.btn-secondary:hover{background-color:#2980b9}.settings-link{align-items:center;border-radius:50%;color:var(--text-color);display:flex;height:40px;justify-content:center;margin-right:8px;transition:var(--transition);width:40px}.settings-link:hover{background-color:rgba(0,0,0,.05);color:var(--accent-color)}[data-theme=dark] .settings-link{color:#fff}[data-theme=dark] .settings-link:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.search-result-info{background-color:var(--card-color);border-radius:var(--border-radius);box-shadow:var(--shadow);color:var(--text-secondary);font-weight:700;margin:1rem 0;padding:.75rem;text-align:center}.video-card.animate{animation:fadeInUp .4s ease forwards}.video-card[data-animation-variant=fadeIn].animate{animation:fadeIn .45s ease forwards}.video-card[data-animation-variant=fadeInUp].animate{animation:fadeInUp .4s ease forwards}.video-card[data-animation-variant=zoomIn].animate{animation:zoomIn .4s cubic-bezier(.25,.46,.45,.94) forwards}.video-card[data-animation-variant=slideIn].animate{animation:slideIn .4s cubic-bezier(.25,.46,.45,.94) forwards}.video-card[data-animation-variant=popIn].animate{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:3px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:3px}[data-theme=light] ::-webkit-scrollbar-track{background:var(--background-color)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#000;border-radius:3px}@media screen and (min-height:800px){.page-info,.pagination{margin-top:auto}}@media screen and (min-width:1024px){.video-player-wrapper.landscape-video:not(.pillarbox):not(.letterbox){aspect-ratio:16/9;max-width:1280px;width:85%}}@media screen and (max-width:1023px){.video-player-wrapper{background-color:transparent}.video-player,.video-player-wrapper{height:auto!important;width:auto!important}.video-player{max-height:75vh}.modal-content{padding:15px;width:98%}}@media screen and (max-width:768px){.top-bar-container{flex-direction:column;gap:10px;height:auto;padding:10px}.logo-container{display:flex;justify-content:center;margin-bottom:5px;width:100%}.site-logo{height:30px;max-width:150px;object-fit:contain}.main-nav{order:2;padding:0;width:100%}.nav-buttons{gap:.5rem;position:absolute;right:10px;top:10px}.nav-search-container{width:100%}#search-input{font-size:14px;padding:10px 14px}.container{min-height:calc(100vh - 120px);padding:0 10px 10px}.filters-toggle{align-items:center;background-color:var(--card-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin-bottom:15px;padding:10px 15px;text-align:left;transition:background-color .2s;width:100%}.filters{flex-direction:column;padding:12px;width:100%}.filter-group{margin-bottom:10px;width:100%}.pagination{flex-wrap:nowrap;gap:6px;justify-content:flex-start;overflow-x:auto;padding:.5rem}.pagination button{align-items:center;display:flex;font-size:15px;height:38px;justify-content:center;min-width:38px;padding:0}.pagination button:first-child,.pagination button:last-child{font-size:16px;height:34px;min-width:34px}.pagination-ellipsis{font-size:14px;min-width:20px;padding:0 2px}.pagination button:nth-child(n+6):nth-child(-n+7){display:none}.video-details h2{font-size:1.2rem}.video-details{max-height:20vh;padding-bottom:10px}.modal-content{margin:.5% auto;padding:12px;top:40vh}#modal-title{margin-bottom:10px;order:-1;text-align:center}.videos-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.video-card.animate{animation-duration:.3s}.video-player{max-height:70vh}.content-type-indicator{font-size:12px;padding:2px 6px}.settings-link,.theme-toggle-btn{height:44px;width:44px}.dark-icon,.light-icon,.settings-link svg,.theme-toggle-btn svg{height:26px;width:26px}}@media screen and (max-width:480px){.videos-grid{grid-template-columns:1fr}.top-bar-container{padding:8px}.site-logo{height:38px;max-width:180px}.modal-content{border-radius:0;padding:10px;width:100%}.filter-group{min-width:100%}.pagination button:nth-child(n+5):nth-child(-n+8){display:none}.pagination{gap:4px}.pagination button{font-size:14px;height:36px;min-width:36px}.pagination button:first-child,.pagination button:last-child{height:32px;min-width:32px}.settings-link,.theme-toggle-btn{height:40px;width:30px}.dark-icon,.light-icon,.settings-link svg,.theme-toggle-btn svg{height:24px;width:24px}}@media screen and (max-width:768px){.pagination{display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;margin:0 auto;overflow-x:auto;padding:.5rem;width:95%}.pagination button{align-items:center;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;padding:0}.pagination button.active{background-color:var(--primary-color);color:#fff;display:flex!important;order:0;position:relative;z-index:2}}@media screen and (max-width:480px){.pagination button:nth-child(n+5):nth-child(-n+8){display:none}.pagination button.active{display:flex!important}}.uploader-link{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color .2s ease}.uploader-link:hover{color:var(--primary-light);text-decoration:underline}[data-theme=dark] .uploader-link:hover{color:#fff}