body{background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;background-image:url(/img/background.e48c3ea4.png)}h2{color:#fff}#app{display:flex;flex-direction:column;align-items:center}.pulldownreload{width:50%}.hearContainer{padding-top:300px}.afterHearContainer,.hearContainer{min-height:100vh;text-align:center;color:#2c3e50}.afterHearContainer{padding-top:70px}.logo-vertical{max-width:300px}.logo-horizontal,.logo-vertical{width:80%;height:auto;display:block;margin:0 auto;padding-bottom:30px}.logo-horizontal{max-width:200px}@media (min-width:768px){.logo-vertical{max-width:350px}.logo-horizontal{max-width:300px}}@media (min-width:1024px){.logo-horizontal,.logo-vertical{max-width:400px}}.fancy-button{background:linear-gradient(90deg,#2ecc40,#00c897);border:2px solid #fff;color:#fff;font-size:20px;padding:15px 30px;border-radius:50px;font-family:Avenir,Helvetica,Arial,sans-serif;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .3s ease;height:80px}.fancy-button:hover{background:linear-gradient(90deg,#28b737,#00b089)}.fancy-button:disabled{background:#aaa;cursor:not-allowed;border-color:#eee}.fancy-button .bold{font-weight:800}.countdown-container{position:relative;width:40px;height:40px;display:inline-block}.countdown{top:50%;transform:translate(-50%,-50%);font-size:14px;pointer-events:none}.countdown,.overlay-button-custom{position:absolute;left:50%;color:#fff;font-weight:700}.overlay-button-custom{bottom:10px;transform:translateX(-50%);width:80%;max-width:320px;padding:14px 0;font-size:18px;background:linear-gradient(90deg,#2dcc1f,#00b578);border:2px solid #fff;border-radius:15px;border-top-left-radius:0;cursor:pointer;text-align:center;box-shadow:5px 5px 7px rgba(0,0,0,.6);transition:transform .2s ease,box-shadow .2s ease}.overlay-button-custom:hover{transform:translateX(-50%) scale(1.03);box-shadow:0 6px 12px rgba(0,0,0,.25)}.overlay-button-custom:disabled{background:#aaa;border-color:#ccc;cursor:not-allowed}.btnContainer,.thumb-container{display:flex;justify-content:center;align-items:center}.thumb-container{position:relative;width:90%;max-width:400px;margin:0 auto}@media (max-width:600px){.thumb-container{max-width:300px;width:95%}}.thumb-image{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.fade-slide-enter-active{animation:fadeSlideIn 1.5s ease-out}.fade-slide-leave-active{opacity:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sample-audios{margin-top:80px;text-align:center;padding:0 20px}.sample-heading{color:#fff;font-size:28px;margin-bottom:30px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.sample{display:flex;justify-content:center;margin-bottom:30px}.sample-card{background:linear-gradient(135deg,rgba(66,185,131,.25),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.15);border-radius:16px;padding:20px 25px;width:100%;max-width:400px;box-shadow:0 8px 20px rgba(0,0,0,.25);backdrop-filter:blur(8px);transition:transform .3s ease}.sample-card:hover{transform:scale(1.02)}.sample-title{font-size:20px;font-weight:700;color:#42b983;margin-bottom:12px;text-shadow:1px 1px 2px #000}audio{width:100%;outline:none;border-radius:4px}.not-found-container{display:flex;justify-content:center;align-items:center;padding:40px 20px}.error-box{background:hsla(0,0%,100%,.1);backdrop-filter:blur(8px);border:2px solid #ffffff33;border-radius:20px;padding:30px;text-align:center;max-width:400px;width:100%;box-shadow:0 4px 10px rgba(0,0,0,.2)}.error-message{font-size:20px}.error-message,.retry-button{font-weight:700;color:#fff;margin-bottom:20px}.retry-button{background:linear-gradient(90deg,#f44336,#d32f2f);border:2px solid #fff;padding:12px 25px;border-radius:30px;font-size:16px;cursor:pointer;transition:background .3s ease}.retry-button:hover{background:linear-gradient(90deg,#e53935,#c62828)}.retry-button:disabled{background:#aaa;cursor:not-allowed;border-color:#ccc}.audio-preview{margin-top:10px}.preview-label{color:#fff;font-weight:500;margin-bottom:8px}