@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;width:100%}body{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);font-family:Orbitron,sans-serif;color:#ffffffde;min-height:100vh;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column}.container{flex:1;padding:1.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#00ff9f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00b36f}.neon-card{background-color:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.5rem;margin-bottom:1rem}.neon-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.neon-card__actions{display:flex;gap:.5rem}.neon-card__title{font-family:Orbitron,sans-serif!important;font-size:1.5rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#00ff9f;margin:0;text-shadow:0 0 5px rgba(0,255,159,.5)}.neon-card__title:hover{text-shadow:0 0 10px #00ff9f,0 0 20px #00ff9f,0 0 30px #00ff9f}.neon-card__content{transition:max-height .3s ease-in-out,opacity .3s ease-in-out;max-height:500px;opacity:1}.neon-card__content.collapsed{max-height:0;opacity:0;margin:0}.neon-icon-button{color:#00ff9fb3!important;transition:all .3s ease-in-out!important}.neon-icon-button:hover{color:#00ff9f!important;box-shadow:0 0 10px #00ff9f,0 0 20px #00ff9f,0 0 30px #00ff9f}.neon-icon-button.Mui-disabled{color:#00ff9f4d!important}.neon-icon-button svg{font-size:1.2rem}.neon-button{border-radius:4px;text-transform:uppercase;padding:10px 20px;position:relative;overflow:hidden;letter-spacing:.1em;font-weight:600;transition:all .3s ease-in-out}.neon-button--primary{background-color:#00ff9f;color:#0a0a0a}.neon-button--primary:hover{box-shadow:0 0 10px #00ff9f,0 0 20px #00ff9f,0 0 30px #00ff9f}.neon-button--secondary{background-color:#f0f;color:#0a0a0a}.neon-button--secondary:hover{box-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 30px #f0f}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.content-grid{grid-template-columns:1fr}}.input-section,.output-section{display:flex;flex-direction:column}.output-section{gap:1rem}.neon-textarea{width:100%;background-color:#0a0a0a99;border:1px solid rgba(0,255,159,.3);border-radius:4px;color:#ffffffde;padding:1rem;font-family:Orbitron,sans-serif!important;font-size:1rem;letter-spacing:.05em;resize:vertical;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.neon-textarea:focus{outline:none;border-color:#00ff9f;box-shadow:0 0 10px #00ff9f,0 0 20px #00ff9f,0 0 30px #00ff9f}.neon-textarea:read-only{background-color:#0a0a0acc;border-color:#ff00ff4d;font-family:Orbitron,sans-serif!important}.neon-textarea:read-only:focus{border-color:#f0f;box-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 30px #f0f}.neon-textarea::placeholder{font-family:Orbitron,sans-serif;color:#fff6;font-weight:300;letter-spacing:.05em}.neon-input{width:100%;background-color:#0a0a0a99;border:1px solid rgba(0,255,159,.3);border-radius:4px;color:#ffffffde;padding:.75rem 1rem;font-family:Orbitron,sans-serif!important;font-size:1rem;letter-spacing:.05em;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.neon-input:focus{outline:none;border-color:#00ff9f;box-shadow:0 0 10px #00ff9f,0 0 20px #00ff9f,0 0 30px #00ff9f}.neon-input::placeholder{color:#fff6;font-weight:300}.neon-input:disabled{opacity:.7;cursor:not-allowed}.neon-select{width:100%;background-color:#0a0a0a99}.neon-select .MuiOutlinedInput-notchedOutline{border-color:#00ff9f4d}.neon-select:hover .MuiOutlinedInput-notchedOutline{border-color:#00ff9f80}.neon-select.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#00ff9f;box-shadow:0 0 10px #00ff9f,0 0 20px #00ff9f,0 0 30px #00ff9f}.neon-select .MuiSelect-select{color:#ffffffde;font-family:Orbitron,sans-serif}.neon-select .MuiPaper-root{max-height:300px;margin-top:8px;background-color:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.neon-select .search-input{margin:.5rem;padding:.5rem;width:calc(100% - 1rem);background-color:transparent}.neon-select .search-input:focus{box-shadow:none}.neon-select .MuiMenuItem-root{padding:8px 16px}.neon-select .search-menu-item{position:sticky;top:0;background-color:#0a0a0af2;z-index:1;padding:0}.neon-select .search-menu-item:hover{background-color:#0a0a0af2}.MuiPopover-root .MuiPaper-root{max-height:300px!important;margin-top:8px!important;background-color:#0a0a0af2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,159,.3)}.genre-description{font-size:.8rem;color:#fff9;margin-top:.2rem}.genre-bpm{font-size:.8rem;color:#00ff9f;margin-top:.2rem}.neon-chip{background-color:#00ff9f33;color:#00ff9f;border:1px solid rgba(0,255,159,.3);font-family:Orbitron,sans-serif}.neon-chip:hover{background-color:#00ff9f4d}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mr-1{margin-right:.5rem}.mr-2{margin-right:1rem}.mr-3{margin-right:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.homepage-container{background-size:400% 400%;animation:gradient 15s ease infinite}.game-title{animation:pulse 2s infinite}.game-button{transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.game-button:active{transform:scale(.95)}@keyframes pulse{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #e60073}50%{text-shadow:0 0 20px #fff,0 0 30px #e60073,0 0 40px #e60073}to{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #e60073}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}