.home-view[data-v-c818acd1]{height:100vh;height:100dvh;background:linear-gradient(0deg,#2c0725,#120a29);position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem;overflow:hidden;box-sizing:border-box}.song-ready-text[data-v-c818acd1]{position:absolute;top:4rem;left:50%;transform:translate(-50%);font-size:1.8rem;color:#d85d82b4;text-align:center;letter-spacing:.05em;z-index:5;text-transform:uppercase}.empty-state[data-v-c818acd1]{display:flex;align-items:center;justify-content:center;flex:1;min-height:50vh}.empty-text[data-v-c818acd1]{font-size:1.25rem;color:#fff;text-align:center;letter-spacing:.05em}.player-container[data-v-c818acd1]{display:flex;align-items:center;justify-content:center;flex:1;min-height:50vh}.progress-circle-wrapper[data-v-c818acd1]{position:relative;display:flex;align-items:center;justify-content:center;width:420px;height:420px;padding:10px;box-sizing:border-box;overflow:visible}.progress-circle[data-v-c818acd1]{position:relative;overflow:visible}.progress-circle[data-v-c818acd1] svg{overflow:visible}.play-pause-btn[data-v-c818acd1]{position:absolute;top:51%;left:51%;transform:translate(-50%,-50%);width:80%;height:80%;border-radius:50%;background-color:#ffffffd0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;box-shadow:0 4px 12px #0000004d;z-index:10;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.play-pause-btn[data-v-c818acd1]:focus{outline:none}.play-pause-btn[data-v-c818acd1]:focus-visible{outline:none}.play-pause-btn[data-v-c818acd1]:active{transform:translate(-50%,-50%) scale(.95)}.play-pause-btn svg[data-v-c818acd1]{color:#120a29;width:8rem;height:100%}.fab[data-v-c818acd1]{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background-color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0006;transition:transform .2s ease,box-shadow .2s ease;z-index:10}.fab[data-v-c818acd1]:active{transform:scale(.95);box-shadow:0 2px 8px #0000004d}.fab svg[data-v-c818acd1]{stroke:#16151b}audio[data-v-c818acd1]{display:none}.scanner-view[data-v-c5be9929]{position:fixed;inset:0;background-color:#000;display:flex;flex-direction:column;z-index:100}.scanner-header[data-v-c5be9929]{display:flex;align-items:center;padding:1rem;background-color:#000000b3;z-index:10}.close-btn[data-v-c5be9929]{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.scanner-title[data-v-c5be9929]{flex:1;text-align:center;color:#fff;font-size:1.25rem;font-weight:400;margin:0}.scanner-container[data-v-c5be9929]{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.scanner[data-v-c5be9929]{width:100%;height:100%;object-fit:cover}.camera-error[data-v-c5be9929]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:1rem}.camera-error button[data-v-c5be9929]{padding:.75rem 1.5rem;background-color:#fff;color:#16151b;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.scanner-overlay[data-v-c5be9929]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scan-frame[data-v-c5be9929]{width:250px;height:250px;border:2px solid white;border-radius:8px;box-shadow:0 0 0 9999px #00000080}:root{font-family: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}html,body{margin:0;padding:0;min-width:320px;height:100vh;height:100dvh;overflow:hidden;width:100%;position:relative}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}.card{padding:2em}#app{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-enter-from{transform:translate(100%);opacity:0}.slide-leave-to{transform:translate(-100%);opacity:0}