:root{--color-primary:#3500d3;--color-primary-dark:#240090;--color-primary-darker:#190061;--color-primary-darkest:#0c0032;--color-silver-light:#d5d5d7;--color-silver-medium:silver;--color-silver-dark:#aaa9ad;--color-black:#000;--color-gray-dark:#282828;--color-white:#fff;--gradient-primary:linear-gradient(135deg,#3500d3,#240090);--gradient-overlay:linear-gradient(180deg,transparent,rgba(0,0,0,.8));--gradient-silver:linear-gradient(135deg,#d5d5d7,#aaa9ad);--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 2px 4px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-silver:0 4px 12px hsla(255,2%,67%,.2)}body{background-color:var(--color-black);color:var(--color-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;line-height:1.6}*{box-sizing:border-box}.video-container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.results-header{color:var(--color-silver-light);font-size:1.25rem;margin-bottom:var(--spacing-lg);font-weight:500}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.video-card{background:var(--color-primary-darkest);border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative;border:1px solid hsla(255,2%,67%,.1)}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-silver-dark)}.video-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-gray-dark)}.video-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-thumbnail:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:var(--gradient-overlay);pointer-events:none}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2;box-shadow:0 4px 16px rgba(53,0,211,.5)}.play-button:hover{background:var(--color-primary-dark);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 20px rgba(53,0,211,.6)}.play-button:after{content:"";width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent var(--color-white);margin-left:4px}.duration-badge{bottom:var(--spacing-sm);right:var(--spacing-sm);background:rgba(0,0,0,.85);padding:4px 8px;border-radius:var(--radius-sm);font-weight:600;border:1px solid var(--color-silver-dark)}.duration-badge,.price-badge{position:absolute;color:var(--color-white);font-size:.875rem;z-index:2}.price-badge{top:var(--spacing-sm);left:var(--spacing-sm);background:var(--color-primary);padding:6px 12px;border-radius:var(--radius-md);font-weight:700;box-shadow:0 2px 8px rgba(53,0,211,.4)}.price-badge.free{background:var(--gradient-silver);color:var(--color-black);box-shadow:var(--shadow-silver)}.price-badge.premium{background:var(--color-silver-dark);color:var(--color-white);box-shadow:var(--shadow-silver)}.bookmark-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;background:rgba(0,0,0,.6);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2;border:1px solid var(--color-silver-dark)}.bookmark-button:hover{background:var(--color-primary);border-color:var(--color-primary)}.bookmark-button.active{background:var(--color-silver-medium);border-color:var(--color-silver-light)}.video-content{padding:var(--spacing-md)}.video-title{font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0;color:var(--color-white);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-author{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.author-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--color-silver-dark)}.author-name{font-size:.875rem;color:var(--color-silver-medium);font-weight:500}.video-description{font-size:.875rem;color:var(--color-silver-dark);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description,.video-tags{margin-bottom:var(--spacing-md)}.video-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag{background:var(--color-gray-dark);color:var(--color-silver-light);padding:4px 12px;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;border:1px solid var(--color-silver-dark);transition:all .3s ease}.tag:hover{background:var(--color-silver-dark);color:var(--color-black)}.view-count{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--color-silver-dark);margin-bottom:var(--spacing-md)}.view-count:before{content:"👁";font-size:1rem}.video-actions{display:flex;gap:var(--spacing-sm)}.btn{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease;border:none;flex:1}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:0 2px 8px rgba(53,0,211,.3)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px rgba(53,0,211,.5);transform:translateY(-2px)}.btn-secondary{background:hsla(0,0%,75%,.15);color:var(--color-silver-light);width:48px;padding:12px;display:flex;align-items:center;justify-content:center;flex:0;border:1px solid var(--color-silver-dark)}.btn-secondary:hover{background:var(--color-silver-dark);color:var(--color-white);border-color:var(--color-silver-medium)}.btn-silver{background:var(--gradient-silver);color:var(--color-black);box-shadow:var(--shadow-silver)}.btn-silver:hover{background:var(--color-silver-light);transform:translateY(-2px)}.video-player-container{position:relative;width:100%;background:var(--color-black);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-primary-darkest)}.video-player{width:100%;height:auto;display:block}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9));padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.progress-bar{width:100%;height:4px;background:var(--color-gray-dark);border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.progress-bar:hover{height:6px}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width .1s linear;position:relative}.progress-bar-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--color-silver-light);border-radius:50%;box-shadow:0 0 8px hsla(240,2%,84%,.6)}.player-buttons{display:flex;align-items:center;gap:var(--spacing-md)}.control-btn{background:transparent;border:none;color:var(--color-silver-light);cursor:pointer;padding:var(--spacing-xs);transition:all .3s ease}.control-btn:hover{color:var(--color-white);transform:scale(1.1)}.control-btn.active{color:var(--color-primary)}.volume-slider{width:80px;height:4px;background:var(--color-gray-dark);border-radius:2px;cursor:pointer;position:relative}.volume-slider-fill{height:100%;background:var(--color-silver-medium);border-radius:2px}.skeleton-loader{background:linear-gradient(90deg,var(--color-primary-darkest) 25%,var(--color-primary-darker) 50%,var(--color-primary-darkest) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.badge-new{background:var(--color-silver-medium);color:var(--color-black);padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media (max-width:768px){.video-grid{grid-template-columns:1fr}.video-container{padding:var(--spacing-md)}.video-title{font-size:1rem}.play-button{width:56px;height:56px}}@media (min-width:769px) and (max-width:1024px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.video-grid{grid-template-columns:repeat(3,1fr)}}.text-primary{color:var(--color-primary)}.text-silver{color:var(--color-silver-light)}.text-silver-medium{color:var(--color-silver-medium)}.text-silver-dark{color:var(--color-silver-dark)}.bg-gradient{background:var(--gradient-primary)}.bg-gradient-silver{background:var(--gradient-silver)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-silver{box-shadow:var(--shadow-silver)}.border-silver{border:1px solid var(--color-silver-dark)}.hidden{display:none}.flex-center{display:flex;align-items:center;justify-content:center}.shine-effect{position:relative;overflow:hidden}.shine-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(240,2%,84%,.3),transparent);transition:left .5s}.shine-effect:hover:before{left:100%}