@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#0a0b10;--bg-panel:#ffffff08;--bg-panel-hover:#ffffff0f;--glass-border:#ffffff14;--accent-primary:#8a88ff;--accent-secondary:#ff9eee;--accent-tertiary:#c193ff;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#475569;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.16, 1, .3, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#8a88ff0d,#0000 25%),radial-gradient(circle at 85% 30%,#ff9eee0d,#0000 25%);background-attachment:fixed;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}select{color:var(--text-main);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;background-color:#1a1c24;outline:none;padding:4px 12px}select option{color:var(--text-main);background-color:#0a0b10}.glass-panel{background:var(--bg-panel);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);box-shadow:0 8px 32px #0003}.glass-panel-interactive{background:var(--bg-panel);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer}.glass-panel-interactive:hover{background:var(--bg-panel-hover);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}.text-gradient{background:linear-gradient(135deg, var(--accent-primary), var(--accent-tertiary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-secondary{background:linear-gradient(135deg, var(--accent-secondary), #ffdbf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-base{gap:1.5rem;display:grid}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-panel);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--glass-border)}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:1s linear infinite spin}.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.header-filters{flex-wrap:wrap;align-items:center;gap:1rem;width:auto;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.chart-row{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.chart-left{flex:1;align-items:center;gap:1.25rem;min-width:0;display:flex}.chart-rank{flex-direction:column;align-items:center;min-width:35px;display:flex}.chart-rank span{line-height:1}.chart-img-wrapper{border-radius:var(--radius-sm);flex-shrink:0;width:50px;height:50px;position:relative;overflow:hidden}.chart-title-wrapper{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.chart-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.1rem;font-size:1rem;font-weight:600;overflow:hidden}.chart-artist{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);cursor:pointer;max-width:100%;font-size:.85rem;transition:color .2s;display:block;overflow:hidden}.chart-artist:hover{color:var(--accent-primary)}.chart-score{font-size:1.4rem;font-weight:800}.chart-score-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}@media (width<=768px){.main-content{padding:1rem}.header-container{justify-content:center;gap:1.5rem}.header-filters{justify-content:space-between;gap:.5rem;width:100%}.filter-group{flex:1;min-width:100px}.filter-group select{width:100%;max-width:none!important}.chart-row{gap:.5rem;padding:.6rem}.chart-left{gap:.65rem}.chart-rank{min-width:25px}.chart-rank span{font-size:1.25rem!important}.chart-img-wrapper{width:42px;height:42px}.chart-title{font-size:.95rem}.chart-artist{font-size:.8rem}.chart-score{font-size:1.2rem}.chart-score-label{display:none}}