.scroll-list-container{position:relative;width:100%;max-width:600px}.scroll-list{max-height:500px;overflow-y:auto;padding:16px}.scroll-list::-webkit-scrollbar{width:8px}.scroll-list::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.scroll-list::-webkit-scrollbar-thumb{background:rgba(30,136,229,.5);border-radius:4px}.scroll-list::-webkit-scrollbar-thumb:hover{background:rgba(30,136,229,.7)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{padding:20px 24px;background:linear-gradient(135deg,rgba(30,136,229,.1),rgba(142,36,170,.1));border-radius:12px;margin-bottom:1rem;border:2px solid transparent;transition:all .3s ease}.item:hover{border-color:rgba(30,136,229,.3);background:linear-gradient(135deg,rgba(30,136,229,.15),rgba(142,36,170,.15));transform:translateX(5px)}.item.selected{background:linear-gradient(135deg,rgba(30,136,229,.2),rgba(142,36,170,.2));border-color:rgba(30,136,229,.5);box-shadow:0 4px 12px rgba(30,136,229,.2)}.item-text{color:#1e293b;margin:0;font-size:1.125rem;font-weight:600;line-height:1.6}.top-gradient{top:0;height:50px;background:linear-gradient(180deg,#fff,transparent)}.bottom-gradient,.top-gradient{position:absolute;left:0;right:0;pointer-events:none;transition:opacity .3s ease;z-index:10}.bottom-gradient{bottom:0;height:100px;background:linear-gradient(0deg,#fff,transparent)}