:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050505;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{justify-content:center;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{font-optical-sizing:auto;font-family:Pixelify Sans,sans-serif;font-style:normal;font-weight:400}.app-container{color:#fff;z-index:10;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.dither-container{z-index:1!important}.glass-panel{z-index:20;text-align:center;background:#0006;border-radius:24px;flex-direction:column;gap:2rem;width:100%;max-width:480px;padding:3rem;animation:.8s cubic-bezier(.2,.8,.2,1) fadeIn;display:flex;position:relative;box-shadow:0 0 102px #000}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title{letter-spacing:-.05em;-webkit-text-fill-color:transparent;text-shadow:0 20px 40px #0006;background:linear-gradient(135deg,#fff 0%,#a5a5a5 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:3rem;font-weight:700}.audio-count{color:#ffffffb3;margin-top:-1rem;margin-bottom:.5rem;font-size:1rem}.description{color:#fff;margin:0;font-size:1.2rem;line-height:1.6}.price-tag{color:#fff;text-shadow:0 0 20px #ffffff4d;margin:1rem 0;font-size:2.5rem;font-weight:600}.primary-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.primary-btn:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 0 20px #ffffff4d}.primary-btn:disabled{color:#888;cursor:not-allowed;box-shadow:none;background:#555;transform:none}.secondary-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:12px;margin-top:1rem;padding:.8rem 1.5rem;font-size:1rem;transition:all .3s}.secondary-btn:hover{background:#ffffff0d;border-color:#fff}.error-banner{color:#ff3b30;background:#ff3b301a;border:1px solid #ff3b304d;border-radius:8px;padding:.8rem;font-size:.9rem}.status-message{color:#fff;font-size:1.2rem;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.step-content h2{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.instruction{color:#fff;margin-bottom:1.5rem;font-size:1.2rem}.success-content{text-align:center}.success-content h2{color:#32d74b;margin-bottom:1rem;font-size:2rem}.audio-player-wrapper{flex-direction:column;align-items:center;gap:1rem;display:flex}.play-btn-large{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:16px;padding:1.5rem 3rem;font-size:1.5rem;transition:all .3s}.play-btn-large:hover{background:#ffffff4d;transform:scale(1.05)}.playing-indicator{color:#fff;flex-direction:column;align-items:center;gap:1rem;font-size:1.2rem;display:flex}.wave-animation{gap:.3rem;display:flex}.wave-animation span{background:#fff;border-radius:2px;width:4px;height:20px;animation:1s infinite wave}.wave-animation span:nth-child(2){animation-delay:.1s}.wave-animation span:nth-child(3){animation-delay:.2s}.wave-animation span:nth-child(4){animation-delay:.3s}.wave-animation span:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.error-text{color:#ff3b30;font-size:.9rem}.recorder-container{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.record-controls{flex-direction:column;align-items:center;gap:1rem;display:flex}.timer-display{color:#fff;font-family:monospace;font-size:2rem;font-weight:600}.record-btn,.stop-btn{color:#ff3b30;cursor:pointer;background:#ff3b3033;border:2px solid #ff3b3080;border-radius:12px;padding:1rem 2rem;font-size:1.2rem;transition:all .3s}.record-btn:hover{background:#ff3b304d;transform:scale(1.05)}.stop-btn{color:#fff;background:#fff3;border-color:#ffffff80}.stop-btn:hover{background:#ffffff4d}.review-controls{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.review-title{color:#fff;margin:0;font-size:1.3rem}.review-player{width:100%;max-width:400px}.action-buttons{gap:1rem;width:100%;display:flex}.retry-btn,.submit-btn{cursor:pointer;border:2px solid #ffffff4d;border-radius:12px;flex:1;padding:.8rem 1.5rem;font-size:1rem;transition:all .3s}.retry-btn{color:#fff;background:0 0}.retry-btn:hover:not(:disabled){background:#ffffff1a}.submit-btn{color:#32d74b;background:#32d74b33;border-color:#32d74b80}.submit-btn:hover:not(:disabled){background:#32d74b4d;transform:scale(1.05)}.retry-btn:disabled,.submit-btn:disabled{opacity:.5;cursor:not-allowed}.queue-status{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:1.5rem;margin:1rem 0;padding:2rem;display:flex}.queue-message{color:#ff9500;text-align:center;font-size:1.3rem;font-weight:600}.queue-submessage{color:#fffc;text-align:center;font-size:1rem;line-height:1.4}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#ff9500;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timeout-warning{text-align:center;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:12px;margin-top:1.5rem;padding:1rem 1.5rem;transition:all .3s}.timeout-warning.urgent{background:#ff3b301a;border-color:#ff3b304d;animation:1s infinite urgent-pulse}@keyframes urgent-pulse{0%{box-shadow:0 0 #ff3b3066}70%{box-shadow:0 0 0 10px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}.timeout-message{color:#ffbf00;font-family:monospace;font-size:1.1rem;font-weight:600}.timeout-warning.urgent .timeout-message{color:#ff3b30}.timeout-submessage{color:#fffc;margin-top:.5rem;font-size:.9rem}