.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.library-tab{padding:.5rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:500;color:#a1a1aa;transition:all .2s ease;cursor:pointer;user-select:none}.library-tab:hover{color:#f4f4f5}.library-tab.active{background-color:#27272a;color:#f4f4f5}.history-card{flex:0 0 auto;width:220px;border-radius:1rem;padding:1.25rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.05);text-decoration:none}.history-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #00000080}.history-card.theme-purple{background:linear-gradient(135deg,#4c1d95,#2e1065)}.history-card.theme-blue{background:linear-gradient(135deg,#0284c7,#0c4a6e)}.history-card.theme-green{background:linear-gradient(135deg,#166534,#052e16)}.history-card.theme-orange{background:linear-gradient(135deg,#c2410c,#431407)}.history-card.theme-gray{background:linear-gradient(135deg,#3f3f46,#18181b)}.history-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.history-card-icon-container{display:flex;justify-content:center;align-items:center;height:80px;position:relative;z-index:10}.history-card-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.history-card-content{position:relative;z-index:10}.history-card-badge-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.history-card-badge{font-size:.65rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em;padding:.1rem .4rem;border-radius:.25rem;background:#0006;color:#ffffffe6}.history-card-bar{flex-grow:1;height:2px;background:#fff3;border-radius:2px}.history-card-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card-time{font-size:.75rem;color:#fff9;font-weight:500}.liked-list-container{display:flex;flex-direction:column;gap:.5rem}.liked-list-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:.75rem;background-color:transparent;transition:background-color .2s ease;cursor:pointer;text-decoration:none}.liked-list-item:hover{background-color:#ffffff08}.liked-list-item .icon-wrapper{width:2.5rem;height:2.5rem;border-radius:.5rem;background-color:#18181b;display:flex;align-items:center;justify-content:center;margin-right:1.25rem;border:1px solid rgba(255,255,255,.05);overflow:hidden}.liked-list-item .icon-wrapper img{width:100%;height:100%;object-fit:cover}.liked-list-item .title{flex-grow:1;font-size:.95rem;font-weight:500;color:#e4e4e7}.liked-list-item .heart-icon{color:#ef4444;margin-left:1rem;width:1.25rem;height:1.25rem;opacity:.8;transition:opacity .2s,transform .2s}.liked-list-item:hover .heart-icon{opacity:1;transform:scale(1.1)}.playlist-list-container{display:flex;flex-direction:column;gap:.75rem}.playlist-list-item{display:flex;align-items:center;padding:1rem 1.25rem;border-radius:.75rem;background-color:#121214;border:1px solid rgba(255,255,255,.03);transition:background-color .2s ease,border-color .2s ease;cursor:pointer;text-decoration:none}.playlist-list-item:hover{background-color:#18181b;border-color:#ffffff14}.playlist-list-item .icon-wrapper{width:3rem;height:3rem;border-radius:.5rem;background-color:#ffffff08;display:flex;align-items:center;justify-content:center;margin-right:1.25rem;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.playlist-list-item .icon-wrapper img{width:100%;height:100%;object-fit:cover;opacity:.7}.playlist-list-item.theme-purple .icon-wrapper{background:linear-gradient(135deg,rgba(76,29,149,.2) 0%,transparent 100%)}.playlist-list-item.theme-blue .icon-wrapper{background:linear-gradient(135deg,rgba(2,132,199,.2) 0%,transparent 100%)}.playlist-list-item.theme-green .icon-wrapper{background:linear-gradient(135deg,rgba(22,101,52,.2) 0%,transparent 100%)}.playlist-list-item .content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.playlist-list-item .title{font-size:1rem;font-weight:600;color:#f4f4f5;margin-bottom:.125rem}.playlist-list-item .count{font-size:.75rem;font-weight:500;color:#71717a}.playlist-list-item .chevron{color:#52525b;transition:transform .2s,color .2s;width:1.25rem;height:1.25rem}.playlist-list-item:hover .chevron{color:#a1a1aa;transform:translate(2px)}.section-heading-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-heading-container h2{font-size:1.125rem;font-weight:600;color:#e4e4e7;letter-spacing:-.01em}.section-view-all{font-size:.8125rem;font-weight:500;color:#3b82f6;background:#3b82f61a;padding:.35rem .75rem;border-radius:9999px;transition:background-color .2s,color .2s;text-decoration:none;cursor:pointer;border:none}.section-view-all:hover{background:#3b82f633;color:#60a5fa}