:root{--bg-light:#5faeff;--bg-dark:#091e2b;--header-gradient:linear-gradient(180deg,#3ea0ff,#0052d4);--text-light:#fff;--text-dark:#fff;--button-bg-light:#ffffff26;--button-bg-dark:#ffffff1a;--button-hover-light:#ffffff40;--button-hover-dark:#fff3;--ripple-border-light:#ffffffb3;--ripple-border-dark:#ffffff80;--spinner-bg-light:#ffffff4d;--spinner-bg-dark:#fff3}.App-header{background:#0000;transition:background .3s}html[data-theme=dark] .App-header{background:#091e2b;background:var(--bg-dark);transition:background .3s}.App{background:linear-gradient(180deg,#69b4ff,#1e6aff);transition:background .3s}html[data-theme=dark] .App{background:linear-gradient(180deg,#1e6aff,#091e2b);transition:background .3s}.audio-recorder{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:60px;transition:background .3s}html[data-theme=dark] .audio-recorder{background:#091e2b;background:var(--bg-dark)}.recorder-title{color:#fff;color:var(--text-light);font-size:1.2rem;margin-bottom:2rem;min-height:1.5em;text-shadow:0 1px 2px #0006;transition:color .3s}html[data-theme=dark] .recorder-title{color:#fff;color:var(--text-dark)}.button-wrapper{display:inline-block;overflow:visible;position:relative}.record-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;background-color:var(--button-bg-light);background-image:url(../../static/media/Microphone.c97bdae2deab66b98b2f.png);background-position:50%;background-repeat:no-repeat;background-size:90%;border:none;border-radius:50%;box-shadow:0 10px 20px #0000004d;cursor:pointer;height:200px;transition:transform .3s,background-color .3s;width:200px}html[data-theme=dark] .record-button{background-color:#ffffff1a;background-color:var(--button-bg-dark)}.record-button:hover{background-color:#ffffff40;background-color:var(--button-hover-light);transform:scale(1.08)}html[data-theme=dark] .record-button:hover{background-color:#fff3;background-color:var(--button-hover-dark)}.ripple{animation:ripple-animation 1s ease-out forwards;border:4px solid #ffffffb3;border:4px solid var(--ripple-border-light);border-radius:50%;height:200px;left:50%;margin-left:-106px;margin-top:-106px;pointer-events:none;position:absolute;top:50%;width:200px}html[data-theme=dark] .ripple{border-color:#ffffff80;border-color:var(--ripple-border-dark)}@keyframes ripple-animation{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2)}}.record-button.loading{animation:subtle-pulse 2s ease-in-out infinite;background-color:#ffffff26;background-color:var(--button-bg-light);position:relative;transform:scale(.95)}html[data-theme=dark] .record-button.loading{background-color:#ffffff1a;background-color:var(--button-bg-dark)}.record-button.loading:after,.record-button.loading:before{border-radius:50%;content:"";left:50%;position:absolute;top:50%;z-index:2}.record-button.loading:before{animation:spin 1.2s cubic-bezier(.5,.1,.5,.9) infinite;border-color:#ffffffe6 #fff9 #0000 #0000;border-style:solid;border-width:4px;height:calc(100% + 20px);opacity:.8;transform:translate(-50%,-50%) rotate(0deg);width:calc(100% + 20px)}.record-button.loading:after{animation:spin-reverse 1.8s cubic-bezier(.5,.1,.5,.9) infinite;border-color:#0000 #0000 #fffc #ffffff80;border-style:solid;border-width:4px;height:calc(100% + 40px);opacity:.6;transform:translate(-50%,-50%) rotate(0deg);width:calc(100% + 40px)}@keyframes subtle-pulse{0%{filter:brightness(.95);transform:scale(.95)}50%{filter:brightness(1.05);transform:scale(1)}to{filter:brightness(.95);transform:scale(.95)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin-reverse{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}html[data-theme=dark] .record-button.loading:before{border-right-color:#ffffff8c;border-top-color:#ffffffd9}html[data-theme=dark] .record-button.loading:after{border-bottom-color:#ffffffbf;border-left-color:#ffffff73}.result{color:#fff;color:var(--text-light);font-size:1.1rem;margin-top:2rem;text-align:center;text-shadow:0 1px 2px #0006;transition:color .3s}html[data-theme=dark] .result{color:#fff;color:var(--text-dark)}.hamburger{color:#fff;color:var(--text-light);cursor:pointer;font-size:1.5rem;left:20px;position:fixed;top:20px;transition:color .3s;z-index:1000}html[data-theme=dark] .hamburger{color:#fff;color:var(--text-dark)}.drawer{background:#fffc;color:#000;display:flex;flex-direction:column;height:100%;left:-260px;padding-top:40px;transition:left .3s ease;z-index:999}html[data-theme=dark] .drawer{background:#ffffff1a;color:#fff}.close-btn{background:#0000;border:none;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:10px}.mode-options{align-items:center;display:flex;justify-content:space-around;padding:1rem}.mode-options button{align-items:center;background:#0000;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;transition:border-color .2s,transform .2s;width:48px}.mode-options button.active{border-color:#007aff}.mode-options button img{height:24px;width:24px}#root,.App,body,html{height:100%;margin:0}@media (max-width:600px){.audio-recorder{padding-top:1rem}.recorder-title{margin-top:.56rem!important}.button-wrapper{margin-top:-1rem}}.loading-text{display:none}.drawer{background:var(--card-bg);bottom:0;left:-280px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease,background-color .2s ease;width:260px;z-index:1000}.drawer.open{left:0}html:not([data-theme=dark]) .drawer{background:#fffc}html[data-theme=dark] .drawer{background:#28323ccc}.suggestion-container{grid-gap:.5rem;border-top:1px solid var(--text-secondary);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;margin-top:1rem;padding:1rem 1rem 0}.suggestion-label{grid-column:1/-1;text-align:center}.suggestion-input{grid-column:1}.suggestion-button{grid-column:2}.suggestion-list{background:var(--card-bg);border:1px solid var(--text-secondary);border-radius:4px;grid-column:1/-1;list-style:none;margin:0;max-height:8rem;overflow-y:auto;padding:0}.suggestion-item{color:var(--text-primary);cursor:pointer;padding:.5rem}.suggestion-item:hover{background:var(--card-hover-bg)}.suggestion-status{color:var(--text-secondary);grid-column:1/-1;margin-top:.25rem;text-align:center}:root{--card-bg:#fffc;--card-hover-bg:#ffffffe6;--text-primary:#000;--text-secondary:#333}html[data-theme=dark]{--card-bg:#1a1a1a;--card-hover-bg:#2a2a2a;--text-primary:#fff;--text-secondary:#ccc}.result-container{align-items:center;background-color:#fffc;background-color:var(--card-bg);border-radius:12px;display:flex;margin-top:16px;padding:12px;transform:scale(1.15);transform-origin:center top;transition:background-color .2s ease}.result-container:hover{background-color:#ffffffe6;background-color:var(--card-hover-bg)}.result-container button{font-size:2rem!important;line-height:1;padding:0 16px!important}.album-cover{border-radius:8px;flex-shrink:0;height:64px;margin-right:12px;object-fit:cover;width:64px}.song-info{display:flex;flex-direction:column;justify-content:center}.song-title{color:#000;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.song-artist{color:#333;color:var(--text-secondary);font-size:.9rem;margin:4px 0 0}.result-container.empty{background-color:initial;justify-content:center;padding:24px}.result-container.empty p{color:#333;color:var(--text-secondary);margin:0}.App{background:linear-gradient(180deg,#00b3ff,#06f);display:flex;flex-direction:column;font-family:Helvetica Neue,Arial,sans-serif;margin:0;min-height:100vh;padding:0;text-align:center}.App-header{color:#fff;font-size:2rem;font-weight:600;padding:2rem 1rem 1rem;text-shadow:0 2px 4px #0000004d}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center}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}
/*# sourceMappingURL=main.320a169a.css.map*/