body{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{background:#ffffff14;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 8px 20px #0000004d;width:90%;max-width:400px;margin:auto}h1{margin-bottom:1.5rem}.mood-button{background-color:#fff2;color:#fff;border:2px solid white;border-radius:12px;padding:1rem 1.5rem;margin:.5rem;font-size:1.2rem;font-weight:700;cursor:pointer;transition:transform .2s ease}.mood-button:hover{transform:scale(1.05);background-color:#fff3}.stop-button{margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;background:#dc143c;border:none;border-radius:10px;color:#fff;cursor:pointer}.volume-control{margin-top:1.5rem}