*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;background-color:#242424}.mood-elem{padding:2rem;display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:1100px;margin:auto}.user-video-feed{width:320px;aspect-ratio:16/9;border-radius:1rem;object-fit:cover;border:2px solid rgba(255,255,255,.08);box-shadow:0 8px 25px #0006}.controls{display:flex;flex-direction:column;gap:1rem;min-width:240px}.btn-group{display:flex;gap:.8rem;flex-wrap:wrap}.mood-elem button{padding:.7rem 1.5rem;font-size:.95rem;background:#4caf50;color:#fff;border:none;border-radius:999px;cursor:pointer;font-weight:500;transition:all .2s ease}.mood-elem button:hover:not(:disabled){background:#43a047;transform:translateY(-1px)}.mood-elem button:disabled{opacity:.6;cursor:not-allowed}.all-songs-btn{background:transparent;border:1.5px solid rgba(255,255,255,.3);color:#fff}.all-songs-btn:hover{background:#ffffff14;border-color:#fff9}.status-text{font-size:.85rem;color:#fff9;font-style:italic}@media(max-width:768px){.mood-elem{flex-direction:column;align-items:center;text-align:center}.user-video-feed{width:100%;max-width:400px}.controls{align-items:center}.btn-group{justify-content:center}}@media(max-width:480px){.mood-elem{padding:1rem}.mood-elem button{width:100%}.btn-group{flex-direction:column;width:100%}}.mood-songs{padding:2rem;width:100%;max-width:1100px;margin:auto;color:#fff;font-family:system-ui,-apple-system,sans-serif}.mood-songs h2{font-size:1.5rem;margin-bottom:1.5rem;color:#eaeaea;font-weight:600}.no-songs{text-align:center;opacity:.5;margin-top:2rem}.song-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:.75rem;background:#28282899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-bottom:.7rem;transition:all .2s ease}.song-content:hover{background:#3c3c3ccc;transform:translateY(-2px)}.song-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.play-pause-btn{background:#4caf50;border:none;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,background .2s}.play-pause-btn:hover{transform:scale(1.1);background:#43a047}.play-pause-btn i{font-size:1.5rem;color:#fff}.title h3{font-size:.95rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist{font-size:.8rem;opacity:.6}.song-right{display:flex;align-items:center;gap:.5rem}.progress-slider{width:150px;height:4px;border-radius:2px;background:#fff3;cursor:pointer;accent-color:#4CAF50}.time{font-size:.7rem;opacity:.6;min-width:35px;text-align:center}@media(max-width:768px){.mood-songs{padding:1rem}.song-content{flex-direction:column;align-items:flex-start}.song-right{width:100%;justify-content:space-between}.progress-slider{width:100%}}@media(max-width:480px){.play-pause-btn{width:36px;height:36px}.play-pause-btn i{font-size:1.2rem}.title h3{font-size:.85rem}.artist{font-size:.75rem}}