.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:#38bdf8cc;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:#fff9;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;contain:layout style;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;inset:0}.chartlist-ambience{filter:blur(32px)saturate(1.6)brightness(.3);opacity:.6;z-index:0;pointer-events:none;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:0}.songlist .dashboard-li:hover .chartlist-ambience{opacity:.85}.songlist .dashboard-li:hover .dashboard-bg-layer{filter:brightness(.55)}.dashboard-content-layer{z-index:10;background:#0f172a66;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:#0f172a33}.songlist .dashboard-img{object-fit:cover;flex-shrink:0;width:140px;height:140px;margin:0;box-shadow:5px 0 15px #0000004d}.audio-section{flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:4px;min-width:0;padding-right:12px;display:flex}.chartlist-play-btn{color:#38bdf8;cursor:pointer;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.chartlist-play-btn:hover{background:#38bdf840;border-color:#38bdf899}.chartlist-play-btn.active{color:#fff;background:linear-gradient(135deg,#38bdf84d,#818cf84d);border-color:#38bdf899}.no-audio-label{color:#ffffff40;font-size:.72rem}.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:#ef44441a;border:1px solid #ef444433;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:#ef444433;transform:translateY(-2px);box-shadow:0 0 15px #ef444433}.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:#38bdf81a;border:1px solid #38bdf833;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:#38bdf833;transform:translateY(-2px);box-shadow:0 0 15px #38bdf833}.chart-metadata{text-align:right;flex-direction:column;gap:6px;display:flex}.metadata-item{color:#fff9;background-color:#ffffff0d;border:1px solid #ffffff1a;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:#ffffff14;border:1px solid #ffffff1a;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:#ef44440d;border-right:1px solid #ffffff1a;align-items:center;gap:4px;padding:4px 10px;display:flex}.comments-part{color:#38bdf8;background:#38bdf80d;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:#0f172a1a}.metadata-stats-group{justify-content:flex-end;gap:8px;display:flex}.metadata-item.created,.metadata-item.updated{color:#ffffff80;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:#22c55e26;border-color:#22c55e4d;box-shadow:0 0 10px #22c55e1a}.metadata-item.status-private{color:#f87171;background-color:#ef444426;border-color:#ef44444d}.metadata-item.status-unlisted{color:#fbbf24;background-color:#f59e0b26;border-color:#f59e0b4d}.visibility-toggle-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;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 #00000040}.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:#22c55e1a;border-color:#22c55e4d}.visibility-toggle-btn.status-public:hover{background-color:#22c55e33;border-color:#4ade80;box-shadow:0 0 15px #4ade8033}.visibility-toggle-btn.status-private{color:#f87171;background-color:#ef44441a;border-color:#ef44444d}.visibility-toggle-btn.status-private:hover{background-color:#ef444433;border-color:#f87171;box-shadow:0 0 15px #f8717133}.visibility-toggle-btn.status-unlisted{color:#fbbf24;background-color:#f59e0b1a;border-color:#f59e0b4d}.visibility-toggle-btn.status-unlisted:hover{background-color:#f59e0b33;border-color:#fbbf24;box-shadow:0 0 15px #fbbf2433}.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{flex-direction:row;justify-content:flex-start;margin-top:4px;width:100%!important;min-width:unset!important;padding-right:0!important}.metadata-section{border-top:1px solid #ffffff1a;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 #ffffff26;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:#ffffffd1}body.light-mode .dashboard-li:hover .dashboard-content-layer{background:#ffffffb8}body.light-mode .song-title-dashboard{color:#0f172a}body.light-mode .song-artist-dashboard,body.light-mode .author-dashboard,body.light-mode .author-dashboard span{color:#475569!important}body.light-mode .author-dashboard a,body.light-mode .author-dashboard span span{color:#0284c7!important}body.light-mode .rating-dashboard{color:#0f172a;background:#0f172a0d;border-color:#0f172a1a}body.light-mode .metadata-item{color:#475569;background:#0f172a0d;border-color:#0f172a1a}body.light-mode .metadata-item svg{color:#64748b}body.light-mode .metadata-item.likes{color:#ef4444;background:#ef44440d}body.light-mode .dashboard-li{border-color:#0f172a1a;box-shadow:0 4px 15px #0000000d}body.light-mode .song-link-wrapper>span{color:#0f172a}body.light-mode .no-audio-label{color:#94a3b8}body.light-mode .loading-container p{color:#64748b}body.light-mode .dashboard-bg-layer{filter:brightness(1.1)saturate(.5);opacity:.3}body.light-mode .chartlist-ambience{filter:blur(32px)saturate(.8)brightness();opacity:.15}body.light-mode .metadata-item.created,body.light-mode .metadata-item.updated{color:#64748b}body.light-mode .likes-part{background:#ef444414;border-right-color:#0f172a1a}body.light-mode .comments-part{background:#38bdf814}