.loading-image-container{width:100%;height:100%;display:block;position:relative;overflow:visible}.loading-image-container img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s ease-in-out}.loading-image-container img.loaded{opacity:1}.loading-image-spinner{pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s ease-in-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-image-spinner.hidden{opacity:0}.loading-image-spinner svg{color:rgba(56,189,248,.8);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.loading-container{justify-content:center;align-items:center;width:100%;height:200px;display:flex}.loading-container p{color:rgba(255,255,255,.6);font-size:16px;font-weight:500}.songlist{flex-wrap:wrap;justify-content:center;gap:15px;width:100%;display:flex}.songlist .dashboard-li{border:1px solid var(--glass-border);cursor:pointer;will-change:transform;content-visibility:auto;contain:content;background:0 0;border-radius:20px;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:140px;margin:8px 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dashboard-bg-layer{filter:brightness(.4);z-index:0;will-change:filter;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:filter .3s;position:absolute;top:0;bottom:0;left:0;right:0}.songlist .dashboard-li:hover .dashboard-bg-layer{filter:brightness(.55)}.dashboard-content-layer{z-index:10;background:rgba(15,23,42,.4);flex-direction:row;align-items:center;width:100%;height:100%;transition:background .3s;display:flex;position:relative}.songlist .dashboard-li:hover .dashboard-content-layer{background:rgba(15,23,42,.2)}.songlist .dashboard-img{object-fit:cover;flex-shrink:0;width:140px;height:140px;margin:0;box-shadow:5px 0 15px rgba(0,0,0,.3)}.audio-section{flex-shrink:0;justify-content:flex-end;width:100%;margin-left:auto;display:flex}.audio-controls{width:100%}.audio-section canvas{z-index:0;pointer-events:none;opacity:.3;border-radius:20px;position:absolute;bottom:0;left:0;width:100%!important;height:100%!important}.song-info{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;display:flex;overflow:hidden}.chart-content{flex-direction:column;flex:1;justify-content:center;gap:10px;min-width:0;display:flex}.chart-data{align-items:center;gap:15px;width:100%;min-width:0;display:flex}.song-link-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.song-title-dashboard{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.song-artist-dashboard{white-space:nowrap;text-overflow:ellipsis;color:#94a3b8;font-size:.9rem;overflow:hidden}.delete-btn{color:#f87171;cursor:pointer;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:8px;transition:all .2s;display:flex}.delete-btn:hover{color:#fff;background-color:rgba(239,68,68,.2);transform:translateY(-2px);box-shadow:0 0 15px rgba(239,68,68,.2)}.metadata-section{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:12px;min-width:140px;padding:10px 0;display:flex}.edit-btn{color:#38bdf8;cursor:pointer;background-color:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:8px;transition:all .2s;display:flex}.edit-btn:hover{color:#fff;background-color:rgba(56,189,248,.2);transform:translateY(-2px);box-shadow:0 0 15px rgba(56,189,248,.2)}.chart-metadata{text-align:right;flex-direction:column;gap:6px;display:flex}.metadata-item{color:rgba(255,255,255,.6);background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;justify-content:flex-end;align-items:center;gap:6px;padding:4px 10px;font-size:11px;line-height:1.2;display:flex}.metadata-item.stats-combined{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);gap:0;padding:0;display:flex;overflow:hidden}.lv-part{background:linear-gradient(135deg,var(--primary-accent),#0ea5e9);color:#fff;padding:4px 10px;font-weight:800}.likes-part{color:#f87171;background:rgba(239,68,68,.05);border-right:1px solid rgba(255,255,255,.1);align-items:center;gap:4px;padding:4px 10px;display:flex}.comments-part{color:#38bdf8;background:rgba(56,189,248,.05);align-items:center;gap:4px;padding:4px 10px;display:flex}body.light-mode .lv-part{background:var(--primary-accent)}body.light-mode .stats-combined{background:#fff;border-color:rgba(15,23,42,.1)}.metadata-stats-group{justify-content:flex-end;gap:8px;display:flex}.metadata-item.created,.metadata-item.updated{color:rgba(255,255,255,.5);width:-moz-fit-content;width:fit-content;margin-left:auto}.metadata-item.status{text-transform:uppercase;letter-spacing:1px;padding:4px 12px;font-size:10px;font-weight:600}.metadata-item.status-public{color:#4ade80;background-color:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);box-shadow:0 0 10px rgba(34,197,94,.1)}.metadata-item.status-private{color:#f87171;background-color:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.metadata-item.status-unlisted{color:#fbbf24;background-color:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3)}.visibility-toggle-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:80px;min-height:50px;padding:8px 12px;font-size:10px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.visibility-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.visibility-icon{margin-bottom:4px;font-size:18px;display:block}.visibility-text{text-align:center;opacity:.9;font-size:9px;line-height:1.1}.visibility-toggle-btn.status-public{color:#4ade80;background-color:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.visibility-toggle-btn.status-public:hover{background-color:rgba(34,197,94,.2);border-color:#4ade80;box-shadow:0 0 15px rgba(74,222,128,.2)}.visibility-toggle-btn.status-private{color:#f87171;background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.visibility-toggle-btn.status-private:hover{background-color:rgba(239,68,68,.2);border-color:#f87171;box-shadow:0 0 15px rgba(248,113,113,.2)}.visibility-toggle-btn.status-unlisted{color:#fbbf24;background-color:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3)}.visibility-toggle-btn.status-unlisted:hover{background-color:rgba(245,158,11,.2);border-color:#fbbf24;box-shadow:0 0 15px rgba(251,191,36,.2)}.visibility-toggles{flex-direction:row;justify-content:center;gap:8px;display:flex}@media (max-width:768px){.songlist{gap:12px;padding:0 8px}.songlist .dashboard-li{border-radius:12px;align-items:stretch;height:auto;min-height:120px;margin:0;padding-bottom:0;position:relative;overflow:visible}.songlist .dashboard-img,.songlist .loading-image-container{aspect-ratio:1;width:100px;height:100px;box-shadow:none;object-fit:cover;z-index:5;border-radius:10px;position:absolute;bottom:8px;right:8px;overflow:visible}.songlist .loading-image-container img{object-fit:cover;border-radius:10px;width:100%;height:100%}.dashboard-content-layer{align-items:center;flex-direction:row!important}.song-info{flex:1;margin:16px 116px 16px 4px;overflow:hidden;align-items:flex-start!important;gap:8px!important;padding:12px 14px!important}.chart-content{width:100%;padding-top:4px;align-items:flex-start!important;gap:8px!important}.chart-data{width:100%;min-width:0;overflow:hidden;flex-direction:column!important;justify-content:start!important;align-items:flex-start!important;gap:4px!important}.song-title-dashboard{white-space:nowrap;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden;max-width:100%!important;font-size:.95rem!important}.song-artist-dashboard{opacity:.8;font-size:.75rem!important}.rating-container{flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:auto!important;margin-top:0!important}.rating-dashboard{padding:2px 6px!important;font-size:.8rem!important}.author-dashboard{font-size:.75rem!important}.audio-section{margin-top:4px;width:100%!important}.metadata-section{border-top:1px solid rgba(255,255,255,.1);position:absolute;top:4px;right:12px;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-top:4px!important;padding:4px 0 0!important}.chart-metadata{height:auto;padding-bottom:2px;overflow:visible;flex-wrap:wrap!important;gap:6px!important}.metadata-item{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:3px 8px!important;font-size:10px!important}.metadata-item.stats-combined{border:1px solid rgba(255,255,255,.15);border-radius:20px!important;padding:0!important;overflow:hidden!important}.chart-actions{gap:4px;display:flex}.edit-btn,.delete-btn{width:28px!important;height:28px!important;padding:0!important}.visibility-toggles{display:none!important}}body.light-mode .dashboard-content-layer{background:rgba(255,255,255,.7)}body.light-mode .dashboard-li:hover .dashboard-content-layer{background:rgba(255,255,255,.5)}body.light-mode .song-title-dashboard{color:#0f172a}body.light-mode .song-artist-dashboard,body.light-mode .author-dashboard{color:#475569}body.light-mode .rating-dashboard{color:#0f172a;background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.1)}body.light-mode .metadata-item{color:#475569;background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.1)}body.light-mode .metadata-item svg{color:#64748b}body.light-mode .metadata-item.likes{color:#ef4444;background:rgba(239,68,68,.05)}body.light-mode .visibility-toggle-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.light-mode .dashboard-li{border-color:rgba(15,23,42,.1);box-shadow:0 4px 15px rgba(0,0,0,.05)}body.light-mode .song-link-wrapper span{color:#0f172a}