@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(145deg,#fdfbfb,#ebedee);font-family:Fredoka One,cursive;margin:0;min-height:100vh}.App{animation:fadeIn 1s ease-in-out;padding:40px 20px;text-align:center}h1{color:#ff5e57;font-size:2.5rem;margin-bottom:30px;text-shadow:2px 2px #ffcdd2}input{border:2px solid #ffb347;border-radius:12px;font-size:1rem;margin-right:10px;margin-top:15px;outline:none;padding:12px;transition:transform .2s ease;width:250px}input:focus{border-color:#ff7043;transform:scale(1.05)}button{background-color:#4fc3f7;border:none;border-radius:12px;box-shadow:0 4px 0 #0288d1;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:all .2s ease-in-out}button:hover{background-color:#29b6f6;box-shadow:0 6px 0 #0288d1;transform:translateY(-3px)}button:active{box-shadow:0 2px 0 #0288d1;transform:scale(.98)}.preset-moods{margin-bottom:20px}.preset-moods button{margin:8px}.song-list{animation:fadeIn .8s ease;list-style:none;margin-top:40px;padding:0}.song-list li{font-size:1.1rem;margin-bottom:14px;transition:transform .2s ease,background-color .2s ease}.song-list li:hover{background-color:#ffe0b2;border-radius:8px;padding:5px 10px;transform:scale(1.05)}a{color:#ff5722;text-decoration:none}a:hover{text-decoration:underline}.error{animation:shake .3s ease-in-out;color:#e53935;font-size:1rem;margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}to{transform:translateX(0)}}.history-view{animation:fadeIn .8s ease;background-color:#f5f5f5;border-radius:16px;margin-top:40px;padding:20px}.history-entry{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-bottom:2rem;padding:1rem 1.5rem;text-align:left}.history-entry h3{color:#333;font-size:1.2rem;margin-bottom:10px}.history-entry ul{padding-left:20px}.history-entry li{color:#ff5722;font-size:1rem;margin-bottom:6px}.history-entry a{color:#ff5722;text-decoration:none;transition:all .2s ease}.history-entry a:hover{color:#e64a19;text-decoration:underline}.manual-mood{margin-top:25px}.manual-mood button{margin:6px 10px 0 0}
/*# sourceMappingURL=main.072cf1da.css.map*/