@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Space+Grotesk:wght@600;700&display=swap";:root{--surface-bg:#171a21;--surface-base:#1e2129;--surface-raised:#272b34;--surface-overlay:#31353f;--surface-border:#3a3f4a;--surface-border-subtle:#30333b;--text-primary:#edeff2;--text-secondary:#949ba8;--text-muted:#636874;--text-on-accent:#fff;--accent:#6e5ce0;--accent-hover:#7e6ee7;--accent-muted:#7b6ecf26;--accent-border:#7b6ecf59;--accent-subtle:#6b5eba14;--success:#35b67a;--success-muted:#35b67a1f;--success-border:#35b67a4d;--error:#e15147;--error-muted:#e151471a;--error-border:#e1514747;--warning:#f1a522;--warning-muted:#f1a5221f;--shadow-xs:0 1px 3px #08090d59;--shadow-sm:0 2px 8px #08090d66;--shadow-md:0 4px 16px #08090d73, 0 1px 3px #08090d4d;--shadow-lg:0 8px 30px #08090d80, 0 2px 8px #08090d59;--shadow-btn:0 2px 8px #4029d64d, 0 1px 2px #08090d40;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-full:9999px;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", system-ui, sans-serif;--ease:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.4, .64, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.35s;--grad-accent:linear-gradient(135deg, #6b58e4, #9e6de3)}[data-theme=light]{--surface-bg:#f6f7f9;--surface-base:#fff;--surface-raised:#f9fafb;--surface-overlay:#f0f2f4;--surface-border:#dcdfe5;--surface-border-subtle:#e8eaed;--text-primary:#1a202e;--text-secondary:#5c657a;--text-muted:#8f95a3;--text-on-accent:#fff;--accent:#5d4ad9;--accent-hover:#4831d8;--accent-muted:#6150d31a;--accent-border:#6150d34d;--accent-subtle:#695bc80f;--success:#309164;--success-muted:#30916414;--success-border:#30916440;--error:#da3a2f;--error-muted:#da3a2f14;--error-border:#da3a2f40;--warning:#e29612;--warning-muted:#e296121a;--shadow-xs:0 1px 2px #69769614;--shadow-sm:0 2px 6px #6976961a;--shadow-md:0 4px 14px #6976961f, 0 1px 3px #69769614;--shadow-lg:0 8px 28px #69769624, 0 2px 8px #69769614;--shadow-btn:0 2px 8px #5d4ad947, 0 1px 2px #5d4ad91f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--surface-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--dur-slow) var(--ease), color var(--dur-slow) var(--ease);font-size:15px;line-height:1.65}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}a{color:inherit}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.app-wrapper>main{flex-direction:column;flex:1;display:flex}.container{width:100%;max-width:760px;margin:0 auto;padding:0 20px}.header{text-align:center;padding:40px 0 0}.header-top{justify-content:flex-end;align-items:center;margin-bottom:32px;display:flex}.logo-mark{align-items:center;gap:10px;margin-bottom:16px;text-decoration:none;display:inline-flex}.logo-icon{border-radius:var(--r-lg);background:var(--grad-accent);width:44px;height:44px;box-shadow:var(--shadow-btn);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.logo-text{font-family:var(--font-display);background:var(--grad-accent);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.tagline{color:var(--text-secondary);max-width:440px;margin:0 auto 32px;font-size:1rem;line-height:1.7}.tagline strong{color:var(--text-primary);font-weight:600}.theme-toggle{z-index:100;border-radius:var(--r-full);background:var(--surface-base);border:1.5px solid var(--surface-border);width:40px;height:40px;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--dur-base) var(--ease);justify-content:center;align-items:center;font-size:1rem;display:flex;position:fixed;top:20px;right:20px}.theme-toggle:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-subtle);transform:scale(1.06)}.desktop-only{display:flex!important}.mobile-only{display:none!important}.provider-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:36px;display:flex}.badge-placeholder{--badge-color:var(--text-muted);border-color:var(--surface-border);color:var(--text-secondary)}.provider-badge{background:var(--surface-base);border:1.5px solid var(--surface-border);border-radius:var(--r-full);color:var(--text-secondary);transition:all var(--dur-base) var(--ease);cursor:default;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:500;display:flex}.provider-badge:hover{border-color:var(--surface-overlay);color:var(--text-primary)}.provider-badge.active{border-color:var(--badge-color,var(--accent));color:var(--badge-color,var(--accent));background:color-mix(in srgb, var(--badge-color,var(--accent)) 10%, transparent)}.provider-dot{background:var(--badge-color,var(--accent));border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-youtube{--badge-color:#ff4040}.badge-instagram{--badge-color:#c13584}.badge-tiktok{--badge-color:#2bd4c4}.badge-twitter{--badge-color:#1a8cd8}.badge-facebook{--badge-color:#1877f2}.badge-reddit{--badge-color:#ff5700}.badge-linkedin{--badge-color:#0a66c2}.badge-kwai{--badge-color:#ff6b18}.badge-dailymotion{--badge-color:#0066dc}.card{background:var(--surface-base);border:1.5px solid var(--surface-border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);transition:border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease), background var(--dur-slow) var(--ease)}.card:focus-within{border-color:var(--accent-border);box-shadow:var(--shadow-md), 0 0 0 3px var(--accent-muted)}.input-card{margin-bottom:16px;padding:20px}.input-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;font-size:.75rem;font-weight:600;display:block}.input-row{align-items:center;gap:8px;display:flex}.url-input{background:var(--surface-raised);border:1.5px solid var(--surface-border);border-radius:var(--r-md);height:46px;color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background var(--dur-slow) var(--ease);outline:none;flex:1;padding:0 14px;font-size:.9rem}.url-input::placeholder{color:var(--text-muted)}.url-input:focus{border-color:var(--accent);background:var(--surface-base);box-shadow:0 0 0 3px var(--accent-muted)}.btn-primary{background:var(--accent);border-radius:var(--r-md);height:46px;color:var(--text-on-accent);white-space:nowrap;box-shadow:var(--shadow-btn);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease), opacity var(--dur-fast);align-items:center;gap:7px;padding:0 20px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #4029d666,0 1px 2px #08090d40}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-raised);border:1.5px solid var(--surface-border);border-radius:var(--r-md);height:46px;color:var(--text-secondary);transition:all var(--dur-fast) var(--ease);align-items:center;gap:7px;padding:0 16px;font-size:.88rem;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--surface-overlay);color:var(--text-primary);background:var(--surface-overlay)}.btn-icon{border-radius:var(--r-md);background:var(--surface-raised);border:1.5px solid var(--surface-border);width:46px;height:46px;color:var(--text-muted);transition:all var(--dur-fast) var(--ease);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.btn-icon:hover{border-color:var(--error-border);color:var(--error);background:var(--error-muted)}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--error-muted);border:1.5px solid var(--error-border);border-radius:var(--r-md);color:var(--error);align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:.86rem;line-height:1.5;display:flex}.error-icon{flex-shrink:0;margin-top:1px}.result-card{animation:fade-up var(--dur-slow) var(--ease-bounce);margin-bottom:16px;padding:20px}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-inner{gap:18px;display:flex}.thumbnail-wrap{border-radius:var(--r-lg);background:var(--surface-raised);aspect-ratio:16/9;width:168px;box-shadow:var(--shadow-sm);flex-shrink:0;align-self:flex-start;position:relative;overflow:hidden}.thumbnail-wrap img{object-fit:cover;width:100%;height:100%}.duration-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:var(--r-sm);letter-spacing:.02em;background:#000000b8;padding:2px 7px;font-size:.7rem;font-weight:600;position:absolute;bottom:7px;right:7px}.no-thumb-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:2rem;display:flex}.provider-pill{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:5px;margin-bottom:10px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.result-meta{flex:1;min-width:0}.video-title{color:var(--text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.98rem;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.meta-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;display:flex}.meta-chip{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--r-full);color:var(--text-secondary);align-items:center;gap:4px;padding:3px 9px;font-size:.75rem;font-weight:500;display:inline-flex}.formats-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;font-size:.75rem;font-weight:600}.formats-list{flex-direction:column;gap:6px;max-height:200px;margin-bottom:18px;padding-right:2px;display:flex;overflow-y:auto}.formats-list::-webkit-scrollbar{width:4px}.formats-list::-webkit-scrollbar-track{background:0 0}.formats-list::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}.format-option{background:var(--surface-raised);border:1.5px solid var(--surface-border-subtle);border-radius:var(--r-md);cursor:pointer;text-align:left;width:100%;transition:all var(--dur-fast) var(--ease);align-items:center;gap:10px;padding:10px 12px;display:flex}.format-option:hover{border-color:var(--surface-border);background:var(--surface-overlay)}.format-option.selected{border-color:var(--accent);background:var(--accent-subtle)}.format-radio{border:2px solid var(--surface-border);width:15px;height:15px;transition:all var(--dur-fast) var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.format-option.selected .format-radio{border-color:var(--accent);background:var(--accent)}.format-option.selected .format-radio:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px}.format-quality{color:var(--text-primary);min-width:60px;font-size:.85rem;font-weight:700}.format-ext{color:var(--text-muted);text-transform:uppercase;flex:1;font-size:.75rem}.format-size{color:var(--text-secondary);font-size:.75rem;font-weight:500}.format-tag{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;padding:2px 7px;font-size:.67rem;font-weight:700}.tag-combined{background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent-border)}.tag-audio{color:#b870db;background:#aa66cc1f;border:1px solid #aa66cc40}.tag-video{background:var(--warning-muted);color:var(--warning);border:1px solid #f1a52240}.btn-download{background:var(--accent);border-radius:var(--r-lg);width:100%;height:48px;color:var(--text-on-accent);box-shadow:var(--shadow-btn);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease), opacity var(--dur-fast);justify-content:center;align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:flex}.btn-download:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px #4029d66b}.btn-download:active:not(:disabled){transform:scale(.99)}.btn-download:disabled{opacity:.48;cursor:not-allowed}.job-card{animation:fade-up var(--dur-slow) var(--ease-bounce);margin-bottom:12px;padding:18px 20px}.job-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.job-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.88rem;font-weight:600;overflow:hidden}.status-badge{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.status-pending{background:var(--surface-overlay);color:var(--text-muted);border:1px solid var(--surface-border)}.status-downloading{background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent-border)}.status-merging{background:var(--warning-muted);color:var(--warning);border:1px solid #f1a52247}.status-completed{background:var(--success-muted);color:var(--success);border:1px solid var(--success-border)}.status-failed{background:var(--error-muted);color:var(--error);border:1px solid var(--error-border)}.pulse-dot{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.progress-track{background:var(--surface-raised);border-radius:var(--r-full);height:5px;margin-bottom:10px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:var(--r-full);height:100%;transition:width .45s var(--ease);position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:60%;height:100%;animation:1.6s linear infinite sheen;position:absolute;top:0;left:-100%}@keyframes sheen{to{left:160%}}.progress-fill.status-completed{background:var(--success)}.progress-fill.status-completed:after{display:none}.progress-fill.status-failed{background:var(--error)}.progress-fill.status-failed:after{display:none}.progress-meta{color:var(--text-muted);justify-content:space-between;font-size:.76rem;display:flex}.btn-save-file{background:var(--success-muted);border:1.5px solid var(--success-border);border-radius:var(--r-md);color:var(--success);width:100%;transition:all var(--dur-fast) var(--ease);justify-content:center;align-items:center;gap:7px;margin-top:14px;padding:10px 16px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.btn-save-file:hover{background:#35b67a2e;transform:translateY(-1px)}.section{margin-bottom:32px;position:relative}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.75rem;font-weight:700}.section-count{color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--r-full);padding:2px 8px;font-size:.75rem}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{align-items:center;gap:14px;padding:12px 16px;display:flex}.history-icon{border-radius:var(--r-md);background:var(--surface-raised);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.history-info{flex:1;min-width:0}.history-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.85rem;font-weight:600;overflow:hidden}.history-sub{color:var(--text-muted);text-transform:capitalize;font-size:.73rem}.history-action{border-radius:var(--r-sm);background:var(--surface-raised);border:1px solid var(--surface-border);width:32px;height:32px;color:var(--text-muted);transition:all var(--dur-fast) var(--ease);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;text-decoration:none;display:flex}.history-action:hover{background:var(--accent-muted);border-color:var(--accent-border);color:var(--accent)}.divider{background:var(--surface-border-subtle);height:1px;margin:32px 0 28px}.footer{text-align:center;color:var(--text-muted);margin-top:auto;padding:64px 0 48px;font-size:.78rem;line-height:1.8}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=580px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.container{padding:0 16px}.header{padding-top:28px}.result-inner{flex-direction:column}.thumbnail-wrap{width:100%}.input-row{flex-wrap:wrap}.btn-primary{justify-content:center;width:100%}}