.signup-container{max-width:400px;margin:auto;padding:2rem;border-radius:10px;background-color:#f2f2f2;text-align:center}.signup-form input,.signup-form select{margin:10px 0;padding:10px;width:100%}.signup-form input{font-size:large}.signup-form select{font-size:large;width:100%}.signup-form button{padding:20px 40px;margin-top:10px;width:410px;background-color:#4caf50;font-size:20px;font-family:monospace;color:#fff;border:none;cursor:pointer}.signup-header{font-size:3rem;font-weight:700;text-align:center;background:linear-gradient(70deg,red,orange,green,#0ff,#00f,violet);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-shift 5s linear infinite;margin-top:-50px}@keyframes rainbow-shift{0%{background-position:0% 50%}to{background-position:100% 50%}}.signup-footer{text-decoration:none;font-family:monospace;font-size:1.2rem}.error-message{color:red;font-size:1.2rem;font-family:monospace;margin-top:10px}.message-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.message-container .text-message{font-size:5rem;background:linear-gradient(70deg,red,orange,green,#0ff,#00f,violet);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-shift 5s linear infinite;text-align:center;font-family:monospace;margin-bottom:20px}.baby-dev{margin-top:60px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.text-message-baby{font-size:24px}.baby-dev-image{width:500px;height:300px}.logout-button{position:absolute;top:0;left:0;margin:10px;width:100px;font-size:medium;background-color:gray}.logout-button:hover{background-color:#929292;cursor:pointer}.title-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.title{margin:50px 0 0;font-size:60px;font-family:monospace;background:linear-gradient(70deg,red,orange,green,#0ff,#00f,violet);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-shift 5s linear infinite}.input-field{width:500px;padding:10px;font-size:24px;border:1px solid #ccc;border-radius:4px;margin-top:30px}button{margin:50px 5px 0;padding:5px 10px;font-size:24px;font-family:monospace;background-color:#009600;color:#fff;width:400px;border:none;border-radius:4px;cursor:pointer}.song-name{font-size:1.5rem;font-weight:700;color:#333;font-family:monospace}.card-song{border:1px solid #ccc;border-radius:10px;padding:10px;margin:10px;background-color:#f9f9f9;width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.card-song:hover{background-color:#e0e0e0;box-shadow:0 4px 8px #0003}.message-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;font-family:monospace}.message-container .title-msg{color:#000;font-size:40px}.error{font-family:monospace;color:red;font-size:40px;display:flex;flex-direction:column;align-items:center}.grid-container{display:grid;grid-template-rows:1fr;gap:16px;justify-content:center;align-items:center;margin:0 auto}@media (min-width: 800px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-container{grid-template-columns:repeat(3,1fr)}}.grid-item{cursor:pointer;transition:all .3s ease}.result-container{display:flex;flex-direction:column;align-items:center;min-height:100vh}.live-container{padding:2rem;background-color:#000;color:#fff;height:100vh;overflow:hidden;position:relative}.live-title{font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.lyrics-box{height:300px;overflow-y:auto;padding:1rem;border:1px solid #ccc;background:#111;color:#fff;font-size:5rem;line-height:5.5rem;scrollbar-width:none}.lyric-line{margin-bottom:1rem}.lyric-word{margin-right:.5rem}.chord{color:#0fa}.toggle-button{position:fixed;bottom:2rem;left:2rem;padding:.75rem 1.5rem;font-size:1.25rem;background-color:#222;color:#fff;border:none;border-radius:999px;cursor:pointer;box-shadow:0 0 10px #fff3}.quit-button{position:fixed;bottom:2rem;right:2rem;padding:.75rem 1.5rem;font-size:1.25rem;background-color:#dc143c;color:#fff;border:none;border-radius:999px;cursor:pointer;box-shadow:0 0 10px #ff000080}