:root{--bg-color:#0b0c10;--panel-bg:#1f212899;--panel-border:#ffffff1a;--text-primary:#fff;--text-secondary:#8b92a5;--accent-color:#4facfe;--accent-hover:#00f2fe}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.background-effects{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(100px);opacity:.5;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.orb-1{background:#4facfe4d;width:400px;height:400px;top:-100px;left:-100px}.orb-2{background:#00f2fe33;width:300px;height:300px;animation-delay:-5s;bottom:-50px;right:-50px}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.app-container{z-index:1;width:100%;max-width:600px;padding:2rem}.app-header{text-align:center;margin-bottom:3rem}.app-header h1{letter-spacing:-1px;margin-bottom:.5rem;font-size:3rem;font-weight:800}.app-header h1 span{background:linear-gradient(90deg, var(--accent-color), var(--accent-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.app-header p{color:var(--text-secondary);font-size:1.1rem}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:24px;padding:2.5rem;transition:all .4s;box-shadow:0 25px 50px -12px #00000080}.hidden{display:none!important}.drop-zone{text-align:center;cursor:pointer;border:2px dashed #fff3;border-radius:16px;padding:3rem 2rem;transition:all .3s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent-color);background:#4facfe0d}.upload-icon{color:var(--text-secondary);margin-bottom:1rem;transition:color .3s}.drop-zone:hover .upload-icon{color:var(--accent-color)}.drop-zone p{color:var(--text-secondary);font-size:1.1rem;line-height:1.5}.browse-btn{color:var(--accent-color);cursor:pointer;text-decoration:underline}.status-panel,.result-panel{text-align:center}.status-panel h2,.result-panel h2{margin-bottom:1.5rem;font-weight:600}.progress-bar-container{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin-bottom:1rem;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent-color), var(--accent-hover));border-radius:4px;width:0%;height:100%;transition:width .5s}.status-text{color:var(--text-secondary);font-size:.95rem;animation:2s infinite pulseText}@keyframes pulseText{0%,to{opacity:.7}50%{opacity:1}}.audio-player-container{margin:2rem 0}audio{border-radius:12px;outline:none;width:100%}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:12px;margin:.5rem;padding:.8rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s}.primary-btn{background:linear-gradient(90deg, var(--accent-color), var(--accent-hover));color:#fff;box-shadow:0 4px 15px #4facfe66}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4facfe99}.secondary-btn{color:var(--text-primary);border:1px solid var(--panel-border);background:#ffffff1a}.secondary-btn:hover{background:#ffffff26}