*{margin:0%;padding:0%;box-sizing:border-box}html,body,#root{height:100%;width:100%;background-color:var(--bg)}:root{--bg: #0e0f13;--card: #1a1c23;--card-hover: #242834;--text: #e6e7eb;--muted: #a5abb3;--accent: #7c8cf8;--success: #34d399;--success-hover: #5eead4;--danger: #f87171;--danger-hover: #fca5a5}body{color:var(--text)}.mood-songs{width:100%;padding:2rem;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.mood-songs h2{margin-bottom:1.5rem;font-size:1.8rem;color:var(--text)}.wrap{display:flex;justify-content:space-between;align-items:center;background:var(--card);padding:1rem 1.5rem;margin-bottom:1rem;border-radius:.8rem;transition:transform .2s ease}.wrap:hover{transform:scale(1.02);background:var(--card-hover)}.wrap .title{flex:1}.wrap .title h3{font-size:1.2rem;margin:0;color:var(--text)}.wrap .title p{margin:.3rem 0 0;font-size:.9rem;color:var(--muted)}.song{display:flex;align-items:center;gap:1rem}.song audio{display:none}.song i{font-size:4rem;cursor:pointer;transition:color .2s ease}.song .play-btn{color:var(--success)}.song .play-btn:hover{color:var(--success-hover)}.song .pause-btn{color:var(--danger)}.song .pause-btn:hover{color:var(--danger-hover)}@media (max-width: 768px){.wrap{align-items:flex-start;width:100%}.song{margin-top:.8rem}}@media (max-width: 480px){.mood-songs{padding:1rem}.mood-songs h2{font-size:1.4rem}.wrap{padding:1rem}.wrap .title h3{font-size:1rem}.song i{font-size:1.8rem}}