.register-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#0a0a0a}.register-app-title{font-family:Arial,Helvetica,sans-serif;font-size:2.5rem;background:linear-gradient(90deg,#00c6ff,#00ff85,#ff007f);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.6);letter-spacing:1.5px;font-weight:700}.cassette-container{width:1000px;height:620px;background:url(/cassette-register-bg.png) no-repeat center center;background-size:cover;position:relative;box-shadow:0 0 40px #00ff8566;border-radius:12px}.cassette-form{display:flex;flex-direction:column;align-items:center;gap:.7rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-40%);width:80%;background-color:#0009;padding:1rem;border-radius:10px;text-align:center}.form-label{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#00ff85;font-size:2.8rem;margin-bottom:1rem;text-shadow:0 0 10px #00ff85}.form-label.title{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#fff;font-size:2.8rem;margin-bottom:1rem;text-shadow:0 0 10px #ff007f}.cassette-form input{width:50%;padding:10px;margin:.5rem 0;border:none;border-radius:8px;font-size:1rem}.cassette-form button{width:50%;background:linear-gradient(90deg,#00c6ff,#00ff85);color:#000;font-weight:700;font-size:1rem;padding:10px;border:none;border-radius:10px;margin-top:.5rem;cursor:pointer;transition:.3s}.cassette-form button:hover{background:linear-gradient(135deg,#ff007f,#ff4d4d);color:#fff}.cassette-message{color:#fff;font-size:.9rem;margin-top:10px}.google-signup-btn{width:50%;padding:12px;margin-top:1rem;border-radius:8px;font-size:1rem;border:none;background:linear-gradient(90deg,#00c6ff,#00ff85);color:#000;font-weight:700;cursor:pointer;transition:.3s ease-in-out}.google-signup-btn:hover{background:linear-gradient(135deg,#ff007f,#ff4d4d);color:#fff}.nova-wallpaper-static{position:fixed;top:0;left:0;width:100%;height:100%;font-family:Bangers,cursive;font-size:2.4rem;font-weight:bolder;line-height:5.2rem;opacity:.08;display:flex;flex-wrap:wrap;align-content:center;z-index:1;padding:4rem;transform:rotate(-20deg);pointer-events:none;color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#00c6ff,#00ff85,#ff007f,#ff4d4d)}.login-page{position:relative;height:100vh;background:#000;overflow:hidden}.train-wrapper{position:absolute;bottom:0;left:0;display:flex;width:400%;height:100%;animation:trainSlide 25s linear infinite;z-index:0}.train-img{width:100vw;height:100%;object-fit:cover}@keyframes trainSlide{0%{transform:translate(-50%)}to{transform:translate(0)}}.login-content{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:100vh}.graffiti-login-form{background:#0009;border:3px solid #ff007f;border-radius:16px;padding:2rem;width:350px;color:#fff;font-family:Arial,Helvetica,sans-serif;box-shadow:0 0 10px #ff007f,0 0 20px #ffffff4d,0 0 40px #fff3;animation:pulseBorder 2s infinite alternate}@keyframes pulseBorder{0%{box-shadow:0 0 10px #ff007f,0 0 20px #ffffff4d}to{box-shadow:0 0 20px #ff007f,0 0 40px #ffffff80}}.graffiti-title{font-size:2.5rem;color:#ff007f;margin-bottom:1rem}.graffiti-login-form label{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;text-shadow:0 0 5px rgba(255,255,255,.8)}.graffiti-login-form input,.graffiti-login-form button{width:100%;padding:12px;margin-bottom:1rem;border-radius:8px;font-size:1rem;font-family:Poppins,sans-serif;border:none}.graffiti-login-form input{background:#111;color:#fff;border:2px solid white;animation:pulseInput 1.5s infinite alternate;display:block;margin:0 auto 1.5rem;box-sizing:border-box}@keyframes pulseInput{0%{box-shadow:0 0 5px #fff}to{box-shadow:0 0 15px #fff}}.graffiti-login-form button{background:linear-gradient(90deg,#00c6ff,#00ff85);color:#000;font-weight:700;cursor:pointer;transition:.3s ease-in-out}.graffiti-login-form button:hover{background:linear-gradient(135deg,#ff007f,#ff4d4d);color:#fff}.graffiti-message{color:#ffeb3b;font-size:.9rem;text-align:center}.cassette-loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;width:100%}.cassette-image{width:200px;height:auto;border-radius:20px;animation:spinCassette 2s linear infinite,pulse 1.5s infinite ease-in-out}@keyframes spinCassette{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.generating-text{font-size:2rem;color:#ff4d4d;margin-top:10px;font-weight:900;background:linear-gradient(90deg,#00c6ff,indigo);animation:glowText 1.5s ease-in-out infinite alternate}@keyframes glowText{0%{text-shadow:0 0 20px #ff7300,0 0 40px #ff1493,0 0 60px #ff4d4d}to{text-shadow:0 0 25px #ff1493,0 0 50px #ff7300,0 0 70px #ff4d4d}}.home-container{padding:2rem;max-width:900px;margin:0 auto;border-radius:12px}.header-left{text-align:start;margin-bottom:1rem}.welcome-text{text-align:center;font-size:2.1rem;font-weight:600;color:#000;margin-bottom:.5rem;text-shadow:none!important;background:none!important}.form-block{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.title-input{padding:.75rem 1rem;font-size:1rem;width:100%;max-width:1200px;border:2px solid #ff69b4;border-radius:6px;box-shadow:0 0 10px #ff69b4}.title-input::placeholder{font-size:1.5rem;color:#777;font-weight:500}.genre-dropdown{padding:.75rem 1rem;font-size:1rem;width:100%;max-width:500px;border:2px solid #ff69b4;border-radius:6px;box-shadow:0 0 10px #ff69b4}.mood-section{text-align:center;margin-top:2rem}.mood-label{display:none}.button-group{display:flex;justify-content:center;flex-wrap:wrap;gap:10rem;margin-top:3rem}.primary-button{padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:6px;background:linear-gradient(to right,#00c6ff,#0f9);color:#000;font-weight:700;cursor:pointer;transition:background .3s ease}.primary-button:hover{background:linear-gradient(to right,#ff9a9e,#fad0c4)}.toast-error{background-color:#ffe6e6;color:#b30000;border:1px solid #ff9999;padding:14px 20px;border-radius:10px;box-shadow:0 4px 12px #ff00001a;font-weight:700;max-width:90%;margin:20px auto;text-align:center}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lyrics-output{margin-top:2rem;padding:2rem;background:#0000000d;border-radius:12px;box-shadow:0 4px 10px #0000004d;max-width:800px;margin-left:auto;margin-right:auto;text-align:left;position:relative}.lyrics-output pre{white-space:pre-wrap;font-family:Courier New,monospace;font-size:1.2rem;color:#111;line-height:1.8;background:linear-gradient(135deg,#f9f9f9,#fff);padding:1rem;border-radius:10px;animation:pulseGlow 2s infinite ease-in-out}.lyrics-title{text-align:center;font-size:1.4rem;font-weight:700;color:#ff007f;text-shadow:0 0 5px #ff007f;margin-bottom:1rem;animation:pulseBeat 2s infinite ease-in-out}@media (max-width: 600px){.form-block,.button-group{flex-direction:column;align-items:center}.title-input,.genre-dropdown{max-width:90%}.lyrics-output{padding:1rem}}.about-wrapper{display:flex;justify-content:center;align-items:center;padding-top:20px;padding-bottom:60px;background:#f5f5f5}.about-container{background:#fffffff2;padding:30px 40px;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:800px;margin:40px auto;text-align:center}.about-title{font-size:2.5rem;font-weight:700;color:#333;margin-top:10px;margin-bottom:20px}.about-text{font-size:1.1rem;line-height:1.8;color:#444;margin-bottom:15px}.highlight{font-style:italic;color:#ff4d4d}.bold{font-weight:700;color:#ff7300}.instructions-container{background:#fffffffa;padding:25px 35px;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:700px;margin:40px auto;text-align:left}.how-to-title{font-size:2rem;font-weight:700;color:#333;margin-top:10px;margin-bottom:20px;text-align:center}.how-to-list{list-style-type:none;padding-left:0;margin-top:10px;margin-bottom:0;line-height:1.8}.how-to-list li{position:relative;padding-left:35px;margin-bottom:12px;font-size:1.1rem;color:#333}.how-to-list li:before{position:absolute;left:0;top:5px;font-size:1.3rem}.how-to-list li:nth-child(1):before{content:"🎭"}.how-to-list li:nth-child(2):before{content:"🎵"}.how-to-list li:nth-child(3):before{content:"✨"}.how-to-list li:nth-child(4):before{content:"🎧"}.how-to-list li:nth-child(5):before{content:"📋"}.how-to-list li:nth-child(6):before{content:"🎶"}.how-to-list .bold{font-weight:700;color:#ff4d4d}@media (max-width: 768px){.about-container,.instructions-container{padding:20px}.about-title{font-size:2rem}.how-to-title{font-size:1.5rem}.how-to-list li{font-size:1rem}}.features-container{background:#fffffff2;padding:30px;border-radius:12px;max-width:800px;margin:30px auto;box-shadow:0 10px 25px #0000004d;text-align:center}.features-title{font-size:2rem;color:indigo;margin-bottom:20px}.features-list{font-size:1.1rem;margin-bottom:20px;line-height:1.8;color:#333;padding-left:0;list-style:none}.features-list li{margin-bottom:1rem;font-weight:600}.feature-title{color:#ff007f;font-weight:700}.contact-container{background:#fffffff2;padding:30px;border-radius:12px;max-width:800px;margin:30px auto;box-shadow:0 10px 25px #0000004d;text-align:center}.contact-title{font-size:2rem;color:indigo;margin-bottom:20px;font-weight:700}.contact-text{font-size:1.1rem;margin-bottom:20px;line-height:1.8;color:#333;padding-left:0;list-style:none;font-weight:600}.contact-info{display:flex;justify-content:center;gap:20px;margin-top:20px}.contact-link{text-decoration:none;font-size:1.2rem;color:#ff4d4d;transition:color .3s ease-in-out;display:flex;align-items:center;gap:8px;font-weight:700}.contact-link:hover{color:indigo}.contact-icon{font-size:1.5rem}.my-lyrics-page{padding:30px;background:#0009;color:#fff;text-align:center;font-family:Poppins,sans-serif;width:80%;max-width:1000px;margin:20px auto;border-radius:12px;box-shadow:0 4px 20px #0006}.saved-lyric{background:#fffffff2;color:#000;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000004d;margin-bottom:20px;position:relative}.saved-lyric h3{color:#ff007f;font-size:1.4rem;font-weight:700;margin-bottom:10px;animation:pulseBeat 2s infinite ease-in-out}@keyframes pulseBeat{0%,to{transform:scale(1);text-shadow:0 0 5px #ff007f,0 0 10px #ff4dd2}50%{transform:scale(1.05);text-shadow:0 0 20px #ff4dd2,0 0 30px #ff007f}}.saved-lyric pre{font-family:Courier New,monospace;white-space:pre-wrap;font-size:1.2rem;color:#111;line-height:1.8;background:linear-gradient(135deg,#f9f9f9,#fff);padding:1rem;border-radius:10px;animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%{text-shadow:0 0 4px #00ffc8,0 0 8px #ff007f}to{text-shadow:0 0 10px #00ffc8,0 0 20px #ff007f}}.delete-button{background:linear-gradient(to right,#ff007f,#ff4dd2);color:#fff;font-weight:700;padding:8px 14px;border:none;border-radius:12px;box-shadow:0 0 10px #ff4dd2,0 0 20px #ff007f;cursor:pointer;transition:all .3s ease;margin-top:10px}.back-button{background:linear-gradient(to right,#ff007f,#ff4dd2);height:90px;color:#fff;font-weight:700;padding:10px 20px;border:none;border-radius:12px;box-shadow:0 0 10px #ff4dd2,0 0 20px #ff007f;cursor:pointer;font-size:1.1rem;margin:30px auto;display:block;transition:all .3s ease}.back-button:hover{transform:scale(1.05);box-shadow:0 0 15px #ff4dd2,0 0 30px #ff007f}.meta-info{font-style:italic;color:#666;font-size:.9rem;margin-left:8px}.pill-row{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.pill{padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:600;text-transform:capitalize;box-shadow:0 0 8px #00000026;letter-spacing:.3px}.mood-pill{background-color:#ff007f1a;color:#ff007f;border:1px solid #ff007f}.genre-pill{background-color:#00c6ff1a;color:#00c6ff;border:1px solid #00c6ff}.navbar-menu{display:flex;align-items:center;gap:2.5rem;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.navbar-title{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#ff007f,#ff4d4d,#ff7300);color:#fff;flex-wrap:wrap}.nav-link{font-size:1.2rem;font-weight:700;color:#000;text-decoration:none;padding:10px 15px;border-radius:8px;transition:all .3s ease-in-out;letter-spacing:1px}.nav-link:hover{color:#fff;background-color:#ffffff1a;transform:scale(1.1)}.active{color:#00ff85;border-bottom:2px solid #ff007f}.nav-links{display:flex;gap:1.2rem;flex-wrap:wrap}.logout-wrapper{display:flex;align-items:center;gap:.5rem}.logout-button{width:80px;height:20px;padding:12px 24px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#00c6ff,#00ff85);color:#000;margin-top:16px}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start}.navbar-menu{flex-direction:column;align-items:flex-start;gap:12px;margin-left:0;margin-top:10px}.nav-links{flex-direction:column;gap:10px}.logout-button{width:100%}}.navbar-falling-notes{position:absolute;top:0;left:0;height:200px;width:100%;pointer-events:none;overflow:hidden;z-index:0}.note-navbar{position:absolute;top:-30px;font-size:30px;animation:navbarFall 2s linear infinite;opacity:.7;left:calc(100% * var(--x))}@keyframes navbarFall{0%{transform:translateY(0);opacity:1}to{transform:translateY(200px);opacity:0}}.navbar-falling-notes{position:absolute;top:0;left:0;width:100vw;height:100px;pointer-events:none;overflow:hidden;z-index:0}.note-navbar{position:absolute;top:-10%;font-size:30px;opacity:.7;animation-name:navbarFall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes navbarFall{0%{transform:translateY(0);opacity:1}to{transform:translateY(100px);opacity:0}}.footer{width:100%;background:linear-gradient(90deg,indigo,#ff1493);color:#fff;padding:10px 0;text-align:center;position:relative;margin-top:auto}.footer-links{list-style:none;padding:0;margin:10px 0 0;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-links li{display:inline}.footer-links a{color:#fff;text-decoration:none;font-size:.95rem}.footer-links a:hover{text-decoration:underline}@media (max-width: 768px){.footer{padding:15px 10px}.footer-links{flex-direction:column;gap:.5rem}.footer-links a{font-size:.9rem}}@media (max-width: 480px){.footer{font-size:.85rem}.footer-links{gap:.3rem}.footer-links a{font-size:.85rem}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100vw;overflow-x:hidden}.navbar{width:100%;background:linear-gradient(90deg,#ff007f,#ff4d4d,#ff7300);padding:15px 20px;text-align:left;color:#fff;box-shadow:0 4px 10px #0003}.app-title{color:#000;text-shadow:2px 2px 8px #00ff85,0 0 10px #ff007f;font-weight:700}.genre-dropdown{width:200px;padding:12px 16px;border-radius:12px;background:linear-gradient(90deg,#00c6ff,#00ff85);color:#000;font-weight:700;font-family:Poppins,sans-serif;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 10px #0003;text-align:center}.genre-dropdown:hover{background:linear-gradient(135deg,#ff007f,#ff4d4d);color:#fff;box-shadow:0 0 20px #ff008080}.genre-dropdown:focus{outline:none;box-shadow:0 0 15px #00ff85}.checkbox-label{font-size:1rem;color:#fff;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.8);cursor:pointer;padding:5px 10px;margin-right:10px;background-color:#000c;border-radius:5px}.toggle-label{font-size:1.2rem;color:#fff;text-shadow:2px 2px 8px #ff007f,0 0 10px #00ff85;font-weight:700;display:flex;align-items:center;gap:10px}.toggle-label input[type=checkbox]{transform:scale(1.5);accent-color:#00ff85}.delete-button{background:linear-gradient(to right,#ff007f,#ff4dd2);color:#fff;font-weight:700;padding:8px 14px;border-radius:12px;box-shadow:0 0 10px #ff4dd2,0 0 20px #ff007f;margin-top:10px}.delete-button:hover{transform:scale(1.05);box-shadow:0 0 15px #ff4dd2,0 0 30px #ff007f}.lyrics-container{max-height:400px;width:55%;padding:20px;background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0006;margin:20px auto;overflow-y:auto}.lyrics-content{font-family:Courier New,monospace;color:#fff;font-size:1.1rem;text-align:center;line-height:1.8rem;white-space:pre-wrap;animation:glowText 2s infinite alternate}@keyframes glowText{0%{text-shadow:0 0 5px #00ff85,0 0 10px #00ff85}to{text-shadow:0 0 15px #ff007f,0 0 30px #ff007f}}.title-input-container{margin:20px 0;text-align:center}.input-label{color:#000;font-weight:700;font-size:2rem;font-family:Poppins,sans-serif;text-align:center;margin-bottom:10px}.title-input{padding:10px;font-size:1rem;width:60%;border-radius:10px;border:2px solid #ff4dd2;background-color:#fff;color:#000;box-shadow:0 0 10px #ff4dd2;text-align:center}.title-input:hover{box-shadow:0 0 15px #ff4dd2,0 0 30px #ff007f;transition:box-shadow .3s ease-in-out}.toast-success{background-color:#4caf50;color:#fff;font-size:16px;padding:12px 20px;border-radius:6px;position:fixed;bottom:40px;right:40px;z-index:9999;box-shadow:0 4px 8px #0000004d}.footer{background:linear-gradient(90deg,indigo,#ff1493);color:#fff;padding:20px;text-align:center;width:100%;margin-top:auto;position:relative;bottom:0}@keyframes fall{0%{transform:translateY(-10%);opacity:1}to{transform:translateY(100vh);opacity:0}}@media (max-width: 768px){.button-container{flex-direction:column;gap:10px}button{width:100%}}button{width:150px;height:60px;padding:12px 24px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px}.generate-button,.save-btn,.reset-button,.copy-button{background:linear-gradient(90deg,#00c6ff,#00ff85);color:#000}.generate-button:hover,.save-btn:hover,.reset-button:hover,.copy-button:hover{background:linear-gradient(135deg,#ff007f,#ff4d4d);color:#fff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}