@keyframes fadeInUp{from{opacity: 0; transform: translateY(20px)}to{opacity: 1; transform: translateY(0)}}

@keyframes spin{to{transform: rotate(360deg)}}

@keyframes fadeInUp{from{opacity: 0; transform: translateY(20px)}to{opacity: 1; transform: translateY(0)}}

@keyframes spin{to{transform: rotate(360deg)}}

.brand{flex-shrink:0;z-index:50}

.yt-search{display:flex;align-items:center;margin-left:auto;position:relative}

.yt-search-desktop{display:flex;align-items:center;background:#121212;border:1px solid #303030;border-radius:40px;overflow:hidden}

.yt-search-desktop input{width:320px;background:transparent;border:none;outline:none;color:#fff;padding:10px 14px;font-size:14px}

.yt-search-desktop button{background:#222;border:none;padding:10px 16px;cursor:pointer}

.yt-search-desktop img{width:20px}

.yt-search-mobile-btn{display:none;background:none;border:none;padding:6px;cursor:pointer}

.yt-search-mobile-btn img{width:26px}

.yt-mobile-search{display:none;position:fixed;inset:0;background:#0f0f0f;z-index:2000;padding:12px}

.yt-mobile-search form{display:flex;gap:10px}

.yt-mobile-search input{flex:1;background:#121212;border:1px solid #303030;border-radius:30px;padding:12px 16px;color:#fff;font-size:15px}

.yt-mobile-search button{background:#222;border:none;color:#fff;padding:12px 16px;border-radius:30px}

.search-suggestions{position:absolute;top:55px;width:320px;left:0px;background:#181818;border:1px solid #303030;border-radius:12px;display:none;max-height:300px;overflow-y:auto;z-index:999;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}

.search-suggestions div{padding:10px 15px;cursor:pointer;font-size:14px;color:#fff}

.search-suggestions div:hover{background:#272727}

.search-suggestions::-webkit-scrollbar{width:8px}

.search-suggestions::-webkit-scrollbar-track{background:transparent}

.search-suggestions::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:20px;transition:0.3s}

.search-suggestions::-webkit-scrollbar-thumb:hover{background:#555}

#mobileSearchBtn{display:none;align-items:center;justify-content:space-between;gap:8px;padding:6px 14px;border-radius:24px;background:linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.411) 100%);border:1px solid rgba(255, 255, 255, 0.932);cursor:pointer;height:35px;width:100px;margin-right:-2px}

#mobileSearchBtn img{width:12px;height:16px}

#mobileSearchBtn::before{content:"Search";color:#ffffff;font-size:14px;font-weight:500;margin-right:auto}

.user-sent-image{max-width:200px;border-radius:10px;display:block}

.result-animate{animation:fadeInUp 0.5s ease forwards;opacity:0}

.search-loader{width:40px;height:40px;border:3px solid rgba(255,255,255,0.1);border-radius:50%;border-top-color:#ff3e3e;animation:spin 1s ease-in-out infinite;margin:0 auto 15px}

@media (max-width: 768px){.yt-search-desktop{display:none}.yt-search-mobile-btn{display:block}.search-suggestions{left:-135px}#mobileSearchBtn{display:flex}}