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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;touch-action:pan-x}body{background:#0a0a0f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.app{align-items:center;background:radial-gradient(ellipse at 50% 0,#2d1060 0,#0a0a0f 65%);display:flex;height:100vh;height:100dvh;justify-content:center;max-height:100vh;max-height:100dvh;overflow:hidden}.container{max-width:420px;padding:40px 20px;text-align:center;width:100%}.logo-wrapper{margin-bottom:48px}.logo-lockup{align-items:center;display:flex;gap:14px;justify-content:center;margin:4px 0 8px}.logo-icon-svg{border-radius:15px;box-shadow:0 8px 32px #6d28d973;flex-shrink:0;height:64px;width:64px}.logo-wordmark{display:flex;flex-direction:column;gap:1px;line-height:1;text-align:left}.logo-speak{color:#a78bfa;font-size:13px;font-weight:300;letter-spacing:5px;text-transform:uppercase}.logo-hit{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#c4b5fd,#f9a8d4);-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:900;letter-spacing:-1px;line-height:.95}.tagline{color:#6b7280;font-size:15px;letter-spacing:.3px;margin-top:6px}.center{flex:1 1;flex-direction:column;gap:28px;min-height:60vh}.center,.speak-btn{align-items:center;display:flex;justify-content:center}.speak-btn{animation:btn-breathe 3s ease-in-out infinite;background:radial-gradient(circle at 40% 35%,#4c1d95,#1e0a4a);border:none;border-radius:50%;box-shadow:0 0 0 18px #8b5cf61f,0 0 0 38px #8b5cf60f,0 20px 60px #00000080;color:#fff;cursor:pointer;height:220px;position:relative;transition:transform .2s,box-shadow .2s;width:220px}@keyframes btn-breathe{0%,to{transform:scale(1)}50%{transform:scale(.94)}}.speak-btn:before{animation:pulse-ring 2.5s ease-out infinite;border:1px solid #a855f733;border-radius:50%;content:"";inset:-8px;position:absolute}.speak-btn:after{animation:pulse-ring 2.5s ease-out .4s infinite;border:1px solid #a855f71a;border-radius:50%;content:"";inset:-16px;position:absolute}@keyframes pulse-ring{0%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.08)}}.speak-btn:hover{animation:none;box-shadow:0 0 0 1px #a855f766,0 0 60px #a855f780,0 20px 60px #00000080;transform:scale(1.05)}.mic-icon-animated{animation:mic-bounce 2s ease-in-out infinite;display:block;font-size:52px}@keyframes mic-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.08)}}@keyframes waveOutLeft1{0%,to{opacity:.85;transform:translateX(0)}50%{opacity:.5;transform:translateX(-8px)}}@keyframes waveOutLeft2{0%,to{opacity:.45;transform:translateX(0)}50%{opacity:.2;transform:translateX(-12px)}}@keyframes waveOutRight1{0%,to{opacity:.85;transform:translateX(0)}50%{opacity:.5;transform:translateX(8px)}}@keyframes waveOutRight2{0%,to{opacity:.45;transform:translateX(0)}50%{opacity:.2;transform:translateX(12px)}}.wl1{animation:waveOutLeft1 1.6s ease-in-out infinite}.wl2{animation:waveOutLeft2 1.6s ease-in-out .15s infinite}.wr1{animation:waveOutRight1 1.6s ease-in-out infinite}.wr2{animation:waveOutRight2 1.6s ease-in-out .15s infinite}.hint-bold{color:#fff;font-size:19px;font-weight:800;letter-spacing:.3px;margin-top:28px;text-shadow:0 0 16px #ff85c8e6}.message{color:#d1d5db;font-size:16px;line-height:1.6;max-width:300px;min-height:50px}.error{color:#f87171;font-size:16px}.listening-animation{align-items:center;display:flex;gap:5px;height:56px}.bar{background:linear-gradient(180deg,#a855f7,#ec4899);border-radius:3px;height:8px;transition:height .1s;width:5px}.listening-animation.active .bar{animation:bounce .9s ease-in-out infinite}.bar:first-child{animation-delay:0s}.bar:nth-child(2){animation-delay:.15s}.bar:nth-child(3){animation-delay:.3s}.bar:nth-child(4){animation-delay:.45s}.bar:nth-child(5){animation-delay:.6s}@keyframes bounce{0%,to{height:8px}50%{height:52px}}.song-card{background:#111827;border:1px solid #1f2937;border-radius:24px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;gap:20px;padding:28px;width:100%}.song-card h2{color:#f9fafb;font-size:18px;font-weight:600;line-height:1.4}.player{accent-color:#a855f7;border-radius:12px;width:100%}.actions{display:flex;gap:10px;justify-content:center}.btn-download,.btn-share{border:none;border-radius:22px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;text-decoration:none;transition:opacity .2s}.btn-download{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.btn-share{background:#1f2937;border:1px solid #374151;color:#d1d5db}.btn-download:hover,.btn-share:hover{opacity:.85}.speak-btn.small{animation:none;border-radius:22px;font-size:13px;height:auto;margin-top:12px;padding:10px 22px;width:auto}.speak-btn.small:after,.speak-btn.small:before{display:none}.control-btns{display:flex;gap:12px}.btn-cancel{background:#0000;border:1px solid #374151;border-radius:22px;color:#9ca3af;cursor:pointer;font-size:14px;padding:10px 22px;transition:all .2s}.btn-cancel:hover{background:#1f2937;color:#f9fafb}.history-section{align-items:center;display:flex;flex-direction:column;gap:14px;width:100%}.btn-history{background:#111827;border:1px solid #2d3748;border-radius:22px;color:#c084fc;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-history:hover{background:#1f2937;border-color:#a855f7}.song-list{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow-y:auto;padding-right:4px;width:100%}.song-list::-webkit-scrollbar{width:4px}.song-list::-webkit-scrollbar-track{background:#0000}.song-list::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}.song-item{background:#111827;border:1px solid #1f2937;border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:14px 16px;text-align:left;transition:border-color .2s}.song-item:hover{border-color:#4b3a6b}.song-item-info{align-items:center;display:flex;gap:8px;justify-content:space-between}.song-item-title{color:#e5e7eb;font-size:14px;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-item-date{color:#6b7280;font-size:11px;white-space:nowrap}.player-small{accent-color:#a855f7;height:32px;width:100%}.progress-wrapper{background:#1f2937;border-radius:8px;height:8px;max-width:320px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#7c3aed,#a855f7,#ec4899);border-radius:8px;box-shadow:0 0 12px #a855f799;height:100%;transition:width 1s ease}.progress-percent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;font-size:28px;font-weight:700}.top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.lang-toggle{display:flex;gap:6px}.lang-btn{background:#0000;border:1px solid #374151;border-radius:20px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s}.lang-btn.active{background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:#0000;color:#fff}.lang-btn:hover:not(.active){border-color:#a855f7;color:#a855f7}.lang-dropdown-wrap{position:relative}.lang-dropdown-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:5px 12px;white-space:nowrap}.lang-dropdown-btn:hover{border-color:#a855f7}.lang-dropdown-menu{background:#1a1a2e;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 24px #0006;left:0;min-width:140px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:100}.lang-dropdown-menu button{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;width:100%}.lang-dropdown-menu button:hover{background:#a855f733}.mute-btn{align-items:center;background:#0000;border:1px solid #374151;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.mute-btn:hover{background:#1f2937;border-color:#a855f7}.btn-retry{background:#0000;border:1px solid #a855f7;border-radius:22px;color:#a855f7;cursor:pointer;font-size:14px;padding:10px 22px;transition:all .2s}.btn-retry:hover{background:#a855f7;color:#fff}.btn-type{background:#0000;border:1px solid #374151;border-radius:20px;color:#9ca3af;cursor:pointer;font-size:13px;padding:8px 18px;transition:all .2s}.btn-type:hover{border-color:#a855f7;color:#a855f7}.type-input-wrapper{display:flex;gap:8px;max-width:320px;width:100%}.type-input{background:#111827;border:1px solid #374151;border-radius:22px;color:#f9fafb;flex:1 1;font-size:15px;outline:none;padding:10px 16px;transition:border-color .2s}.type-input:focus{border-color:#a855f7}.btn-send{align-items:center;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:42px;justify-content:center;transition:opacity .2s;width:42px}.btn-send:hover{opacity:.85}.hum-card{align-items:center;background:#111827;border:1px solid #1f2937;border-radius:24px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;gap:16px;padding:28px;width:100%}.hum-title{color:#f9fafb;font-size:20px;font-weight:700}.hum-sub{color:#9ca3af;font-size:14px;line-height:1.5;text-align:center}.hum-btns{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.btn-hum-record{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:22px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:opacity .2s;width:100%}.btn-hum-record:hover{opacity:.85}.btn-hum-stop{animation:pulse-red 1s ease-in-out infinite;background:#ef4444;border:none;border-radius:22px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;width:100%}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.hum-ready{color:#34d399}.btn-hum-generate,.hum-ready{font-size:16px;font-weight:600}.btn-hum-generate{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:22px;color:#fff;cursor:pointer;padding:14px 28px;transition:opacity .2s;width:100%}.btn-hum-generate:hover{opacity:.85}.btn-hum-skip{background:#0000;border:1px solid #374151;border-radius:22px;color:#6b7280;cursor:pointer;font-size:13px;padding:10px 20px;transition:all .2s;width:100%}.btn-hum-skip:hover{border-color:#a855f7;color:#a855f7}.btn-hum-close{background:none;border:none;border-radius:50%;color:#aaa;cursor:pointer;font-size:1.2rem;line-height:1;padding:4px 8px;position:absolute;right:14px;top:12px;transition:color .2s}.btn-hum-close:hover{color:#fff}.hum-card{position:relative}.info-btn{align-items:center;background:none;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:background .2s;width:32px}.info-btn:hover{background:#ffffff1a}.info-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.info-modal{background:#1a1a2e;border:1px solid #a78bfa4d;border-radius:16px;color:#fff;max-height:80vh;max-width:420px;overflow-y:auto;padding:28px 24px;position:relative;width:100%}.info-modal h2{color:#a78bfa;font-size:1.2rem;margin:0 0 16px}.info-modal h3{color:#c4b5fd;font-size:.95rem;margin:16px 0 8px}.info-modal p{font-size:.88rem;line-height:1.6;margin:6px 0;opacity:.9}.info-close{background:none;border:none;border-radius:50%;color:#aaa;cursor:pointer;font-size:1.2rem;padding:4px 8px;position:absolute;right:14px;top:12px}.info-close:hover{color:#fff}.prev-songs-section{margin-top:28px;width:100%}.prev-songs-label{font-size:.78rem;letter-spacing:.02em;margin-bottom:10px;opacity:.6;text-align:center}.prev-songs-ticker-wrapper{mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;width:100%}.prev-songs-ticker{animation:ticker 25s linear infinite;display:flex;gap:10px;width:max-content}.prev-song-chip{background:#a78bfa1f;border:1px solid #a78bfa4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.82rem;padding:7px 16px;transition:background .2s;white-space:nowrap}.prev-song-chip:hover{background:#a78bfa4d}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.hum-countdown{animation:countdown-pulse 1s ease-in-out infinite;color:#a855f7;font-size:2.5rem;font-weight:700;line-height:1}@keyframes countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.home-btn{align-items:center;background:#0000;border:1px solid #374151;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.home-btn:hover{border-color:#a855f7;color:#a855f7}.btn-skip{background:#0000;border:1px solid #374151;border-radius:22px;color:#9ca3af;cursor:pointer;font-size:14px;padding:10px 22px;transition:all .2s}.btn-skip:hover:not(:disabled){border-color:#a855f7;color:#a855f7}.btn-skip:disabled{cursor:default;opacity:.3}.btn-resume{animation:pulse-green 2s ease-in-out infinite;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:22px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:opacity .2s;width:100%}.btn-resume:hover{opacity:.85}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 10px #10b98100}}.player-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:5px;padding:6px 12px 6px 10px;transition:opacity .2s}.player-btn:hover{opacity:.85}.player-btn-count{background:#ffffff40;border-radius:10px;font-size:12px;font-weight:700;padding:1px 6px}.mini-player{background:#0f0f1a;border-top:1px solid #a855f74d;bottom:0;box-shadow:0 -8px 40px #0009;left:0;position:fixed;right:0;transition:transform .3s ease;z-index:2000}.mini-player-bar{gap:12px;height:64px;padding:10px 16px}.mini-player-bar,.mp-song-info{align-items:center;display:flex}.mp-song-info{cursor:pointer;flex:1 1;gap:10px;min-width:0}.mp-album-art{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.mp-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mp-title{color:#f9fafb;font-size:13px;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-subtitle{color:#6b7280;font-size:11px}.mp-controls{gap:4px}.mp-btn,.mp-controls{align-items:center;display:flex}.mp-btn{background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:18px;height:36px;justify-content:center;padding:0;transition:color .2s,background .2s;width:36px}.mp-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.mp-btn:disabled{cursor:default;opacity:.25}.mp-play{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:16px;height:42px;width:42px}.mp-play:hover{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#fff!important;opacity:.85}.mp-right{align-items:center;display:flex;gap:4px}.mp-time{color:#6b7280;font-size:11px;min-width:70px;text-align:right;white-space:nowrap}.mp-expand{font-size:16px}.mp-close-btn{color:#6b7280;font-size:14px}.mp-progress-track{background:#ffffff14;cursor:pointer;height:3px;transition:height .15s}.mp-progress-track:hover{height:5px}.mp-progress-fill{background:linear-gradient(90deg,#7c3aed,#a855f7,#ec4899);height:100%;transition:width .5s linear}.mini-player-list{background:#13131f;border-top:1px solid #a855f726;display:flex;flex-direction:column;max-height:320px}.mini-player-list-header{align-items:center;border-bottom:1px solid #ffffff0f;color:#a78bfa;display:flex;flex-shrink:0;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 16px 10px}.mp-close-list{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:16px;padding:2px 6px;transition:color .2s}.mp-close-list:hover{color:#fff}.mini-player-list-songs{flex:1 1;overflow-y:auto}.mini-player-list-songs::-webkit-scrollbar{width:4px}.mini-player-list-songs::-webkit-scrollbar-track{background:#0000}.mini-player-list-songs::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}.mp-song-row{align-items:center;border-bottom:1px solid #ffffff0a;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:background .15s}.mp-song-row:hover{background:#a855f71a}.mp-song-row.active{background:#a855f726}.mp-song-row-icon{align-items:center;background:#a855f733;border-radius:8px;color:#a78bfa;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;width:28px}.mp-song-row.active .mp-song-row-icon{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff}.mp-song-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mp-song-row-title{color:#e5e7eb;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-song-row.active .mp-song-row-title{color:#c4b5fd;font-weight:600}.mp-song-row-date{color:#6b7280;font-size:11px}.mp-download-btn{align-items:center;background:#a855f726;border:1px solid #a855f74d;border-radius:8px;color:#a78bfa;display:flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;margin-left:auto;text-decoration:none;transition:background .2s,color .2s;width:30px}.mp-download-btn:hover{background:#a855f759;color:#fff}@media (max-width:480px){.App{min-height:100dvh;padding:0}.top-bar{gap:6px;padding:8px 12px}.lang-dropdown-btn{font-size:12px;padding:4px 8px}.home-btn,.info-btn,.mute-btn{font-size:16px;height:32px;width:32px}.logo-icon{height:48px;margin-top:8px;width:48px}.logo-text{font-size:28px;margin-top:4px}.tagline{font-size:13px;margin-top:4px;padding:0 16px}.speak-btn{height:200px;width:200px}.speak-btn-logo{height:108px;width:108px}.speak-btn.small{font-size:28px;height:72px;width:72px}.hint-bold{font-size:15px;padding:0 24px;text-align:center}.btn-history{font-size:13px;padding:8px 16px}.song-list{max-width:100%;padding:0 8px}.song-item{border-radius:10px;padding:10px 12px}.song-item-title{font-size:13px}.chat-bubble-ai,.chat-bubble-user{font-size:14px;max-width:90%;padding:10px 14px}.type-input-wrapper{max-width:100%;width:calc(100% - 24px)}.type-input{font-size:15px;padding:10px 14px}.audio-player-bar{border-radius:12px;margin:8px 12px;padding:12px 16px}.prev-songs-ticker-wrapper{padding:8px 12px}.retry-btn,.skip-btn{font-size:12px;padding:6px 14px}.user-menu-dropdown{min-width:180px;right:0}.lang-dropdown-menu{min-width:130px}.generating-text{font-size:14px;padding:0 24px;text-align:center}.modal-content{border-radius:16px;margin:16px;padding:24px 20px}.mascot-container{transform:scale(.75);transform-origin:bottom right}}@media (max-width:360px){.speak-btn{font-size:40px;height:100px;width:100px}.logo-text{font-size:24px}.hint-bold{font-size:14px}}@media (hover:none) and (pointer:coarse){.home-btn,.info-btn,.lang-btn,.mute-btn{min-height:36px;min-width:36px}.song-item{min-height:48px}.retry-btn,.skip-btn{min-height:40px;padding:8px 16px}}@media (max-width:480px){.logo-wrapper{background:linear-gradient(180deg,#0a0a1a 80%,#0000);padding-bottom:8px;position:sticky;top:0;z-index:10}.logo-lockup,.tagline{display:none}.center{min-height:70vh;padding:0 16px}.speak-btn{box-shadow:0 0 0 20px #a855f71a,0 0 0 40px #a855f70d,0 20px 60px #00000080;height:210px;width:210px}.hint-bold{color:#9ca3af;font-size:14px}}
/*# sourceMappingURL=main.b7012a4b.css.map*/