@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap";.hero-container{display:flex;flex-direction:column;align-items:center;padding:20px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;max-width:1200px}.video-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;transition:transform .2s}.thumbnail-container:hover{transform:scale(1.05)}.thumbnail-container{width:100%;height:200px;overflow:hidden;border-radius:10px}.thumbnail{width:100%;height:100%;object-fit:cover}.video-details{padding:15px;display:flex;flex-direction:column;gap:5px;margin:0 0 0 -10px}.title-container{display:flex;align-items:center;gap:10px;overflow:hidden}.channel-logo{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.video-title{font-size:16px;font-weight:800;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 60px)}.channel-name{font-size:13px;font-weight:400;color:#d0d0d0;margin:0;padding-left:50px}.details{display:flex;justify-content:space-between;font-size:12px;color:#d0d0d0;padding-left:50px}.more{height:20px;margin-right:-8px}.video-title{font-size:17px;font-style:bold;font-weight:800;color:#fff;margin:-10px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-name{font-size:13px;font-style:bold;font-weight:200;color:#aaa;margin:0}.details{display:flex;gap:8px}.video-views,.time-ago{font-size:12px;color:#aaa;margin:0}.filter{width:80%}.filter-list{display:flex;justify-content:space-between;align-items:flex-start;list-style:none;margin:-35px 270px 20px -110px}.list{background-color:#2f2f2f;padding:8px 12px;border-radius:15px;cursor:pointer}.list:hover{background-color:#252323}.video-card-link{text-decoration:none;color:inherit}.video-card-link:hover .video-card{transform:scale(1.02);transition:transform .3s ease-in-out}.loading-message{font-size:18px;font-weight:500;font-style:bold}.channel-logo{width:45px;height:45px;border-radius:50%;object-fit:cover}.custom-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.custom-alert-box{background-color:#313131;padding:20px;border-radius:22px;box-shadow:0 4px 6px #0000001a;width:300px;text-align:center;animation:fadeIn .3s ease;height:300px;width:500px}.custom-alert-message{font-size:16px;color:#fff;margin-bottom:10px;margin-top:50px}.mic-animation-container{margin-bottom:20px}.mic-button-animated{background:none;border:none;outline:none;cursor:default}.mic-icon{font-size:100px;color:#ff5252;transition:transform .3s ease,color .3s ease}.listening-animation{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1);color:#ff5252}50%{transform:scale(1.2);color:#ff7373}to{transform:scale(1);color:#ff5252}}.custom-alert-button{background-color:#d9534f;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s;margin:10px 0 0}.custom-alert-button:hover{background-color:#c9302c}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}*{color:#fff}.nav{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center}.logo-image{object-fit:cover;height:30px;width:30px;margin:18px 0 0 -130px;cursor:pointer}.logo h1{font-size:22px;margin:-36px 0 0 -95px;cursor:pointer;font-family:Poppins,serif;letter-spacing:-1.05px}.search-container{display:flex;align-items:center;background-color:#333;border:1px solid #555;border-radius:25px;overflow:hidden;width:40%;max-width:550px;height:35px;margin:22px 15px 0 275px}.search-input{flex:1;border:none;outline:none;padding:0 15px;font-size:16px;background-color:transparent;color:#fff}.search-input::placeholder{color:#aaa}.search-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;padding:10px}.search-button:hover{scale:1.05;background-color:#3a3939;border-radius:50%}.search-icon{width:20px;height:20px;object-fit:cover}.mic-status{font-size:14px;color:green;margin-left:10px}.error-message{font-size:14px;color:red;text-align:center;margin-top:10px}.mic-button{border:none;background:transparent;cursor:pointer}.mic-icon{width:24px;height:24px}.mic-icon{background-color:#444;border-radius:50%;padding:8px;height:20px;width:20x;margin:25px 290px 0 0;cursor:pointer}.mic-icon:hover{scale:1.05;background-color:#4f4f4f;border-radius:50%}.profile{display:flex;align-items:center;justify-content:space-evenly}.notification-icon{height:25px;width:25px;margin:22px 50px 0 0;cursor:pointer}.profile-icon{height:40px;width:40px;margin:22px 40px 0 10px;cursor:pointer}.burger-menu{height:25px;width:25px;margin:34px 0 0 25px;cursor:pointer}.superscript{font-size:12px;margin:0 50px 0 2px;color:#adacac}body{font-family:Arial,sans-serif;margin:0}.sidebar-container{height:100vh;width:240px;margin:20px 0 0;background-color:#151515;color:#fff;display:flex;flex-direction:column;padding:10px 0}.logo-section{display:flex;align-items:center;padding:0 15px;margin-bottom:20px}.logo{height:35px;width:35px;margin-right:10px}.sidebar-title{font-size:18px;font-weight:700}.menu-items{list-style-type:none;padding:0;margin:0}.menu-item{display:flex;align-items:center;padding:10px 15px;cursor:pointer;transition:background-color .2s ease-in-out}.menu-item-text{font-size:14px}.menu-item:hover{background-color:#383838}.icon{height:28px;width:28px;margin-right:15px;margin-left:10px}.line{background-color:#5b5959;height:1px;width:200px;margin-top:10px;margin-bottom:10px}.arrow{margin:-3px 0 0;position:absolute}.you{margin:8px 0}.you a{margin:0 0 0 22px;padding:10px 0;font-size:15px;font-style:bold;font-weight:700}.sub{height:27px;width:27px;border-radius:50%;padding:5px;margin-right:8px}.menu-item1{display:flex;align-items:center;padding:10px 15px;margin:0 0 0 10px;gap:15px;cursor:pointer;transition:background-color .2s ease-in-out}.menu-item1:hover{background-color:#383838}.menu-item1 span{font-size:14px}.menu-item2{display:flex;align-items:center;padding:10px 15px;margin-bottom:-6px;cursor:pointer;transition:background-color .2s ease-in-out}.menu-item2:hover{background-color:#383838}.menu-item2 span{font-size:14px}.sub-more{visibility:none}.view{background-color:#383838;padding:7px;margin:0 0 0 70px;border-radius:20px;cursor:pointer;border:none}.view:hover{background-color:#282727}.subscriptions a{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out;cursor:pointer}.subscriptions a:hover{background-color:#383838;color:#bababa}.subscriptions img.sub{height:27px;width:27px;border-radius:50%;margin:0 10px 0 0}.view-less{background-color:#383838;padding:7px;margin:0 0 0 70px;border-radius:20px;cursor:pointer;border:none;visibility:none}.view-less:hover{background-color:#282727}.explore a{margin:0 0 0 22px;padding:10px 0;font-size:15px;font-style:bold;font-weight:700}.menu-item4{display:flex;align-items:center;padding:10px 15px;margin:0 0 -6px 12px;cursor:pointer}.side-footer{display:flex;align-items:flex-start;justify-content:space-evenly}.menu-item4 a{font-size:12px;font-weight:800;color:#bababa}.sub-title{margin:0 0 5px 20px;font-size:15px;font-weight:600}.app-container{display:flex;flex-direction:column;height:100vh}.main-content{display:flex;flex:1}.sidebar{width:250px;position:sticky;overflow-y:auto;z-index:10}.hero-container{flex:1;margin-left:16px;margin-top:50px;position:relative}*{margin:0;padding:0}body{background-color:#151515}