.ripple{position:absolute;border-radius:50%;background-color:#fff9;transform:scale(0);animation:ripple-animation .4s linear;pointer-events:none;z-index:0}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}:root{--expire-modal-overlay-bg: rgba(0, 0, 0, .5);--expire-modal-bg: #ffffff;--expire-modal-shadow: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--expire-modal-radius: 12px;--expire-modal-padding: 24px;--expire-modal-z-index: 10000;--expire-modal-warning-color: #ffc107;--expire-modal-primary-color: #ff9800;--expire-modal-primary-hover: #f57c00}.expire-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--expire-modal-overlay-bg);z-index:var(--expire-modal-z-index);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden}.expire-modal-overlay.visible{opacity:1;visibility:visible;transition:opacity .2s ease-out}.expire-modal{background-color:var(--expire-modal-bg);border-radius:var(--expire-modal-radius);box-shadow:var(--expire-modal-shadow);padding:var(--expire-modal-padding);width:90%;max-width:420px;text-align:left;transform:scale(1)}.expire-modal-overlay.visible .expire-modal{transform:scale(1);transition:transform .2s ease-out}.expire-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #eee;padding-bottom:12px}.expire-modal-title{font-size:1.25rem;font-weight:600;color:#333}.expire-modal-close-btn{background:none;border:none;font-size:1.8rem;font-weight:300;line-height:1;color:#555;cursor:pointer;padding:0 4px;transition:color .2s ease}.expire-modal-close-btn:hover{color:#000}.expire-modal-body{margin-bottom:24px;font-size:1.1rem;color:#555;line-height:1.6;display:flex;align-items:center;gap:15px}.expire-modal-icon{font-size:2.5rem;color:var(--expire-modal-warning-color);flex-shrink:0}.expire-modal-footer{display:flex;justify-content:center;gap:12px}.expire-modal-btn{border:none;border-radius:5px;padding:10px 20px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.expire-modal-btn-primary{background-color:var(--expire-modal-primary-color);color:#fff}.expire-modal-btn-primary:hover{background-color:var(--expire-modal-primary-hover)}.expire-modal-btn-secondary{background-color:transparent;color:var(--expire-modal-primary-color);border:1px solid var(--expire-modal-primary-color)}.expire-modal-btn-secondary:hover{background-color:var(--expire-modal-primary-color);color:#fff}@media(max-width:480px){.expire-modal-title{font-size:1.1rem}.expire-modal-footer{flex-direction:column-reverse;width:100%;align-items:center}.expire-modal-btn{width:fit-content}}:root{--skeleton-color-dark: #e0e0e0;--skeleton-color-light: #f0f0f0;--skeleton-duration: 1.5s;--skeleton-easing: linear;--skeleton-radius-sm: 4px;--skeleton-radius-md: 6px;--skeleton-radius-lg: 8px;--skeleton-radius-xl: 20px;--skeleton-radius-full: 50%}.skeleton{background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;background-repeat:no-repeat;border-radius:var(--skeleton-radius-sm);display:block;line-height:1;width:100%;animation:shimmer 1.5s linear infinite;position:relative;overflow:hidden;will-change:background-position}.skeleton-text{height:.75em;margin:.4em 0;border-radius:var(--skeleton-radius-sm);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}@media(min-width:351px){.skeleton-text{height:.8125em}}@media(min-width:840px){.skeleton-text{height:.875em}}@media(min-width:1920px){.skeleton-text{height:.9375em}}@media(min-width:2560px){.skeleton-text{height:1em}}.skeleton-text--short{width:40%}.skeleton-text--medium{width:60%}.skeleton-text--long{width:85%}.skeleton-text--full{width:100%}@media(max-width:599px){.skeleton-text--desktop-only{display:none}}.skeleton-title{height:14px;margin:.5em 0;border-radius:var(--skeleton-radius-md);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}@media(min-width:351px){.skeleton-title{height:16px}}@media(min-width:840px){.skeleton-title{height:18px}}.skeleton-subtitle{height:1em;width:70%;margin:.5em 0;border-radius:var(--skeleton-radius-sm);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}.skeleton-thumbnail{width:100%;height:100%;border-radius:var(--skeleton-radius-lg);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}.skeleton-img{width:100%;aspect-ratio:16 / 9;border-radius:var(--skeleton-radius-lg);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}.skeleton-button{width:80px;height:36px;border-radius:var(--skeleton-radius-xl);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}@media(min-width:351px){.skeleton-button{width:90px;height:38px}}@media(min-width:840px){.skeleton-button{width:100px;height:40px}}@media(min-width:1920px){.skeleton-button{width:110px;height:44px}}@media(min-width:2560px){.skeleton-button{width:120px;height:48px}}.skeleton-avatar{width:32px;height:32px;border-radius:var(--skeleton-radius-full);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position;flex-shrink:0}@media(min-width:351px){.skeleton-avatar{width:36px;height:36px}}@media(min-width:840px){.skeleton-avatar{width:40px;height:40px}}@media(min-width:1240px){.skeleton-avatar{width:48px;height:48px}}@media(min-width:1920px){.skeleton-avatar{width:52px;height:52px}}@media(min-width:2560px){.skeleton-avatar{width:56px;height:56px}}.skeleton,.skeleton *,.skeleton-text,.skeleton-title,.skeleton-subtitle,.skeleton-thumbnail,.skeleton-img,.skeleton-button,.skeleton-avatar{pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default}.skeleton:hover,.skeleton-button:hover,.skeleton-avatar:hover{transform:none;box-shadow:none}@media(prefers-reduced-motion:reduce){.skeleton,.skeleton-text,.skeleton-title,.skeleton-subtitle,.skeleton-thumbnail,.skeleton-img,.skeleton-button,.skeleton-avatar{animation:none;background:#c7c7c7}}.skeleton-container{width:100%;padding:1rem}.skeleton-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton-group--inline{flex-direction:row;align-items:center}.skeleton-card{border:1px solid #f0f0f0;border-radius:var(--skeleton-radius-lg);background:#fff}.skeleton-list-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid #f0f0f0}.yt-preview-card.skeleton .yt-preview-thumbnail{background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s linear infinite}.yt-preview-card.skeleton .skeleton-line{background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s linear infinite;border-radius:36px}.yt-preview-card.skeleton .skeleton-line.skeleton-title{width:80%;padding:0!important;margin:0!important}.yt-preview-card.skeleton .yt-preview-format{width:100%}.yt-preview-card.skeleton .skeleton-line.skeleton-audio-track{width:35%;height:var(--skeleton-audio-track-height, 20px);padding:0!important;margin:0!important}.yt-preview-card.skeleton .skeleton-line.skeleton-author{width:20%;padding:0!important;margin:0!important}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:600px){.yt-preview-card.skeleton .skeleton-line.skeleton-author{width:50%}}@media(max-width:400px){.yt-preview-card.skeleton .skeleton-line.skeleton-author{height:16px}}#search-results-section{width:100%;padding-top:0!important;padding-bottom:40px!important;min-height:0}@media(min-width:600px){.search-results-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px}}@media(min-width:840px){.search-results-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px;margin:0 auto}}.search-results{width:100%}.search-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.search-result-card{background:var(--pkg-search-results-card-bg);border-radius:var(--pkg-search-results-card-radius);border:none;overflow:hidden;cursor:pointer;transition:transform var(--pkg-search-results-transition-duration) var(--pkg-search-results-transition-easing)}.card-thumbnail{position:relative;width:100%;padding-bottom:56.25%;background:#e0e0e0;overflow:hidden}.card-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.duration-badge{position:absolute;bottom:var(--pkg-space-2);right:var(--pkg-space-2);background:var(--pkg-search-results-duration-bg);color:var(--pkg-search-results-duration-color);padding:2px var(--pkg-space-2);border-radius:var(--pkg-radius-xs);font-size:var(--pkg-label-small-size);font-weight:var(--pkg-label-small-weight);line-height:var(--pkg-label-small-line-height);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.card-content{margin:10px}.card-title{font-size:14px;font-weight:500;color:var(--pkg-search-results-title-color);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.card-channel{display:none}.card-metadata{align-items:center;flex-wrap:nowrap;gap:var(--pkg-space-1);font-size:.75rem;font-weight:500;color:#666;line-height:1.5;text-align:left;overflow:hidden;white-space:nowrap}.card-metadata span{white-space:nowrap;flex-shrink:0}.search-result-card:hover,.search-result-card:active{transform:none}.infinite-scroll-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pkg-space-8) 0;gap:var(--pkg-space-3)}.loader-spinner{width:32px;height:32px;border:3px solid var(--pkg-color-surface-container);border-top-color:var(--pkg-color-primary);border-radius:var(--pkg-radius-full);animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.loader-text{font-size:var(--pkg-body-medium-size);color:var(--pkg-color-on-surface-variant);font-weight:var(--pkg-body-medium-weight)}.infinite-scroll-sentinel{height:1px;width:100%;visibility:hidden;pointer-events:none}.end-of-results{display:flex;justify-content:center;align-items:center;padding:var(--pkg-space-8) 0;width:100%}.end-message{font-size:var(--pkg-body-medium-size);color:var(--pkg-color-on-surface-variant);font-weight:var(--pkg-body-medium-weight);text-align:center;margin:0}.load-more-error{display:flex;flex-direction:column;align-items:center;gap:var(--pkg-space-4);padding:var(--pkg-space-8) 0}.error-message{font-size:var(--pkg-body-medium-size);color:var(--pkg-color-error);text-align:center;margin:0}.btn-retry{background:var(--pkg-search-results-retry-bg);color:var(--pkg-search-results-retry-color);border:none;border-radius:var(--pkg-radius-sm);padding:var(--pkg-space-2) var(--pkg-space-5);font-size:var(--pkg-label-large-size);font-weight:var(--pkg-label-large-weight);cursor:pointer;transition:all var(--pkg-duration-short3) var(--pkg-easing-standard)}.btn-retry:hover{background:var(--pkg-search-results-retry-hover-bg);transform:translateY(-1px);box-shadow:var(--pkg-elevation-1)}.btn-retry:active{transform:translateY(0)}.search-result-card.skeleton-card{pointer-events:none;cursor:default}.skeleton-card{border:none}.skeleton-card .card-channel,.skeleton-card .card-metadata{color:transparent}.skeleton-card .skeleton-thumbnail,.skeleton-card .skeleton-line,.skeleton-card .skeleton-segment{background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.card-thumbnail .skeleton-thumbnail{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:0;aspect-ratio:16 / 9}.skeleton-title{display:flex;flex-direction:column;gap:4px;height:fit-content;text-align:left;padding:1px 0}.skeleton-title .skeleton-line{display:block}.skeleton-channel{display:block;margin:0;text-align:left;padding:1px 0}.skeleton-channel .skeleton-line{display:block}.skeleton-line{display:block;height:1em;height:13px;background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--pkg-radius-xs);margin-bottom:6px;color:transparent}.skeleton-line:last-child{margin-bottom:0}.skeleton-line--long{width:90%}.skeleton-line--medium{width:70%}.skeleton-line--short{width:60%}.skeleton-metadata{display:none;flex-wrap:wrap;gap:var(--pkg-space-1);align-items:center;text-align:left;padding:1px 0}.skeleton-segment{height:.75em;width:50px;background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--pkg-radius-xs)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.content-empty{padding:var(--pkg-space-12) var(--pkg-space-6);text-align:center;color:var(--pkg-color-on-surface-variant)}.empty-icon{font-size:3rem;margin-bottom:var(--pkg-space-4);opacity:.5}.empty-text{font-size:var(--pkg-title-medium-size);margin:0;color:var(--pkg-color-on-surface-variant)}@media(prefers-reduced-motion:reduce){.search-result-card{transition:none}.skeleton-thumbnail,.skeleton-line,.skeleton-segment{animation:none}.loader-spinner{animation:none;border-top-color:var(--pkg-color-primary)}}@media(min-width:0px)and (max-width:350px){.suggestion-container{font-size:14px!important;max-height:200px!important;max-width:150px;border-radius:var(--pkg-radius-sm)}.suggestion-item{padding:6px var(--pkg-space-3);font-size:14px!important}}@media(min-width:351px)and (max-width:599px){.suggestion-container{font-size:14px!important;max-height:280px!important;max-width:200px;border-radius:var(--pkg-radius-md)}.suggestion-item{padding:6px var(--pkg-space-4);font-size:14px!important}}@media(min-width:600px)and (max-width:839px){.suggestion-container{font-size:14px!important;max-height:320px;box-shadow:var(--pkg-elevation-2)}.suggestion-item{padding:6px var(--pkg-space-5);font-size:14px!important}}@media(min-width:840px)and (max-width:1239px){.suggestion-container{max-height:360px;box-shadow:var(--pkg-elevation-3)}.suggestion-item{padding:8px var(--pkg-space-5);transition:background-color var(--pkg-duration-short1) var(--pkg-easing-standard)}.suggestion-item:hover{background-color:var(--pkg-suggestions-hover-bg);cursor:pointer}}@media(min-width:1240px)and (max-width:1919px){.suggestion-item{padding:8px var(--pkg-space-6);font-size:14px;transition:background-color var(--pkg-duration-short1) var(--pkg-easing-standard)}.suggestion-item:hover{background-color:var(--pkg-suggestions-hover-bg);cursor:pointer}.suggestion-container{max-height:400px}}@media(min-width:1920px)and (max-width:2559px){.suggestion-container{font-size:var(--pkg-body-large-size);max-height:450px;border-radius:var(--pkg-radius-lg)}.suggestion-item{padding:10px var(--pkg-space-6);font-size:15px;transition:background-color var(--pkg-duration-short1) var(--pkg-easing-standard)}.suggestion-item:hover{background-color:var(--pkg-suggestions-hover-bg);cursor:pointer}}@media(min-width:2560px){.suggestion-container{font-size:var(--pkg-title-medium-size);max-height:500px;border-radius:var(--pkg-radius-lg)}.suggestion-item{padding:12px var(--pkg-space-7);font-size:16px;transition:background-color var(--pkg-duration-short1) var(--pkg-easing-standard)}.suggestion-item:hover{background-color:var(--pkg-suggestions-hover-bg);cursor:pointer}}.suggestion-container{position:absolute;top:var(--pkg-suggestions-offset-top);left:0;right:0;z-index:var(--pkg-suggestions-z-index);display:none;background-color:var(--pkg-suggestions-bg);border-radius:var(--pkg-suggestions-radius);overflow:hidden;box-shadow:var(--pkg-suggestions-shadow);opacity:0;transform:translateY(-8px);transition:opacity var(--pkg-suggestions-duration) var(--pkg-suggestions-easing),transform var(--pkg-suggestions-duration) var(--pkg-suggestions-easing);contain:layout style paint;will-change:opacity,transform;color:var(--pkg-suggestions-text-color);font-family:var(--pkg-body-medium-font);font-weight:var(--pkg-body-medium-weight);line-height:var(--pkg-body-medium-line-height)}#suggestion-container.suggestion-container--visible{display:block;opacity:1;transform:translateY(0);background-color:var(--pkg-suggestions-bg);top:105px;overflow:hidden}.suggestion-list{list-style:none;margin:0;padding:0;max-height:inherit;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.suggestion-list::-webkit-scrollbar{width:8px}.suggestion-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:var(--pkg-radius-sm)}.suggestion-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:var(--pkg-radius-sm)}.suggestion-list::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.suggestion-item{color:var(--pkg-suggestions-text-color);background-color:var(--pkg-suggestions-bg);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;transition:background-color var(--pkg-duration-short1) var(--pkg-easing-standard);font-family:inherit;font-size:inherit;font-weight:400;line-height:1.5}.suggestion-item:last-child{border-bottom:none}.suggestion-item--highlighted{background-color:var(--pkg-suggestions-highlight-bg)!important;color:var(--pkg-suggestions-highlight-color)!important}.suggestion-item--original{background-color:color-mix(in srgb,var(--pkg-color-primary-container) 20%,transparent)}@media(prefers-reduced-motion:reduce){.suggestion-container{transition:none;transform:none}.suggestion-item{transition:none}}@media(prefers-contrast:high){.suggestion-container{border-width:2px;border-color:var(--pkg-color-outline)}.suggestion-item--highlighted{outline-width:3px}}@media print{.suggestion-container{display:none!important}}@media(pointer:coarse){.suggestion-item{min-height:var(--pkg-space-10);display:flex;align-items:center}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;-webkit-text-size-adjust:100%;color-scheme:light}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);line-height:1.5;font-weight:400;font-size:1rem;margin:0;min-height:100vh;text-rendering:optimizeSpeed}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button{background:none;border:none;cursor:pointer}table{border-collapse:collapse;border-spacing:0}fieldset{border:none}legend{padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}:root{--color-primary: #f20a51;--color-primary-hover: #8a0029;--color-primary-button: #f20a51;--color-primary-input-border: #ff0068;--color-text-primary: #293a46;--color-text-secondary: #666;--color-text-dark: #333;--color-text-hover: #262626;--color-text-light: #555;--color-text-black: #000;--color-text-muted: rgba(0, 0, 0, .7);--color-bg-page: #f9f9f9;--color-bg-white: #fff;--color-bg-hover: #eee;--color-bg-light-hover: #f5f5f5;--color-bg-selected: #f0f0f0;--color-border-light: #ddd;--color-border-medium: #d3e0e9;--color-border-separator: #dcdfe4;--color-success: #5cb85c;--color-success-border: #4cae4c;--color-error: #e71111;--color-error-bg: #f2dede;--color-error-border: #ebccd1;--color-error-text: #a94442;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: 1rem;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 17px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-size-3xl: 26px;--font-size-4xl: 30px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-base: 1.6;--line-height-tight: 1.4;--line-height-looser: 1.42857143;--space-xs: 4px;--space-sm: 6px;--space-md: 10px;--space-lg: 15px;--space-xl: 20px;--space-2xl: 30px;--space-3xl: 60px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--shadow-sm: 0 1px 1px rgb(0 0 0 / 5%);--shadow-md: 0 2px 4px 0 rgb(0 0 0 / 19%);--shadow-lg: 0 6px 12px rgb(0 0 0 / 18%);--shadow-search: 0 3px 3px rgb(0 0 0 / 21%);--z-dropdown: 1000;--z-extension: 1200;--copyright-checkbox-bg: rgba(242, 10, 81, .05);--copyright-checkbox-bg-hover: rgba(242, 10, 81, .08);--copyright-checkbox-border: rgba(242, 10, 81, .15);--copyright-checkbox-border-hover: rgba(242, 10, 81, .3);--copyright-checkbox-text: var(--color-text-secondary);--copyright-checkbox-link: var(--color-primary);--copyright-checkbox-accent: var(--color-primary);--color-text-muted: var(--color-text-secondary)}html,body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:500;line-height:var(--line-height-base);color:#000;margin:0 auto;padding:0;background-color:var(--color-bg-page);word-wrap:break-word}a:visited,a:hover,a:link{text-decoration:none}html:not(.tab-outline) *:focus{outline:none}p{margin:0 0 var(--space-md)}ul{padding:0;margin:0;list-style:none}h1,h2,h3,h4,h5{line-height:var(--line-height-tight);display:inline-block}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-light);line-height:var(--line-height-tight);margin:var(--space-md) 0;text-align:left}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:var(--space-md) 0}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-light);margin:var(--space-md) 0}h5{font-size:var(--font-size-lg);margin:var(--space-sm) 0;font-weight:var(--font-weight-normal)}@media(max-width:575px){h2{font-size:var(--font-size-xl);margin:0}h3{font-size:var(--font-size-lg);margin:0}}.container{max-width:950px;margin:0 auto;padding:0}@media(max-width:991px){.container{padding:0 var(--space-2xl)}}@media(max-width:767px){.container{padding:0 var(--space-lg)}.container>.y2mate-download-pro{margin:0}}@media(max-width:575px){.container{padding:0 12px}}.d-none{display:none}.d-flex,.text-center{text-align:center}.col-sm-12{width:100%}.col-sm-6{width:100%;padding:0 var(--space-lg)}.col-sm-4{width:100%;padding:0}@media(min-width:768px){.col-sm-6{width:46%;display:inline-block}.col-sm-4{width:33.33%;display:inline-block}}.block_error{border:1px solid var(--color-error-border);border-radius:var(--radius-lg);text-align:center;padding:var(--space-md);background:var(--color-error-bg);max-width:80%;margin:var(--space-xl) auto 0;color:var(--color-error-text)}.block_error p{color:#000000b3;margin:0}.spinner{margin:70px auto;position:relative}.show{margin:100px auto;font-size:8px;width:8px;height:8px;border-radius:50%;position:relative;text-indent:-9999em;animation:load5 1.1s infinite ease;transform:translateZ(0)}@keyframes load5{0%,to{box-shadow:none}12.5%{box-shadow:none}25%{box-shadow:none}37.5%{box-shadow:none}50%{box-shadow:none}62.5%{box-shadow:none}75%{box-shadow:none}87.5%{box-shadow:none}}.nav-header{height:66px;position:relative}.nav_head .navbar-logo{float:left}.navbar-logo a{float:left;display:flex;align-items:center;margin:6px 0 0}.navbar-logo img{width:46px;height:46px}.navbar-logo .logo-name{display:inline-block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:50px;padding-left:var(--space-md);color:var(--color-text-primary)}.navbar-logo:hover .logo-name{color:var(--color-primary)}.navbar-toggler{position:absolute;right:var(--space-lg);top:0;color:var(--color-text-primary);margin-right:0;float:right;padding:9px var(--space-md);margin-top:18px;margin-bottom:18px;background-color:transparent;background-image:none;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer}.navbar-toggler .toggle-icon{background:var(--color-primary);display:block;width:22px;height:2px;border-radius:1px}.navbar-toggler .toggle-icon+.toggle-icon{margin-top:var(--space-xs)}.header-menu .menu-navbar{float:right}.menu-navbar{list-style:none;padding:0;margin:0}.menu-navbar .navbar{display:inline-block;line-height:66px;position:relative}.menu-navbar>li>a{font-size:var(--font-size-sm);color:var(--color-text-primary);padding:26px var(--space-lg)}.menu-navbar>li>a:hover,.menu-navbar>li>a:focus{text-decoration:none;background-color:var(--color-bg-hover);color:var(--color-primary)}.language{float:right;position:absolute;cursor:pointer}.shape{display:inline-block;width:0;height:0;margin-left:var(--space-sm);vertical-align:middle;border-top:4px dashed;border-top:4px solid \	;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown-menu{display:none}.dropdown-menu.open{display:block}.dropdown-menu .lang-menu{position:absolute;top:100%;left:auto;right:0;z-index:var(--z-dropdown);float:left;min-width:160px;padding:5px 0;margin:0;list-style:none;font-size:var(--font-size-base);text-align:left;background-color:var(--color-bg-white);border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-md);box-shadow:none;background-clip:padding-box;max-height:450px;overflow-y:auto}.dropdown-menu .lang-menu::-webkit-scrollbar{width:2px}.dropdown-menu .lang-menu::-webkit-scrollbar-track{background:#f2f2f2}.dropdown-menu .lang-menu::-webkit-scrollbar-thumb{background:#00000059;border-radius:2px}.dropdown-menu .lang-menu{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent}.lang-menu{list-style:none;padding:0;margin:0}.lang-menu>li>a{display:block;padding:3px var(--space-xl);clear:both;font-weight:var(--font-weight-normal);line-height:var(--line-height-looser);color:var(--color-text-dark);white-space:nowrap}.lang-menu>li>a:hover,.lang-menu>li>a:focus{text-decoration:none;color:var(--color-text-hover);background-color:var(--color-bg-light-hover)}.lang-menu>li>a.active,.lang-menu>li>a[aria-current=true]{font-weight:var(--font-weight-bold);color:var(--color-primary);background-color:var(--color-bg-light-hover)}@media(max-width:767px){.navbar-toggler{display:block}.menu-navbar .navbar{display:block;line-height:26px}.header-menu .menu-navbar{text-align:left;float:initial;background-color:var(--color-bg-page);box-shadow:none}.header-menu{transition:all .5s;position:absolute;left:0;right:0;margin:0 auto;top:60px;width:100%;height:0;visibility:hidden;opacity:0}.header-menu.collapse{visibility:visible;opacity:1;height:100vh;z-index:10}.dropdown-menu .lang-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.lang-menu>li>a{padding:3px var(--space-md)}.language{float:none}.menu-navbar>li>a{display:block;padding:var(--space-md)}}@media(min-width:768px){.navbar-toggler{display:none}}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998;padding:0}.mobile-menu-overlay.active{display:block}.mobile-menu-content{position:fixed;top:0;right:0;width:85%;max-width:320px;height:100vh;background:#fff;z-index:9999;padding:0;box-shadow:none;transform:translate(100%);transition:transform .3s ease;height:100%;display:flex;flex-direction:column}.mobile-menu-overlay.active .mobile-menu-content{transform:translate(0)}.mobile-header-top{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;flex-shrink:0}.mobile-logo{display:flex;align-items:center;gap:10px}.mobile-logo .logo-name{font-size:18px;font-weight:700;color:#c10841}.mobile-close-btn{background:none;border:none;cursor:pointer;padding:5px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#333}.mobile-nav{padding:15px 0;flex-grow:1;overflow-y:auto}.mobile-menu{list-style:none;margin:0;padding:0}.mobile-menu li{margin:0}.mobile-menu li a{display:block;padding:12px 20px;text-decoration:none;color:#333;font-size:16px;border-bottom:1px solid #eee;transition:background-color .2s}.mobile-language-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:none;border:0;text-align:left;color:#333;font-size:16px;cursor:pointer;border-bottom:1px solid #eee}.mobile-lang-menu{list-style:none;margin:0;padding:0;display:none}.mobile-lang-menu.open{display:block}.mobile-lang-menu a{display:block;padding:10px 28px;text-decoration:none;color:#333;font-size:15px;border-bottom:1px solid #eee;background-color:#fafafa}.mobile-lang-menu a.active,.mobile-lang-menu a[aria-current=true]{font-weight:var(--font-weight-bold);color:var(--color-primary)}.mobile-menu li:last-child a{border-bottom:none}.mobile-menu li a:hover{background-color:#f5f5f5}@media(min-width:768px){.mobile-menu-overlay{display:none!important}}.y2mate-download-pro{padding:0}.y2mate-search-form-pro{text-align:center;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:none;padding:var(--space-lg);margin-bottom:20px}.form-wrap{max-width:700px;margin:0 auto;padding:30px 0;border-bottom:0}.y2mate_title-pro{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 10px;line-height:var(--line-height-tight)}.search_form{position:relative;margin:36px auto}.y2mate_query-pro{width:100%;max-width:100%;height:60px;border:5px solid var(--color-primary-input-border);border-radius:var(--radius-md);padding:0 150px 0 var(--space-xl);font-size:var(--font-size-base);color:var(--color-text-primary);outline:none}.y2mate_query-pro::placeholder{color:var(--color-text-secondary)}.y2mate_query-pro:focus{border-color:var(--color-primary-input-border)}.submit-btn{position:absolute;right:0;top:0;height:60px;width:120px;background:var(--color-primary-button);border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--color-bg-white);font-size:var(--font-size-sm)}.submit-btn:hover{background:var(--color-primary)}.submit-btn svg{display:none}.converter-btn{display:inline-block;font-size:var(--font-size-sm);color:var(--color-bg-white);background:transparent;font-weight:var(--font-weight-normal);cursor:pointer;border:none}.suggesstion-box{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-top:var(--space-xs);max-height:300px;overflow-y:auto;box-shadow:none;z-index:var(--z-dropdown);display:none}.suggesstion-box.active{display:block}.y2mate-terms-pro{margin-top:var(--space-lg);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-looser)}.y2mate-terms-pro a{color:var(--color-primary);text-decoration:none}.y2mate-terms-pro a:hover{text-decoration:underline}.spinner{display:none;text-align:center;margin:var(--space-2xl) 0}.spinner img{width:50px;height:50px}@media(max-width:767px){.form-wrap{padding:26px 0 10px}.search_form{margin:24px auto}.y2mate_title-pro{font-size:30px}.y2mate_query-pro{padding:0 90px 0 10px}.submit-btn{width:60px}.converter-btn{visibility:hidden}.submit-btn svg{position:absolute;display:block}}@media(max-width:575px){.y2mate_title-pro{font-size:24px}.y2mate-terms-pro{font-size:11px}}.input-wrapper{position:relative;display:flex;flex:1;align-items:center}.input-action-btn{position:absolute;right:120px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-primary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;z-index:2;transition:opacity .2s ease;min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.input-action-btn:hover{opacity:.8}.input-action-btn:active{opacity:.6}.input-action-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.input-action-btn[data-action=paste] .paste-icon{display:block}.input-action-btn[data-action=paste] .clear-icon,.input-action-btn[data-action=clear] .paste-icon{display:none}.input-action-btn[data-action=clear] .clear-icon{display:block}.input-action-btn svg{width:18px;height:18px}@media(min-width:351px){.input-action-btn{right:120px;padding:8px}}@media(min-width:600px){.input-action-btn{right:120px;padding:10px}}@media(min-width:840px){.input-action-btn{right:120px}}@media(min-width:1240px){.input-action-btn{right:120px}}@media(min-width:1920px){.input-action-btn{padding:12px}.input-action-btn svg{width:20px;height:20px}}@media(min-width:2560px){.input-action-btn svg{width:20px;height:20px}}@media(max-width:767px){.input-action-btn{right:60px;padding:8px;min-width:40px;min-height:40px}}.y2mate_query-pro:disabled{cursor:not-allowed;background-color:var(--color-bg-secondary, #f5f5f5);border-color:var(--color-primary);transition:none}.submit-btn:disabled{cursor:not-allowed;pointer-events:none;background:var(--color-primary);transition:none}.input-action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.search_form.loading{pointer-events:none}.copyright-checkbox-wrapper{margin-top:16px}.dmca-report-link-wrapper.copyright-report-link{margin-top:10px}.y2mate-content-pro{padding:0;text-align:center;position:relative}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--space-md) 0;line-height:var(--line-height-tight);width:100%;text-align:center}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--space-md) 0;line-height:var(--line-height-tight);width:100%;text-align:left}.y2mate-content-pro p{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-base);margin:0 0 var(--space-lg);text-align:justify}.y2mate-content-pro a{color:#000;font-weight:700;text-decoration:none}.y2mate-content-pro a:hover{text-decoration:underline}@media(max-width:767px){.y2mate-content-pro{padding:0}}@media(max-width:575px){.y2mate-content-pro h2{font-size:var(--font-size-xl);margin:0}}.y2mate-instruction-pro{padding:30px 0;position:relative;display:flex;justify-content:space-between}.y2mate-instruction-pro:before{background:#0000 radial-gradient(ellipse at center center,#0003,#fff0 75%) repeat scroll 0 0;bottom:0;content:"";display:block;height:1px;left:50%;margin-left:-40%;position:absolute;width:80%}.y2mate-in-ad-pro{margin-bottom:var(--space-2xl)}.y2mate-in-ad-pro:last-child{margin-bottom:0}.y2mate-in-ad-pro h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin:var(--space-sm) 0 var(--space-lg)}.y2mate-in-ad-pro h5 strong{font-weight:var(--font-weight-semibold)}.y2mate-in-ad-pro ol,.y2mate-in-ad-pro ul{list-style-position:outside;padding-left:var(--space-xl);margin:0}.y2mate-in-ad-pro ol{list-style-type:decimal}.y2mate-in-ad-pro ul{list-style-type:disc}.y2mate-in-ad-pro li{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-base);margin-bottom:var(--space-md)}@media(max-width:767px){.y2mate-instruction-pro{padding:25px 0;display:block}.y2mate-in-ad-pro{width:100%;padding:0}}.y2mate-features-wrap-pro{padding:30px 0;position:relative;display:flex}.y2mate-features-wrap-pro.first:before{background:inherit}.y2mate-features-pro{text-align:center;padding:var(--space-xl)}.y2mate-features-pro svg{display:block;margin:0 auto var(--space-lg);color:var(--color-text-dark, #333)}.y2mate-features-pro h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#c10841;margin:0 0 8px;line-height:var(--line-height-tight)}.y2mate-features-pro p{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-base);margin:0}@media(max-width:767px){.y2mate-features-wrap-pro{padding:25px 0;display:block}.y2mate-features-pro h3{width:100%;margin:8px 0 0}}.yt-content{padding:var(--space-2xl) 0}.yt-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--space-md) 0 var(--space-xl)}.download-uses{margin:0 auto}.download-uses>p{margin-bottom:var(--space-lg)}.guide-data h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--space-xl) 0 var(--space-md);line-height:var(--line-height-tight)}.guide-data h3:first-child{margin-top:0}.guide-data p{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-base);margin:0 0 var(--space-lg);text-align:justify}@media(max-width:575px){.yt-content{padding:var(--space-lg) 0}.yt-content h3{font-size:var(--font-size-lg);margin:var(--space-sm) 0 var(--space-lg)}.guide-data h3{font-size:var(--font-size-md);margin:var(--space-lg) 0 var(--space-sm)}.guide-data p{font-size:var(--font-size-sm)}}.y2mate-tips-pro{padding:30px 0;position:relative;display:flex}.y2mate-uses-pro{text-align:center}.y2mate-uses-pro>p{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-base);margin-bottom:var(--space-lg)}.y2mate-uses-pro b{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.youtube-tip-data{margin-top:var(--space-md)}.youtube-tip-data p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-sm) 0;line-height:var(--line-height-base)}@media(max-width:575px){.y2mate-tips-pro{padding:var(--space-lg) 0}.y2mate-uses-pro>p{font-size:var(--font-size-sm);text-align:left}.youtube-tip-data p{font-size:var(--font-size-xs);text-align:left;word-break:break-all}}.footer{padding:var(--space-2xl) 0;text-align:center;background:var(--color-bg-white);border-top:1px solid var(--color-border-separator)}.footer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-lg)}.footer_nav{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-lg)}.fnav-menu{display:inline-block}.fnav-menu a{font-size:var(--font-size-sm);color:var(--color-text-light);text-decoration:none}.fnav-menu a:hover{color:var(--color-primary);text-decoration:underline}@media(max-width:767px){.footer{padding:var(--space-xl) 0}}:root{--pkg-radius-none: 0;--pkg-radius-xs: 4px;--pkg-radius-sm: 8px;--pkg-radius-md: 12px;--pkg-radius-lg: 16px;--pkg-radius-xl: 28px;--pkg-radius-full: 9999px;--pkg-space-0: 0;--pkg-space-1: 4px;--pkg-space-2: 8px;--pkg-space-3: 12px;--pkg-space-4: 16px;--pkg-space-5: 20px;--pkg-space-6: 24px;--pkg-space-7: 28px;--pkg-space-8: 32px;--pkg-space-9: 36px;--pkg-space-10: 40px;--pkg-space-12: 48px;--pkg-space-14: 56px;--pkg-space-16: 64px;--pkg-space-20: 80px;--pkg-font-size-xs: .6875rem;--pkg-font-size-sm: .75rem;--pkg-font-size-base: .875rem;--pkg-font-size-md: 1rem;--pkg-font-size-lg: 1.125rem;--pkg-font-size-xl: 1.25rem;--pkg-font-size-2xl: 1.375rem;--pkg-font-size-3xl: 1.5rem;--pkg-font-weight-regular: 400;--pkg-font-weight-medium: 500;--pkg-font-weight-semibold: 600;--pkg-font-weight-bold: 700;--pkg-line-height-tight: 1.2;--pkg-line-height-snug: 1.375;--pkg-line-height-normal: 1.5;--pkg-line-height-relaxed: 1.625;--pkg-line-height-loose: 2;--pkg-letter-spacing-tight: -.015625rem;--pkg-letter-spacing-normal: 0;--pkg-letter-spacing-wide: .03125rem;--pkg-body-large-size: 1rem;--pkg-body-large-line-height: 1.5rem;--pkg-body-large-weight: 400;--pkg-body-medium-size: .875rem;--pkg-body-medium-line-height: 1.25rem;--pkg-body-medium-weight: 400;--pkg-body-medium-weight-prominent: 500;--pkg-body-medium-font: system-ui, -apple-system, sans-serif;--pkg-body-small-size: .75rem;--pkg-body-small-line-height: 1rem;--pkg-body-small-weight: 400;--pkg-label-large-size: .875rem;--pkg-label-large-line-height: 1.25rem;--pkg-label-large-weight: 500;--pkg-label-medium-size: .75rem;--pkg-label-medium-line-height: 1rem;--pkg-label-medium-weight: 500;--pkg-label-small-size: .6875rem;--pkg-label-small-line-height: .9375rem;--pkg-label-small-weight: 500;--pkg-title-large-size: 1.375rem;--pkg-title-medium-size: 1rem;--pkg-title-small-size: .875rem;--pkg-z-dropdown: 1030;--pkg-z-overlay: 1040;--pkg-z-modal: 1050;--pkg-z-popover: 1030;--pkg-elevation-0: none;--pkg-elevation-1: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--pkg-elevation-2: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--pkg-elevation-3: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);--pkg-elevation-4: 0 6px 10px 4px rgba(0, 0, 0, .15), 0 2px 3px 0 rgba(0, 0, 0, .3);--pkg-elevation-5: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px 0 rgba(0, 0, 0, .3);--pkg-shadow-none: var(--pkg-elevation-0);--pkg-shadow-xs: var(--pkg-elevation-1);--pkg-shadow-sm: var(--pkg-elevation-2);--pkg-shadow-md: var(--pkg-elevation-3);--pkg-shadow-lg: var(--pkg-elevation-4);--pkg-shadow-xl: var(--pkg-elevation-5);--pkg-color-white: #ffffff;--pkg-color-black: #000000;--pkg-color-gray-50: #fafafa;--pkg-color-gray-100: #f0f0f0;--pkg-color-gray-200: #e0e0e0;--pkg-color-gray-300: #d0d0d0;--pkg-color-gray-400: #cccccc;--pkg-color-gray-500: #aaaaaa;--pkg-color-gray-600: #666666;--pkg-color-gray-700: #444444;--pkg-color-gray-800: #333333;--pkg-color-gray-900: #2c2c2e;--pkg-color-primary: #c10841;--pkg-color-on-primary: #ffffff;--pkg-color-primary-container: #ffd5e5;--pkg-color-on-primary-container: #8a0029;--pkg-color-accent: #ff0068;--pkg-color-accent-bright: #f20a51;--pkg-color-surface: #ffffff;--pkg-color-surface-variant: #f9f9f9;--pkg-color-surface-container: #f9f9f9;--pkg-color-surface-container-low: #eee;--pkg-color-on-surface: #293a46;--pkg-color-on-surface-variant: #666666;--pkg-color-outline: #cccccc;--pkg-color-outline-variant: #e0e0e0;--pkg-color-error: #a94442;--pkg-color-on-error: #ffffff;--pkg-color-warning: #ffc107;--pkg-color-success: #5cb85c;--pkg-color-success-border: #4cae4c;--pkg-color-overlay-light: rgba(0, 0, 0, .6);--pkg-color-overlay-dark: rgba(0, 0, 0, .75);--pkg-duration-instant: 0s;--pkg-duration-short1: 50ms;--pkg-duration-short2: .1s;--pkg-duration-short3: .15s;--pkg-duration-short4: .2s;--pkg-duration-medium1: .25s;--pkg-duration-medium2: .3s;--pkg-duration-long: .4s;--pkg-duration-extra-long: .5s;--pkg-duration-fast: var(--pkg-duration-short4);--pkg-duration-normal: var(--pkg-duration-medium2);--pkg-duration-slow: var(--pkg-duration-extra-long);--pkg-easing-standard: cubic-bezier(.2, 0, 0, 1);--pkg-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--pkg-easing-linear: linear;--pkg-easing-ease-in: ease-in;--pkg-easing-ease-out: ease-out;--pkg-easing-default: var(--pkg-easing-standard);--pkg-skeleton-color-dark: var(--pkg-color-gray-200);--pkg-skeleton-color-light: var(--pkg-color-gray-100);--pkg-skeleton-duration: var(--pkg-duration-slow);--pkg-skeleton-easing: var(--pkg-easing-linear);--pkg-skeleton-radius-sm: var(--pkg-radius-xs);--pkg-skeleton-radius-md: var(--pkg-radius-sm);--pkg-skeleton-radius-lg: var(--pkg-radius-md);--pkg-skeleton-radius-xl: var(--pkg-radius-xl);--pkg-skeleton-radius-full: var(--pkg-radius-full);--pkg-expire-modal-overlay-bg: var(--pkg-color-overlay-light);--pkg-expire-modal-bg: var(--pkg-color-white);--pkg-expire-modal-shadow: var(--pkg-shadow-md);--pkg-expire-modal-radius: var(--pkg-radius-md);--pkg-expire-modal-padding: var(--pkg-space-5);--pkg-expire-modal-z-index: var(--pkg-z-modal);--pkg-expire-modal-warning-color: var(--pkg-color-warning);--pkg-expire-modal-text-color: var(--pkg-color-gray-800);--pkg-expire-modal-button-bg: var(--pkg-color-primary);--pkg-expire-modal-button-color: var(--pkg-color-white);--pkg-captcha-modal-overlay-bg: var(--pkg-color-overlay-dark);--pkg-captcha-modal-bg: var(--pkg-color-gray-900);--pkg-captcha-modal-text-color: var(--pkg-color-white);--pkg-captcha-modal-shadow: var(--pkg-shadow-lg);--pkg-captcha-modal-radius: var(--pkg-radius-md);--pkg-captcha-modal-padding: var(--pkg-space-6);--pkg-captcha-modal-z-index: var(--pkg-z-modal);--pkg-captcha-modal-border-color: var(--pkg-color-gray-700);--pkg-captcha-modal-title-size: var(--pkg-font-size-xl);--pkg-captcha-modal-close-color: var(--pkg-color-gray-500);--pkg-captcha-modal-close-hover-color: var(--pkg-color-white);--pkg-captcha-modal-close-size: var(--pkg-font-size-2xl);--pkg-captcha-modal-body-text-color: var(--pkg-color-gray-400);--pkg-captcha-modal-body-text-size: var(--pkg-font-size-base);--pkg-captcha-container-min-height: 80px;--pkg-modal-animation-duration: var(--pkg-duration-fast);--pkg-modal-animation-easing: var(--pkg-easing-default);--pkg-modal-mobile-padding: var(--pkg-space-5);--pkg-modal-desktop-padding: var(--pkg-space-6);--pkg-modal-max-width: 420px;--pkg-modal-mobile-max-width: 90%;--pkg-suggestions-z-index: var(--pkg-z-popover);--pkg-suggestions-bg: var(--pkg-color-white);--pkg-suggestions-shadow: -8px 10px 10px rgba(0, 0, 0, .1);--pkg-suggestions-radius: var(--pkg-radius-md);--pkg-suggestions-offset-top: 55px;--pkg-suggestions-text-color: var(--pkg-color-on-surface);--pkg-suggestions-hover-bg: var(--pkg-color-surface-container-low);--pkg-suggestions-highlight-bg: var(--pkg-color-primary-container);--pkg-suggestions-highlight-color: var(--pkg-color-on-primary-container);--pkg-suggestions-duration: var(--pkg-duration-short3);--pkg-suggestions-easing: var(--pkg-easing-standard);--pkg-search-results-section-bg: #f2f2f2;--pkg-search-results-card-bg: var(--pkg-color-white);--pkg-search-results-card-shadow: var(--pkg-elevation-0);--pkg-search-results-card-shadow-hover: var(--pkg-elevation-2);--pkg-search-results-card-radius: var(--pkg-radius-sm);--pkg-search-results-gap-mobile: 12px;--pkg-search-results-gap-tablet: var(--pkg-space-3);--pkg-search-results-title-color: var(--pkg-color-on-surface);--pkg-search-results-channel-color: var(--pkg-color-on-surface-variant);--pkg-search-results-metadata-color: var(--pkg-color-on-surface-variant);--pkg-search-results-duration-bg: rgba(0, 0, 0, .6);--pkg-search-results-duration-color: var(--pkg-color-surface);--pkg-search-results-retry-bg: #ffb01e;--pkg-search-results-retry-color: var(--pkg-color-black);--pkg-search-results-retry-hover-bg: var(--pkg-color-primary);--pkg-search-results-transition-duration: var(--pkg-duration-short4);--pkg-search-results-transition-easing: var(--pkg-easing-standard)}.yt-preview-card{display:flex;gap:16px;background:#f8fafc;border:1px solid #f0f0f0;border-radius:12px;padding:16px;box-shadow:none;margin:20px 0}.yt-preview-thumbnail{flex-shrink:0;width:180px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.yt-preview-thumbnail img{width:100%;height:auto;object-fit:cover;display:block}.yt-preview-details{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:82px}.yt-preview-details.skeleton-line{padding:0!important;margin:0!important}.yt-preview-title{font-size:16px;font-weight:600;color:#1e293b;margin:0;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;text-align:start}.yt-preview-meta{display:flex;flex-direction:column;gap:8px}.yt-preview-format{display:flex;align-items:center;gap:8px}.format-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 12px;background:#1e293b;color:#fff;border-radius:6px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.quality-info{display:inline-flex;align-items:center;justify-content:center;padding:1px 12px;background:#1e293b;color:#fff;border-radius:6px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.yt-preview-author{font-size:12px;color:#64748b;margin:0;text-align:start}@media(max-width:600px){.yt-preview-card{flex-direction:column;gap:12px;padding:12px}.yt-preview-thumbnail{width:100%;height:auto;aspect-ratio:16 / 9}.yt-preview-details{align-items:center;text-align:center}.yt-preview-format{justify-content:center}.yt-preview-title{font-size:14px;text-align:center}.yt-preview-author{font-size:13px;text-align:center}}@media(min-width:768px){.yt-preview-thumbnail{width:240px;aspect-ratio:16 / 9}.yt-preview-title{font-size:18px}.yt-preview-author{font-size:15px}}@media(min-width:1024px){.yt-preview-card{gap:20px;padding:20px}}.captcha-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:var(--pkg-captcha-modal-z-index);visibility:hidden;opacity:0}.captcha-modal.visible{visibility:visible;opacity:1;transition:opacity .2s ease-out}.captcha-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--pkg-captcha-modal-overlay-bg)}.captcha-modal-content{position:relative;background-color:var(--pkg-captcha-modal-bg);color:#fff;border-radius:var(--pkg-captcha-modal-radius);padding:var(--pkg-captcha-modal-padding);width:90%;max-width:420px;box-shadow:none;transform:scale(1)}.captcha-modal.visible .captcha-modal-content{transform:scale(1);transition:transform .2s ease-out}.captcha-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;padding-bottom:16px;margin-bottom:16px}.captcha-modal-title{font-size:1.25rem;font-weight:600;margin:0}.captcha-modal-close-btn{background:none;border:none;color:#aaa;font-size:2rem;font-weight:300;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.captcha-modal-close-btn:hover{color:#fff}.captcha-modal-body p{margin:0 0 16px;color:#ccc;font-size:.95rem;line-height:1.5}.recaptcha-container{display:flex;justify-content:center;align-items:center;min-height:80px}@media(max-width:576px){.captcha-modal-content{padding:20px}.captcha-modal-title{font-size:1.1rem}}:root{--status-primary: #3498db;--status-success: #2ecc71;--status-error: #e74c3c;--status-border: #e0e0e0;--status-text: #333;--status-white: #fff;--status-gap: 12px;--status-border-radius: 8px;--status-transition-fast: .2s ease}.conversion-status-wrapper{margin-top:16px;min-height:60px}.conversion-status-wrapper.active{display:block}.status-container,.action-container{padding:0;margin-bottom:var(--status-gap);border-radius:var(--status-border-radius);min-height:44px;margin:0}.status-container{position:relative;width:100%;background:#ff6ba3;border:none;border-radius:8px;margin:8px 0;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s,border-color .3s;height:50px;contain:layout style paint}.status--processing:before,.status--success:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#f20a5194;border-right:1px solid #d80947;box-shadow:none;transform:scaleX(var(--progress-scale, 0));transform-origin:left center;transition:transform .1s ease;will-change:transform;z-index:1}.status--no-transition:before{transition:none!important}.status--processing.status--merging:before{transform:scaleX(0);animation:merging-progress 40s ease-out forwards;transition:none!important}@keyframes merging-progress{0%{transform:scaleX(0)}37.5%{transform:scaleX(.5)}to{transform:scaleX(.98)}}.status--completing:before{animation:none!important;transition:transform .5s ease-out!important}.status-container:has(.status--error){background:var(--status-error)}.status{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:var(--status-gap)}.status-text{position:relative;z-index:2;font-size:14px;font-weight:600;color:var(--status-white)}.icon{position:relative;z-index:2;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity var(--status-transition-fast)}.icon.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--status-white);border-radius:50%;animation:spin .35s linear infinite;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon.checkmark,.icon.error{display:none}.status--error .status-text{color:var(--status-white)}.progress-bar{display:none!important}.action-container{display:none;padding:8px 0}.action-container.active{display:block;margin:0}.download-btn,.retry-btn{margin:auto;padding:5px 0;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;display:none;width:100%;min-height:40px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.download-btn.active,.retry-btn.active{display:block}.download-btn{background:var(--color-primary-button);color:var(--status-white)}.retry-btn{background:var(--status-error);color:var(--status-white)}.retry-btn:hover{opacity:.9}.retry-btn:active{transform:translateY(0)}@media(min-width:768px){.status-container{height:50px}.status-text{font-size:15px}.download-btn,.retry-btn{font-size:17px;min-height:48px}}html:not([data-format-ready]) .toggle-side,html:not([data-format-ready]) .quality-select{transition:none!important}html[data-format=mp4] .toggle-side[data-format=mp4]{background:#f20a51;color:#fff;border-radius:6px}html[data-format=mp4] .quality-select--mp4{display:block}html[data-format=mp4] .quality-select--mp3{display:none}html[data-format=mp3] .toggle-side[data-format=mp3]{background:#f20a51;color:#fff;border-radius:6px}html[data-format=mp3] .quality-select--mp4{display:none}html[data-format=mp3] .quality-select--mp3{display:block}.format-selector-wrapper{margin-top:8px;margin-bottom:8px;min-height:48px;display:block}.format-selector{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px}.format-quality-group{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.format-toggle-btn{display:flex;align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;padding:3px;cursor:pointer;transition:border-color .2s ease;flex-shrink:0;width:140px;height:44px}.toggle-side{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;color:#666;transition:all .2s ease;cursor:pointer;flex:1;min-width:0;height:100%}.format-icon{font-size:18px;line-height:1;flex-shrink:0}.format-label{font-size:14px;font-weight:700;white-space:nowrap}.quality-selector{min-width:0}.quality-dropdown-wrapper{width:100%}.quality-select{width:100%;height:44px;padding:10px 36px 10px 14px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-sizing:border-box}@media(min-width:768px){.quality-select{height:50px}}.quality-select:hover{border-color:#f20a51;background-color:#f8f9fa}.quality-select:focus{outline:2px solid #f20a51;outline-offset:2px;border-color:#f20a51}.quality-select option{padding:8px;font-size:14px}.auto-submit-toggle{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative}.toggle-label{font-size:14px;font-weight:500;color:#666;white-space:nowrap}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input[type=checkbox]:checked+.toggle-slider{background-color:var(--color-primary-button, #f20a51)}input[type=checkbox]:checked+.toggle-slider:before{transform:translate(22px)}input[type=checkbox]:focus-visible+.toggle-slider{outline:3px solid var(--color-primary-button, #f20a51);outline-offset:2px}.toggle-switch:hover .toggle-slider{opacity:.9}.custom-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000;width:200px;white-space:normal;text-align:center;line-height:1.4}.custom-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#333}.auto-submit-toggle.show-tooltip .custom-tooltip{opacity:1;visibility:visible}@media(max-width:480px){.format-selector-wrapper{min-height:42px}.format-selector{gap:8px;min-height:40px;flex-wrap:wrap;justify-content:space-between}.format-quality-group{display:contents}.format-toggle-btn{width:120px;height:40px;order:1}.auto-submit-toggle{order:2}.quality-selector{width:100%;order:3}.toggle-side{padding:8px 10px;gap:4px}.format-icon{font-size:16px}.quality-select{height:40px;padding:8px 32px 8px 12px;font-size:13px}.toggle-label{font-size:13px}.toggle-switch{width:44px;height:24px}.toggle-slider:before{height:18px;width:18px}input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.custom-tooltip{font-size:10px;padding:6px 10px;width:130px}}@media(max-width:360px){.format-selector-wrapper{min-height:88px}.format-selector{flex-wrap:wrap;justify-content:space-between;gap:8px;min-height:88px}.format-quality-group{display:contents}.format-toggle-btn{height:40px;flex:1;min-width:100px;max-width:110px;order:1}.auto-submit-toggle{order:2}.quality-selector{width:100%;order:3}.quality-select{height:40px}}@media(prefers-contrast:high){.format-toggle-btn{border-width:3px}.toggle-side.active{border:2px solid white}.quality-select{border-width:3px}}@media(prefers-reduced-motion:reduce){.format-toggle-btn,.toggle-side,.quality-select{transition:none}}.format-toggle-btn:focus-visible{outline:3px solid #f20a51;outline-offset:3px}.quality-select:focus-visible{outline:3px solid #f20a51;outline-offset:3px}
