.vocal-suggestions{background:#fafafa;padding:3rem 2rem;border-radius:12px;margin-top:4rem}.vocal-suggestions a:hover{background:#ff69b4!important;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.slide-up{animation:slideUp .6s ease forwards}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn-primary{display:inline-block;background:#a535f0;color:#fff;padding:1rem 2rem;border-radius:50px;font-family:Montserrat,sans-serif;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary:hover{background:#ff69b4;transform:translateY(-2px);box-shadow:0 8px 20px #a535f04d}.btn-secondary{display:inline-block;background:transparent;color:#a535f0;padding:.75rem 1.5rem;border-radius:50px;font-family:Montserrat,sans-serif;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid #a535f0;cursor:pointer;font-size:.95rem}.btn-secondary:hover{background:#a535f0;color:#fff;transform:translateY(-2px)}@media screen and (max-width:1024px){.kbf-hero h1{font-size:2.5rem}.kbf-hero p{font-size:1.1rem}}@media screen and (max-width:768px){.key-bpm-finder{padding:2rem 1rem}.kbf-hero h1{font-size:2rem;line-height:1.2}.kbf-hero p{font-size:1rem}.privacy-badge{font-size:.85rem;padding:.6rem 1.2rem}.upload-area h2{font-size:1.5rem}.result-value{font-size:2.5rem!important}.vocal-suggestions{padding:2rem 1rem}}@media screen and (max-width:480px){.kbf-hero h1{font-size:1.75rem}.upload-area{padding:2rem 1rem}.upload-icon{width:60px;height:60px}.result-card{padding:2rem 1.5rem}.result-value{font-size:2rem!important}}@media print{.upload-area,.privacy-badge,.analysis-progress,.waveform-container,.history-header button{display:none!important}.results-container{display:grid!important}}.upload-area:focus-within{outline:3px solid #a535f0;outline-offset:4px}button:focus,a:focus{outline:2px solid #a535f0;outline-offset:2px}@media(prefers-contrast:high){.upload-area{border-width:4px}.result-card{border-width:3px;border-style:solid}.key-card{border-color:#a535f0}.bpm-card{border-color:#ff69b4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/key-bpm-finder.css.map */