:root{--bg-color:#0f0c29;--text-color:#fff;--primary-color:#7000ff;--secondary-color:#00c6ff;--accent-color:#f05;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--card-radius:20px;--font-main:"Outfit",sans-serif}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);background-image:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);justify-content:center;align-items:center;height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.background-blobs{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blob{filter:blur(80px);opacity:.6;border-radius:50%;animation:10s infinite alternate move;position:absolute}.blob-1{background:var(--primary-color);width:400px;height:400px;top:-100px;left:-100px}.blob-2{background:var(--secondary-color);width:300px;height:300px;animation-duration:15s;bottom:-50px;right:-50px}.blob-3{background:var(--accent-color);width:250px;height:250px;animation-duration:12s;bottom:20%;left:20%}@keyframes move{0%{transform:translate(0)scale(1)}to{transform:translate(20px,-20px)scale(1.1)}}.container{z-index:10;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--card-radius);text-align:center;width:90%;max-width:600px;padding:3rem;position:relative;box-shadow:0 8px 32px #0000005e}.logo{background:linear-gradient(to right,#fff,var(--secondary-color));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700}.logo span{color:var(--primary-color);-webkit-text-fill-color:var(--primary-color)}.subtitle{color:#ffffffb3;margin-top:0;margin-bottom:3rem;font-size:1.1rem}.input-group{margin-bottom:1.5rem}.controls-row{justify-content:space-between;align-items:center;gap:15px;margin-bottom:2rem;display:flex}.format-toggle{border:1px solid var(--glass-border);background:#0000004d;border-radius:12px;flex:1;padding:5px;display:flex;position:relative}.format-toggle input[type=radio]{display:none}.format-toggle label{text-align:center;cursor:pointer;z-index:2;color:#fff9;flex:1;padding:10px;font-size:.9rem;font-weight:600;transition:color .3s}.format-toggle input[type=radio]:checked+label{color:#fff}.toggle-bg{background:var(--primary-color);z-index:1;border-radius:8px;width:calc(50% - 5px);height:calc(100% - 10px);transition:left .3s;position:absolute;top:5px;left:5px;box-shadow:0 2px 10px #7000ff4d}#audioOption:checked~.toggle-bg{left:50%}input[type=text]{border:1px solid var(--glass-border);color:#fff;width:100%;font-size:1rem;font-family:var(--font-main);box-sizing:border-box;background:#0000004d;border-radius:12px;outline:none;padding:15px 20px;transition:all .3s}input[type=text]:focus{border-color:var(--secondary-color);background:#00000080;box-shadow:0 0 15px #00c6ff4d}button{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--font-main);border:none;border-radius:12px;justify-content:center;align-items:center;min-width:140px;height:54px;padding:15px 30px;transition:transform .2s,box-shadow .3s;display:flex}button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #7000ff66}button:active{transform:translateY(0)}button.loading .btn-text{display:none}button.loading .btn-loader{display:block}.btn-loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}.status-card{text-align:left;border:1px solid var(--glass-border);background:#ffffff0d;border-radius:12px;margin-top:20px;padding:20px;animation:.4s ease-out slideUp}.status-card.hidden{display:none}.status-header{justify-content:space-between;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}#videoTitle{white-space:nowrap;text-overflow:ellipsis;max-width:80%;overflow:hidden}.progress-bar-bg{background:#ffffff1a;border-radius:10px;width:100%;height:8px;margin-bottom:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));width:0%;height:100%;box-shadow:0 0 10px var(--primary-color);border-radius:10px;transition:width .3s}.status-details{color:#fff9;justify-content:space-between;font-size:.8rem;display:flex}.download-link-btn{text-align:center;color:#000;background:#4dff88;border-radius:8px;width:100%;margin-top:15px;padding:12px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.download-link-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4dff884d}.hidden{display:none!important}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{transform:translateY(0)}}footer{color:#fff6;margin-top:3rem;font-size:.8rem}