@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_ca35ecd4-module__VNkuCW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_ca35ecd4-module__VNkuCW__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--md-sys-color-background:#0b0d10;--md-sys-color-on-background:#e2e2e9;--md-sys-color-surface:#111318;--md-sys-color-on-surface:#e2e2e9;--md-sys-color-surface-container-low:#191c22;--md-sys-color-surface-container:#1e2027;--md-sys-color-surface-container-high:#282a32;--md-sys-color-primary:#adc6ff;--md-sys-color-on-primary:#002e69;--md-sys-color-primary-container:#1e4480;--md-sys-color-on-primary-container:#d8e2ff;--md-sys-color-secondary:#bbc6e4;--md-sys-color-on-secondary:#253048;--md-sys-color-secondary-container:#3b4660;--md-sys-color-on-secondary-container:#d9e2ff;--md-sys-color-tertiary:#dfbcfd;--md-sys-color-on-tertiary:#41275d;--md-sys-color-tertiary-container:#593e75;--md-sys-color-on-tertiary-container:#f5d9ff;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-outline:#8d9199;--md-sys-color-outline-variant:#43474e;--md-sys-color-success:#82e7aa;--md-sys-color-on-success:#003820;--md-sys-color-success-container:#005232;--md-sys-color-on-success-container:#9effc5;--md-elevation-1:0px 1px 3px 1px #00000026, 0px 1px 2px 0px #0000004d;--md-elevation-2:0px 2px 6px 2px #00000026, 0px 1px 2px 0px #0000004d;--md-elevation-3:0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026;--font-sans:var(--font-outfit), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:var(--font-geist-mono), monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--md-sys-color-background);height:100%;color:var(--md-sys-color-on-background);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.app-container{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;padding:1.5rem;animation:.6s cubic-bezier(.2,.8,.2,1) fadeInUp;display:flex}.header{text-align:center;margin-top:2rem;margin-bottom:3rem}.header h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--md-sys-color-primary) 30%, var(--md-sys-color-tertiary) 90%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:2.75rem;font-weight:700;display:flex}.header p{color:var(--md-sys-color-on-surface-variant);letter-spacing:.01em;font-size:1.1rem;font-weight:400}.m3-card{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);box-shadow:var(--md-elevation-1);border-radius:28px;margin-bottom:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.m3-card:hover{box-shadow:var(--md-elevation-2);border-color:#adc6ff4d}.m3-input-container{width:100%;margin-bottom:1rem;display:flex;position:relative}.m3-input{background-color:var(--md-sys-color-surface-container-low);border:2px solid var(--md-sys-color-outline-variant);width:100%;color:var(--md-sys-color-on-surface);font-family:var(--font-sans);border-radius:16px;outline:none;padding:1.25rem 1rem 1.25rem 3.5rem;font-size:1.05rem;transition:all .2s cubic-bezier(.2,.8,.2,1)}.m3-input:focus{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container)}.m3-input-icon{color:var(--md-sys-color-outline);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.m3-input:focus~.m3-input-icon{color:var(--md-sys-color-primary)}.m3-btn{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--md-elevation-1);border:none;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.m3-btn:hover:not(:disabled){opacity:.95;box-shadow:var(--md-elevation-2);transform:scale(1.02)}.m3-btn:active:not(:disabled){transform:scale(.98)}.m3-btn:disabled{color:#e2e2e961;cursor:not-allowed;box-shadow:none;background-color:#e2e2e91f}.m3-btn-tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);box-shadow:none}.m3-btn-tonal:hover:not(:disabled){opacity:.95;background-color:var(--md-sys-color-secondary-container);transform:scale(1.02)}.m3-btn-icon{color:var(--md-sys-color-primary);cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:inline-flex}.m3-btn-icon:hover{background-color:#adc6ff14}.m3-btn-icon:active{background-color:#adc6ff1f}.m3-btn-icon:disabled{color:#e2e2e94d;cursor:not-allowed}.m3-linear-progress{background-color:var(--md-sys-color-surface-container-high);border-radius:100px;width:100%;height:4px;margin:1rem 0;position:relative;overflow:hidden}.m3-linear-progress-indicator{background-color:var(--md-sys-color-primary);border-radius:100px;transition:width .2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0}.m3-linear-progress-indicator.pulse:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.m3-circular-progress{border:3px solid #adc6ff33;border-top-color:var(--md-sys-color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.video-preview{gap:1.5rem;margin-top:1rem;animation:.4s cubic-bezier(.2,.8,.2,1) fadeInUp;display:flex}@media (max-width:600px){.video-preview{flex-direction:column}}.video-thumbnail{aspect-ratio:16/9;border:1px solid var(--md-sys-color-outline-variant);background-position:50%;background-size:cover;border-radius:16px;flex-shrink:0;width:160px}@media (max-width:600px){.video-thumbnail{width:100%}}.video-info{flex-direction:column;flex-grow:1;justify-content:space-between;display:flex}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:1.25rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.video-author{color:var(--md-sys-color-on-surface-variant);margin-bottom:.5rem;font-size:.9rem}.video-meta{color:var(--md-sys-color-outline);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.meta-chip{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:100px;padding:.25rem .75rem}.quality-title{color:var(--md-sys-color-primary);text-transform:uppercase;letter-spacing:.05em;margin-top:1.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.quality-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.quality-card{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.quality-card:hover{background-color:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline)}.quality-card.selected{background-color:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary-container)}.quality-bitrate{font-size:1.1rem;font-weight:700}.quality-codec{opacity:.8;text-transform:uppercase;font-size:.8rem}.quality-size{opacity:.7;font-size:.8rem}.quality-card-header{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.quality-tier-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:100px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.quality-tier-badge.low{color:var(--md-sys-color-outline);background-color:#8d919926}.quality-tier-badge.standard{color:var(--md-sys-color-primary);background-color:#adc6ff1f}.quality-tier-badge.high{color:var(--md-sys-color-success);background-color:#82e7aa1f}.quality-tier-badge.very-high{color:var(--md-sys-color-tertiary);background-color:#dfbcfd26}.quality-availability{letter-spacing:.01em;align-items:center;gap:.3rem;margin-top:.25rem;padding:.2rem 0;font-size:.7rem;font-weight:500;display:flex}.quality-availability.free{color:var(--md-sys-color-outline)}.quality-availability.premium{color:var(--md-sys-color-tertiary)}.format-grid{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.format-chip{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);cursor:pointer;min-width:72px;color:inherit;font:inherit;border-radius:12px;flex-direction:column;flex:calc(25% - .5rem);align-items:flex-start;gap:.1rem;padding:.65rem .75rem;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.format-chip:hover{background-color:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline)}.format-chip.selected{background-color:var(--md-sys-color-secondary-container);border-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary-container)}.format-chip-label{font-size:.9rem;font-weight:700}.format-chip-desc{opacity:.75;font-size:.7rem}.playlist-header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.playlist-info-text h3{font-size:1.35rem;font-weight:700}.playlist-info-text p{color:var(--md-sys-color-on-surface-variant);font-size:.9rem}.playlist-list{flex-direction:column;gap:.75rem;max-height:400px;margin-bottom:1.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.playlist-list::-webkit-scrollbar{width:6px}.playlist-list::-webkit-scrollbar-track{background:var(--md-sys-color-surface)}.playlist-list::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:100px}.playlist-list::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}.playlist-item{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.playlist-item.downloading{border-color:var(--md-sys-color-primary);background-color:#adc6ff0d}.playlist-item.completed{border-color:var(--md-sys-color-success);background-color:#82e7aa0d}.playlist-item.failed{border-color:var(--md-sys-color-error);background-color:#ffb4ab0d}.playlist-item.queued{border-color:var(--md-sys-color-outline);opacity:.85}.playlist-item.active{box-shadow:0 0 0 1px var(--md-sys-color-primary)}.status-queued{color:var(--md-sys-color-outline);align-items:center;display:flex}.item-index{color:var(--md-sys-color-outline);text-align:center;width:20px;font-size:.85rem}.item-thumb{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;width:64px}.item-details{flex-grow:1;min-width:0}.item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.item-meta{color:var(--md-sys-color-on-surface-variant);gap:.5rem;font-size:.8rem;display:flex}.item-status{flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-width:52px;font-size:.85rem;font-weight:500;display:flex}.item-download-btn{border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container-high);width:36px;height:36px;color:var(--md-sys-color-primary);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.item-download-btn:hover:not(:disabled){background-color:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary)}.item-download-btn:disabled{opacity:.45;cursor:not-allowed}.status-completed{color:var(--md-sys-color-success)}.status-failed{color:var(--md-sys-color-error)}.status-downloading{color:var(--md-sys-color-primary)}.toast{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);box-shadow:var(--md-elevation-3);z-index:1000;border-radius:100px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.95rem;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{transform:translate(-50%)translateY(0)}.toast-error{border-color:var(--md-sys-color-error);color:var(--md-sys-color-error)}.footer{text-align:center;color:var(--md-sys-color-outline);margin-top:auto;padding:2rem 0;font-size:.85rem}.footer a{color:var(--md-sys-color-primary);font-weight:500;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-made-by{justify-content:center;align-items:center;gap:.25rem;margin-top:.75rem;display:flex}.footer-author{cursor:default;color:var(--md-sys-color-on-surface);border-bottom:1px dashed #0000;font-weight:500;transition:border-color .2s;position:relative}.footer-author:hover{border-bottom-color:var(--md-sys-color-outline)}.footer-author:after{content:attr(data-email);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10;border-radius:8px;padding:.35rem .65rem;font-size:.75rem;font-weight:400;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.footer-author:hover:after{opacity:1;visibility:visible}.footer-version{opacity:.7;margin-top:.35rem;font-size:.75rem}