body{font-family:Inter,sans-serif;background-color:#121212;color:#fff;margin:0;padding:20px;line-height:1.6}h1,h2,h3{color:#1db954;text-align:center;font-weight:700;margin-bottom:20px}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}a{color:#1db954;text-decoration:none;font-weight:700;transition:color .3s ease,text-shadow .3s ease}a:hover{color:#14833b;text-shadow:0 0 8px #1DB954}#profile{background:linear-gradient(145deg,#1e1e1e,#2b2b2b);padding:30px;border-radius:15px;text-align:center;box-shadow:0 4px 15px #0006;transition:transform .3s ease,box-shadow .3s ease}#profile:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000080}#avatar img{border-radius:50%;width:150px;height:150px;border:4px solid #1DB954;margin-bottom:15px}ul{list-style:none;padding:0;margin:0}li{margin:10px 0;color:#ccc;font-size:1em}.whole-section{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:20px 0}.whole-section h2{width:100%;text-align:center}.term-container{background:linear-gradient(145deg,#1e1e1e,#2b2b2b);padding:25px;border-radius:15px;text-align:left;width:350px;box-shadow:0 4px 15px #0006;transition:transform .3s ease,box-shadow .3s ease}.term-container:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000080}.term-container h3{color:#1db954;margin-bottom:15px}#tracksContainer-long_term li,#tracksContainer-medium_term li,#tracksContainer-short_term li,#artistsContainer-long_term li,#artistsContainer-medium_term li,#artistsContainer-short_term li{background-color:#232323;color:#fff;padding:10px 15px;border-radius:8px;margin-bottom:10px;text-align:center;font-size:1em;transition:background-color .3s ease,transform .3s ease;font-weight:400}#tracksContainer-long_term li:hover,#tracksContainer-medium_term li:hover,#tracksContainer-short_term li:hover,#artistsContainer-long_term li:hover,#artistsContainer-medium_term li:hover,#artistsContainer-short_term li:hover{background-color:#1db954;color:#121212;transform:scale(1.05);font-weight:400}.chart-container{display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#1e1e1e,#2b2b2b);padding:25px;border-radius:15px;box-shadow:0 4px 15px #0006;transition:transform .3s ease,box-shadow .3s ease;margin:20px;width:540px}.chart-container:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000080}.chart-container h2{color:#1db954;text-align:center;font-size:1.8em;margin-bottom:20px;font-weight:700}.chart-container canvas{max-width:100%;height:auto;width:100%;height:400px}canvas{background-color:transparent;padding:10px}.chartjs-tooltip{background:#000c;color:#fff;border-radius:5px;padding:8px}