:root{--bg-color:#050505;--card-bg:#0c0c0c;--card-hover:#121212;--text-primary:#fff;--text-secondary:#888;--accent:#fff;--border-color:#1a1a1a;--font-family:"Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);overflow-x:hidden;-webkit-tap-highlight-color:transparent}.app-container{display:flex;flex-direction:column;min-height:100vh}header{display:flex;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);position:sticky;z-index:1000;background:#050505d9;justify-content:space-between;align-items: center;padding:1rem 2rem;top:0}.logo{letter-spacing:4px;text-transform:uppercase;border:2px solid #fff;padding:.5rem 1rem;font-size:1.2rem;font-weight:800}.search-container{flex:0 500px}.search-input{border:1px solid var(--border-color);color:#fff;outline:none;background:0 0;width:100%;padding:1rem;transition:all .3s;font-size:.9rem}.search-input:focus{border-color:var(--accent);background:#111}.categories{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--border-color);background:var(--bg-color);justify-content:space-between;gap:0;padding:0 1rem}.category-group,.sort-group{display:flex}.sort-group{border-left:1px solid var(--border-color)}.categories::-webkit-scrollbar{display:none}.category-tag{text-transform:uppercase;letter-spacing:2px;cursor:pointer;border-right:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;padding:1.25rem 1.5rem;transition:all .2s;font-size:.7rem;font-weight:600}.category-tag:hover{color:#fff;background:#111}.category-tag.active{color:#fff;position:relative;background:#222}.category-tag.active:after{content:"";position:absolute;background:#fff;width:100%;height:2px;bottom:0;left:0}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));border-left:1px solid var(--border-color);gap:0}.video-card{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);cursor:pointer;position:relative;overflow:hidden;background:0 0;transition:all .5s cubic-bezier(.19,1,.22,1)}.video-card:hover{background:#0f0f0f}.thumbnail-container{aspect-ratio:16/9;overflow:hidden;position:relative;background:#000;width:100%}.thumbnail-container img{object-fit:cover;opacity:.7;width:100%;height:100%;transition:all .8s cubic-bezier(.19,1,.22,1)}.video-card:hover .thumbnail-container img{opacity:1;transform:scale(1.05)}.duration-tag{position:absolute;color:#000;background:#fff;padding:.2rem .6rem;font-size:.7rem;font-weight:700;top:1rem;right:1rem}.video-info{padding:1.5rem}.video-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:2.8rem;margin-bottom:.75rem;font-size:1rem;font-weight:500;line-height:1.4}.video-meta{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.player-overlay{position:fixed;z-index:2000;display:flex;background:#000000fa;justify-content:center;align-items: center;width:100%;height:100%;top:0;left:0}.player-container{display:flex;flex-direction:column;width:100%;max-width:100vw;height:100%}.player-header{display:flex;justify-content:space-between;align-items: center;padding:2rem}.close-button{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:#fff;border:none;padding:1rem 2rem;font-weight:800}.video-wrapper{display:flex;background:#000;flex:1;justify-content:center;align-items: center;padding:1rem}video{max-width:100%;max-height:100%;box-shadow:0 0 100px #ffffff1a}@media (width<=768px){header{padding:1rem}.logo{letter-spacing:2px;padding:.4rem .8rem;font-size:1rem}.search-container{flex:1}.search-input{padding:.8rem}.video-grid{grid-template-columns:1fr}.path-breadcrumbs{overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:1rem!important}.path-breadcrumbs::-webkit-scrollbar{display:none}.player-header{padding:1rem}.player-header h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw;font-size:1rem}.close-button{padding:.8rem 1.5rem}}.api-key-modal{background:var(--card-bg);border:1px solid var(--border-color);width:90%;max-width:500px;padding:3rem;box-shadow:0 50px 100px #00000080}.api-key-input{border:1px solid var(--border-color);color:#fff;outline:none;background:#111;width:100%;margin:1.5rem 0;padding:1.25rem;transition:border-color .3s;font-size:1rem}.api-key-input:focus{border-color:#fff}.api-key-submit{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:#fff;border:none;flex:1;padding:1.25rem;transition:all .2s;font-size:.8rem;font-weight:800}.api-key-submit:hover{background:#eee;transform:translateY(-2px)}.api-key-submit:active{transform:translateY(0)}