.scroll-list-container{background-color:#0000;width:100%;max-width:600px;position:relative}.scroll-list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background-color:#0000;max-height:400px;padding:8px 16px;overflow-y:auto}.scroll-list::-webkit-scrollbar{width:8px}.scroll-list::-webkit-scrollbar-track{background:#f1f5f9}.scroll-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.scroll-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:20px;transition:all .2s}.item.selected{background-color:#f8fafc;border-color:#0f172a;box-shadow:0 2px 8px #0f172a1a}.item-text{color:#1e293b;margin:0 0 8px;font-size:14px;font-weight:400;line-height:1.6}.item-author{color:#64748b;margin:0;font-size:12px;font-weight:500}.top-gradient{pointer-events:none;background:linear-gradient(#0f172a,#0f172a00);height:50px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bottom-gradient{pointer-events:none;background:linear-gradient(#0f172a00,#0f172a);height:100px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}