:root{--bg-primary: #0a0b10;--bg-secondary: #12141e;--bg-card: rgba(20, 24, 36, .78);--bg-card-hover: rgba(28, 34, 50, .88);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 0, 51, .4);--accent-yt: #ff0033;--accent-yt-gradient: linear-gradient(135deg, #ff0033 0%, #cc0029 100%);--accent-primary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #a855f7 0%, #6366f1 50%, #3b82f6 100%);--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 10px 30px -5px rgba(0, 0, 0, .45);--shadow-glow: 0 0 40px rgba(255, 0, 51, .15);--shadow-glow-purple: 0 0 40px rgba(139, 92, 246, .25);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.ambient-glow{position:fixed;border-radius:50%;filter:blur(140px);pointer-events:none;z-index:0;opacity:.45}.glow-top{top:-150px;left:50%;transform:translate(-50%);width:650px;height:400px;background:radial-gradient(circle,rgba(255,0,51,.35) 0%,rgba(139,92,246,.2) 60%,transparent 100%)}.glow-bottom{bottom:0;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.25) 0%,rgba(59,130,246,.1) 60%,transparent 100%)}.app-container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50;background:#0a0b10b3}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{width:42px;height:42px;border-radius:12px;background:var(--accent-yt-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #f036}.brand-logo.small{width:32px;height:32px;border-radius:8px}.brand-yt-icon{width:24px;height:24px;color:#fff}.brand-yt-icon.small{width:18px;height:18px}.brand-text{display:flex;align-items:center;gap:8px}.brand-title{font-family:var(--font-heading);font-size:1.45rem;font-weight:900;letter-spacing:-.5px;color:#fff}.brand-highlight{color:#f03;text-shadow:0 0 15px rgba(255,0,51,.5)}.brand-badge{font-size:.65rem;font-weight:700;padding:2px 7px;background:#ff003326;color:#ff4d6d;border:1px solid rgba(255,0,51,.3);border-radius:var(--radius-full);letter-spacing:.5px}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{display:flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);transition:all .2s ease}.nav-link i{width:16px;height:16px}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#ffffff0d}.count-pill{background:#ff003340;color:#ff8095;font-size:.75rem;font-weight:700;padding:1px 6px;border-radius:var(--radius-full)}.server-status{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-full)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.status-text{font-size:.78rem;font-weight:600;color:#34d399}.ad-tag{display:inline-block;font-size:.62rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:var(--text-muted);background:#ffffff0f;padding:2px 6px;border-radius:4px}.ad-leaderboard-wrap{max-width:960px;margin:18px auto 0;width:100%}.ad-leaderboard{position:relative;background:linear-gradient(90deg,#141826d9,#1e182dd9);border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-md);padding:12px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease}.ad-leaderboard:hover{border-color:#ffffff4d;background:linear-gradient(90deg,#191e30e6,#261e38e6)}.ad-content-flex{display:flex;align-items:center;gap:16px}.ad-badge-icon{width:36px;height:36px;border-radius:8px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);display:flex;align-items:center;justify-content:center;color:#38bdf8;flex-shrink:0}.ad-badge-icon i{width:20px;height:20px}.ad-text-wrap{flex:1;text-align:left}.ad-headline{display:block;font-family:var(--font-heading);font-size:.92rem;font-weight:700;color:var(--text-primary)}.ad-subtext{display:block;font-size:.78rem;color:var(--text-secondary)}.ad-cta-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;text-decoration:none;font-size:.8rem;font-weight:700;border-radius:var(--radius-sm);white-space:nowrap;transition:transform .2s ease}.ad-cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #06b6d466}.ad-cta-btn i{width:14px;height:14px}.ad-mid-container{max-width:960px;margin:22px auto 0;width:100%}.ad-mid-card{background:#121622b3;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:14px 20px;text-align:left}.ad-mid-content{display:flex;align-items:center;gap:16px;margin-top:4px}.ad-mid-visual{width:42px;height:42px;border-radius:10px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);display:flex;align-items:center;justify-content:center;color:#c084fc;flex-shrink:0}.ad-mid-visual i{width:22px;height:22px}.ad-mid-info{flex:1}.ad-mid-info h4{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.ad-mid-info p{font-size:.8rem;color:var(--text-secondary)}.ad-mid-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;font-size:.8rem;font-weight:600;white-space:nowrap;transition:all .2s ease}.ad-mid-btn:hover{background:#ffffff26;border-color:#ffffff4d}.ad-mid-btn i{width:14px;height:14px}.ad-video-section{max-width:960px;margin:30px auto 10px;width:100%}.ad-video-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .2s ease}.ad-video-card:hover{border-color:#ff003340}.ad-video-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#00000059;border-bottom:1px solid var(--border-color)}.ad-video-badge{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:var(--accent-yt);text-transform:uppercase;letter-spacing:.5px}.ad-video-badge i{width:14px;height:14px}.ad-cpm-label{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;color:var(--text-muted)}.ad-cpm-label i{width:12px;height:12px;color:var(--accent-amber)}.ad-video-player-wrap{display:flex;align-items:center;justify-content:center;min-height:80px;padding:12px;background:#0003;text-align:center;width:100%;position:relative}.ad-video-player-wrap ins,.ad-video-player-wrap iframe,.ad-video-player-wrap video{display:block!important;margin:0 auto!important;max-width:100%!important}.main-content{flex:1;padding:30px 0 60px}.hero-section{text-align:center;margin-bottom:40px}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#ff00331f;border:1px solid rgba(255,0,51,.3);border-radius:var(--radius-full);color:#ff8095;font-size:.85rem;font-weight:600;margin-bottom:18px;box-shadow:0 4px 15px #ff003326}.hero-pill i{width:15px;height:15px}.hero-title{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.15;letter-spacing:-1px;margin-bottom:16px}.gradient-text{background:linear-gradient(135deg,#f03,#ff6b6b,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1rem,2vw,1.15rem);color:var(--text-secondary);max-width:680px;margin:0 auto 32px}.converter-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:26px 30px;box-shadow:var(--shadow-md),var(--shadow-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:960px;width:100%;margin:0 auto;transition:border-color .3s ease}.converter-card:focus-within{border-color:var(--border-hover)}.url-form{display:flex;gap:14px;align-items:stretch}.input-wrapper{position:relative;flex:1;display:flex;align-items:center}.input-icon{position:absolute;left:18px;color:#f03;display:flex;align-items:center;pointer-events:none;z-index:2}.input-icon i{width:24px;height:24px}#url-input{width:100%;padding:18px 125px 18px 56px;background:#0a0b10d9;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1.05rem;font-family:inherit;outline:none;transition:all .2s ease}#url-input:focus{border-color:var(--accent-yt);background:#0a0b10f2;box-shadow:0 0 0 3px #ff003340}#url-input::placeholder{color:var(--text-muted);font-size:.95rem}.input-controls{position:absolute;right:12px;display:flex;align-items:center;gap:6px;z-index:2}.btn-icon{display:flex;align-items:center;gap:5px;padding:8px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-icon i{width:15px;height:15px}.btn-icon:hover{background:#ffffff26;color:var(--text-primary)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:var(--accent-yt-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 20px #f036;transition:all .2s ease;white-space:nowrap}.btn-primary i{width:18px;height:18px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #f039}.btn-primary:active{transform:translateY(0)}.quick-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}.tag-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.format-tag{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-color);padding:4px 10px;border-radius:var(--radius-full)}.format-tag i{width:13px;height:13px;color:#38bdf8}.sample-tag{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:#ff8095;background:#ff00331a;border:1px solid rgba(255,0,51,.25);padding:4px 12px;border-radius:var(--radius-full);cursor:pointer;font-weight:600;transition:all .2s ease}.sample-tag:hover{background:#f033;transform:scale(1.03)}.alert-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f43f5e1f;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-md);color:#fb7185;font-size:.9rem;margin-top:18px;text-align:left}.alert-banner i{width:18px;height:18px;flex-shrink:0}.video-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:26px 30px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:960px;width:100%;margin:30px auto 0;text-align:left;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-preview{display:flex;gap:24px}.thumbnail-wrapper{position:relative;width:260px;height:150px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:#000;border:1px solid var(--border-color)}.thumbnail-wrapper img{width:100%;height:100%;object-fit:cover}.duration-badge{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:4px}.play-overlay{position:absolute;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.thumbnail-wrapper:hover .play-overlay{opacity:1}.play-overlay i{width:32px;height:32px}.video-info{flex:1;display:flex;flex-direction:column}.video-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);margin-bottom:18px}.meta-item{display:flex;align-items:center;gap:5px}.meta-item i{width:14px;height:14px;color:var(--accent-cyan)}.channel-item{font-weight:600;color:#e2e8f0}.meta-separator{color:var(--text-muted)}.conversion-settings{border-top:1px solid var(--border-color);padding-top:16px}.settings-label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.settings-label i{width:15px;height:15px;color:#f03}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.quality-option{cursor:pointer}.quality-option input{display:none}.quality-card{display:flex;flex-direction:column;padding:10px;background:#0a0b1099;border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all .2s ease;height:100%}.quality-rate{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--text-primary)}.quality-badge{font-size:.65rem;font-weight:700;color:#38bdf8;margin-top:2px}.quality-desc{font-size:.7rem;color:var(--text-muted);margin-top:4px}.quality-option input:checked+.quality-card{background:#ff00331f;border-color:#f03;box-shadow:0 0 15px #ff003340}.quality-option input:checked+.quality-card .quality-rate{color:#ff8095}.trim-section{margin-bottom:16px}.btn-text{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 0;transition:color .2s ease}.btn-text:hover{color:var(--text-primary)}.btn-text i{width:15px;height:15px}.chevron-icon{transition:transform .2s ease}.btn-text.expanded .chevron-icon{transform:rotate(180deg)}.trim-options{margin-top:10px;padding:12px;background:#0a0b1099;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.trim-inputs{display:flex;gap:12px}.trim-field{flex:1}.trim-field label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.trim-field input{width:100%;padding:8px 10px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;color:#fff;font-size:.85rem;outline:none}.trim-hint{font-size:.72rem;color:var(--text-muted);margin-top:6px}.btn-convert{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--accent-yt-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #f036;transition:all .2s ease}.btn-convert:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f039}.skeleton-card{display:flex;gap:20px}.skeleton-thumbnail{width:240px;height:140px;border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-details{flex:1;display:flex;flex-direction:column;gap:14px}.skeleton-line{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.5s infinite}.line-title{height:28px;width:85%}.line-meta{height:18px;width:50%}.line-options{height:44px;width:100%;margin-top:auto}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-card{background:var(--bg-card);border:1px solid rgba(255,0,51,.3);border-radius:var(--radius-lg);padding:28px 32px;box-shadow:var(--shadow-md),var(--shadow-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:960px;width:100%;margin:30px auto 0;text-align:left;animation:fadeIn .3s ease}.progress-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}#progress-stage-text{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-primary)}.progress-track-title{font-size:.85rem;color:var(--text-secondary);margin-top:2px}.progress-percent{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;color:#38bdf8}.progress-track{width:100%;height:10px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:linear-gradient(90deg,#f03,#06b6d4,#10b981);border-radius:var(--radius-full);transition:width .3s ease;box-shadow:0 0 12px #06b6d480}.progress-details{display:flex;justify-content:space-between;align-items:center}.wave-visualizer{display:flex;align-items:flex-end;gap:4px;height:22px}.wave-visualizer .bar{width:4px;background:#ff4d6d;border-radius:2px;animation:wave 1s ease-in-out infinite alternate}.b1{height:30%;animation-delay:.1s}.b2{height:70%;animation-delay:.3s}.b3{height:100%;animation-delay:.2s}.b4{height:50%;animation-delay:.5s}.b5{height:90%;animation-delay:.4s}.b6{height:60%;animation-delay:.15s}.b7{height:40%;animation-delay:.35s}.b8{height:80%;animation-delay:.25s}@keyframes wave{0%{transform:scaleY(.3);opacity:.5}to{transform:scaleY(1.2);opacity:1}}.speed-eta{font-size:.85rem;color:var(--text-secondary);display:flex;gap:12px}.speed-eta span{display:flex;align-items:center;gap:5px}.speed-eta i{width:14px;height:14px;color:var(--accent-emerald)}.success-card{background:var(--bg-card);border:1px solid rgba(16,185,129,.4);border-radius:var(--radius-lg);padding:28px 32px;box-shadow:var(--shadow-md),0 0 40px #10b98126;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:960px;width:100%;margin:30px auto 0;text-align:left;animation:fadeIn .4s ease}.success-badge-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border-color)}.success-icon-wrapper{width:44px;height:44px;border-radius:50%;background:#10b98126;border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;color:#34d399}.success-icon-wrapper i{width:24px;height:24px}.success-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary)}.success-subtitle{font-size:.88rem;color:var(--text-secondary)}.result-track-box{display:flex;align-items:center;gap:16px;background:#0a0b10b3;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:20px}.result-thumb{width:80px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.result-info{flex:1}.result-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin-bottom:6px;line-height:1.3}.result-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-tag{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary);background:#ffffff0d;padding:3px 8px;border-radius:4px}.meta-tag i{width:12px;height:12px;color:#f03}.audio-player-container{background:#0a0b10d9;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.player-header{margin-bottom:12px}.player-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:#38bdf8}.player-label i{width:14px;height:14px}.custom-player{display:flex;align-items:center;gap:14px}.player-btn-play{width:44px;height:44px;border-radius:50%;background:var(--accent-yt-gradient);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 0 15px #f036;transition:transform .2s ease}.player-btn-play:hover{transform:scale(1.08)}.player-btn-play i{width:20px;height:20px}.player-time{font-size:.78rem;font-weight:600;color:var(--text-secondary);min-width:34px}.player-seek-container{flex:1;position:relative;display:flex;align-items:center}#player-seekbar{width:100%;height:6px;-webkit-appearance:none;background:#ffffff26;border-radius:3px;outline:none;cursor:pointer}#player-seekbar::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#f03;box-shadow:0 0 8px #f03;cursor:pointer;transition:transform .1s ease}#player-seekbar::-webkit-slider-thumb:hover{transform:scale(1.3)}.player-volume{display:flex;align-items:center;gap:6px}.btn-mute{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center}.btn-mute i{width:16px;height:16px}#player-volumebar{width:65px;height:4px;-webkit-appearance:none;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}#player-volumebar::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.download-action-row{display:flex;gap:14px}.btn-download-main{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;border-radius:var(--radius-md);box-shadow:0 4px 20px #10b98166;transition:all .2s ease}.btn-download-main:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b98199}.btn-download-main i{width:26px;height:26px}.btn-download-text{text-align:left}.download-heading{display:block;font-family:var(--font-heading);font-size:1.15rem;font-weight:800;line-height:1.2}.download-subheading{display:block;font-size:.75rem;color:#fffc}.btn-secondary{display:flex;align-items:center;gap:8px;padding:16px 20px;background:#ffffff14;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-heading);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff26;border-color:#fff3}.btn-secondary i{width:18px;height:18px}.section{padding:40px 0 20px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header.center{flex-direction:column;text-align:center}.section-title-wrap{display:flex;align-items:center;gap:10px}.section-icon{width:36px;height:36px;border-radius:10px;background:#ff003326;display:flex;align-items:center;justify-content:center;color:#ff8095}.section-icon i{width:20px;height:20px}.section-title-wrap h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700}.section-title{font-family:var(--font-heading);font-size:2rem;font-weight:800;margin-bottom:8px}.section-subtitle{color:var(--text-secondary);font-size:1rem}.btn-danger-outline{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f43f5e14;border:1px solid rgba(244,63,94,.25);border-radius:var(--radius-sm);color:#fb7185;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger-outline:hover{background:#f43f5e33}.btn-danger-outline i{width:14px;height:14px}.history-list{display:flex;flex-direction:column;gap:12px}.empty-history{padding:40px;text-align:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted)}.empty-history i{width:36px;height:36px;margin-bottom:10px;opacity:.5}.history-item{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;transition:all .2s ease}.history-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.history-thumb{width:60px;height:45px;border-radius:6px;object-fit:cover}.history-info{flex:1;text-align:left}.history-title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.history-meta{font-size:.75rem;color:var(--text-secondary);display:flex;gap:10px}.history-actions{display:flex;align-items:center;gap:8px}.btn-history-dl{display:flex;align-items:center;gap:5px;padding:8px 14px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);color:#34d399;text-decoration:none;font-size:.8rem;font-weight:600;transition:all .2s ease}.btn-history-dl:hover{background:#10b9814d}.btn-history-dl i{width:14px;height:14px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;text-align:left;transition:all .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.feature-icon{width:44px;height:44px;border-radius:12px;background:#ff003326;border:1px solid rgba(255,0,51,.3);display:flex;align-items:center;justify-content:center;color:#ff8095;margin-bottom:16px}.feature-icon i{width:22px;height:22px}.feature-card h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;margin-bottom:8px}.feature-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.faq-accordion{max-width:960px;margin:30px auto 0;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;text-align:left;transition:all .2s ease}.faq-item[open]{border-color:var(--border-hover)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-icon{width:18px;height:18px;color:var(--text-muted);transition:transform .2s ease}.faq-item[open] .faq-icon{transform:rotate(180deg);color:#f03}.faq-answer{padding:0 20px 20px;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.footer{margin-top:60px;border-top:1px solid var(--border-color);background:#0a0b10f2;padding:50px 0 30px}.footer-container{max-width:1100px;margin:0 auto;padding:0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:40px;text-align:left}.brand-col{display:flex;flex-direction:column;gap:14px}.footer-brand{display:flex;align-items:center;gap:10px}.brand-yt-icon.small{width:22px;height:22px}.footer-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--text-primary)}.footer-about{font-size:.88rem;color:var(--text-secondary);line-height:1.6;max-width:380px}.footer-trust-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.trust-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;color:#38bdf8;font-weight:600}.trust-badge i{width:13px;height:13px}.footer-col-title{font-family:var(--font-heading);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-primary);margin-bottom:18px}.footer-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-nav-list li a{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.footer-nav-list li a i{width:15px;height:15px;color:var(--text-muted);transition:color .2s ease}.footer-nav-list li a:hover{color:#ff8095;transform:translate(4px)}.footer-nav-list li a:hover i{color:#f03}.footer-divider{height:1px;background:var(--border-color);margin:36px 0 24px}.footer-bottom-bar{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.footer-disclaimer{font-size:.78rem;color:var(--text-muted);line-height:1.6;max-width:800px}.footer-copy{font-size:.76rem;color:var(--text-muted)}.bottom-ad{margin-top:40px}.legal-modal-overlay{position:fixed;inset:0;background:#05060ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.legal-modal-dialog{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:850px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-md),0 0 50px #000c;overflow:hidden}.legal-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding:12px 18px;background:#0a0b10f2;gap:12px}.legal-modal-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px}.legal-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.legal-tab-btn i{width:14px;height:14px}.legal-tab-btn:hover{background:#ffffff0d;color:var(--text-primary)}.legal-tab-btn.active{background:#ff00331f;border-color:#ff00334d;color:#ff8095}.legal-close-btn{background:#ffffff0f;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.legal-close-btn:hover{background:#f033;color:#fff;border-color:#f03}.legal-modal-body{padding:28px 32px;overflow-y:auto;text-align:left}.legal-tab-content{display:none;animation:fadeIn .2s ease}.legal-tab-content.active{display:block}.legal-tab-content h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;color:var(--text-primary);margin-bottom:6px}.legal-tab-content p{color:var(--text-secondary);font-size:.92rem;line-height:1.6;margin-bottom:14px}.legal-card-block{background:#0a0b1099;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;margin-top:16px}.legal-card-block h3{font-size:1.05rem;color:#ff8095;margin-top:14px;margin-bottom:6px}.legal-card-block h3:first-child{margin-top:0}.legal-link{color:#38bdf8;text-decoration:none;font-weight:600}.legal-link:hover{text-decoration:underline}.legal-external-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:8px 14px;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);border-radius:var(--radius-sm);color:#38bdf8;text-decoration:none;font-size:.85rem;font-weight:600;transition:all .2s ease}.legal-external-link:hover{background:#38bdf833;transform:translateY(-2px)}.cookie-options-box{margin:16px 0}.btn-cookie-reset{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff14;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cookie-reset:hover{background:#f033;border-color:#f03}.cookie-banner-container{position:fixed;bottom:24px;left:24px;right:24px;max-width:980px;margin:0 auto;z-index:9990;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cookie-banner-content{background:#0f111af5;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:0 10px 40px #000c,0 0 20px #ff003326;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;gap:20px}.cookie-icon-wrapper{width:46px;height:46px;border-radius:50%;background:#ff003326;border:1px solid rgba(255,0,51,.3);display:flex;align-items:center;justify-content:center;color:#ff8095;flex-shrink:0}.cookie-icon-wrapper i{width:24px;height:24px}.cookie-text-wrapper{flex:1;text-align:left}.cookie-text-wrapper h4{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.cookie-text-wrapper p{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:0}.cookie-link{color:#38bdf8;text-decoration:underline}.cookie-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-cookie-accept{padding:10px 18px;background:var(--accent-yt-gradient);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap;box-shadow:0 4px 15px #ff00334d;transition:all .2s ease}.btn-cookie-accept:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff003380}.btn-cookie-essential{padding:10px 16px;background:#ffffff14;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-cookie-essential:hover{background:#ffffff26}.btn-cookie-info{padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:600;font-size:.85rem;cursor:pointer;transition:color .2s ease}.btn-cookie-info:hover{color:#fff}.hidden{display:none!important}@media(max-width:1024px){.app-container{max-width:100%;padding:0 18px}.features-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:860px){.footer-grid{grid-template-columns:1fr;gap:28px}.cookie-banner-content{flex-direction:column;align-items:stretch;gap:14px}.cookie-actions{width:100%;display:flex;flex-wrap:wrap;gap:10px}.btn-cookie-accept,.btn-cookie-essential{flex:1;min-width:140px;text-align:center;justify-content:center}.legal-modal-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}}@media(max-width:768px){body{font-size:15px}.app-container{padding:0 14px}.ambient-glow{opacity:.3}.glow-top{width:320px;height:250px}.glow-bottom{display:none}.navbar{flex-wrap:wrap;padding:12px 0;gap:10px}.brand-logo{width:36px;height:36px;border-radius:10px}.brand-yt-icon{width:20px;height:20px}.brand-title{font-size:1.25rem}.brand-badge{font-size:.65rem;padding:2px 6px}.server-status{padding:4px 10px}.status-text{font-size:.75rem}.nav-links{order:3;width:100%;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px 0 2px;border-top:1px solid var(--border-color);gap:6px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{padding:6px 12px;font-size:.82rem;white-space:nowrap;flex-shrink:0;background:#ffffff0a;border-radius:var(--radius-full)}.hero-section{padding:24px 0 20px}.hero-pill{font-size:.78rem;padding:5px 12px;margin-bottom:14px}.hero-title{font-size:clamp(1.6rem,6.5vw,2.25rem);line-height:1.22;margin-bottom:12px}.hero-subtitle{font-size:.9rem;line-height:1.5;padding:0 4px;margin-bottom:24px}.converter-card{padding:16px;border-radius:var(--radius-md)}.url-form{flex-direction:column;gap:10px}.input-wrapper{width:100%;height:52px}#url-input{font-size:.95rem;padding:0 45px 0 44px}.btn-primary{width:100%;height:50px;font-size:1rem;justify-content:center}.quick-tags{flex-wrap:wrap;gap:6px;margin-top:12px}.tag-label{font-size:.72rem;width:100%;margin-bottom:2px}.format-tag,.sample-tag{font-size:.75rem;padding:4px 9px}.video-card{padding:16px;border-radius:var(--radius-md)}.video-preview{flex-direction:column;gap:14px}.thumbnail-wrapper{width:100%;height:auto;aspect-ratio:16/9;max-height:220px}.video-title{font-size:1.05rem;line-height:1.35}.video-meta{flex-wrap:wrap;gap:8px}.trim-inputs{grid-template-columns:1fr 1fr;gap:8px}.quality-grid{grid-template-columns:repeat(2,1fr);gap:8px}.quality-option{padding:10px 8px}.quality-badge{font-size:.95rem}.quality-desc{font-size:.7rem}.progress-card{padding:18px;border-radius:var(--radius-md)}.progress-stage{font-size:.98rem}.progress-meta-row{flex-wrap:wrap;gap:8px;font-size:.8rem}.success-card{padding:18px;border-radius:var(--radius-md)}.success-banner{padding:10px 14px;font-size:.88rem}.result-details{flex-direction:column;gap:14px}.result-thumb-wrap{width:100%;height:auto;aspect-ratio:16/9;max-height:200px}.result-meta-grid{grid-template-columns:repeat(2,1fr);gap:8px}.audio-player-custom{padding:12px}.player-main-controls{flex-wrap:wrap;gap:10px}.player-seekbar-wrapper{order:3;width:100%}.player-volume-control{display:none}.download-action-row{flex-direction:column;gap:10px}.btn-download-file{width:100%;justify-content:center;padding:14px 20px}.btn-convert-another{width:100%;justify-content:center;padding:12px 18px}.history-item{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.history-main-info{width:100%}.history-thumb{width:68px;height:50px;flex-shrink:0}.history-actions{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.btn-history-dl{flex:1;justify-content:center}.features-grid{grid-template-columns:1fr;gap:14px}.feature-card{padding:20px 16px}.faq-item summary{padding:14px 16px;font-size:.95rem}.faq-answer{padding:0 16px 16px;font-size:.88rem}.ad-leaderboard-wrap{margin:14px 0;overflow:hidden}.ad-leaderboard{min-height:90px}.ad-mid-card{padding:14px}.ad-mid-content{flex-direction:column;align-items:flex-start;gap:12px}.ad-mid-btn{width:100%;justify-content:center}.ad-video-section{margin:20px 0 10px}.ad-video-player-wrap{min-height:180px;padding:10px}.legal-modal-overlay{padding:10px}.legal-modal-dialog{max-height:92vh;border-radius:var(--radius-md)}.legal-modal-header{padding:10px 14px}.legal-modal-body{padding:16px}}@media(max-width:480px){.app-container{padding:0 10px}.navbar{padding:10px 0}.brand-title{font-size:1.15rem}.brand-badge{display:none}.hero-title{font-size:1.55rem}.trim-inputs,.result-meta-grid{grid-template-columns:1fr}.cookie-actions{flex-direction:column}.btn-cookie-accept,.btn-cookie-essential,.btn-cookie-info{width:100%}}.seo-landing-content{margin:48px auto 20px;max-width:960px;width:100%}.seo-lead-text{font-size:1.15rem;line-height:1.8;color:var(--text-secondary);text-align:center;max-width:820px;margin:0 auto 40px;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.content-block{margin-bottom:48px}.content-heading{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;position:relative;display:inline-block}.content-heading:after{content:"";position:absolute;left:0;bottom:-6px;width:42px;height:3px;background:var(--accent-yt);border-radius:var(--radius-full)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:16px}.step-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px 24px;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.step-card:hover{transform:translateY(-4px);border-color:#ff003359;box-shadow:var(--shadow-md)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--accent-yt-gradient);color:#fff;font-weight:800;font-size:1.05rem;margin-bottom:16px;box-shadow:0 4px 12px #ff00334d}.step-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:10px}.step-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:16px}.benefit-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.benefit-card:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:var(--shadow-md)}.benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:#8b5cf61f;color:#a855f7;margin-bottom:14px}.benefit-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.benefit-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.6}.faq-landing-block .faq-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.faq-landing-block .faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px 24px;transition:border-color .2s ease}.faq-landing-block .faq-item:hover{border-color:#ffffff2e}.faq-landing-block .faq-question h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:8px}.faq-landing-block .faq-answer p{font-size:.95rem;color:var(--text-secondary);line-height:1.65}