.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}}: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: #f1f5f9;--pkg-color-gray-100: #e2e8f0;--pkg-color-gray-200: #cbd5e1;--pkg-color-gray-300: #94a3b8;--pkg-color-gray-400: #64748b;--pkg-color-gray-500: #475569;--pkg-color-gray-600: #334155;--pkg-color-gray-700: #1e293b;--pkg-color-gray-800: #0f172a;--pkg-color-gray-900: #030014;--pkg-color-primary: #8b5cf6;--pkg-color-on-primary: #ffffff;--pkg-color-primary-container: rgba(139, 92, 246, .1);--pkg-color-on-primary-container: #c4b5fd;--pkg-color-accent: #7c3aed;--pkg-color-accent-bright: #3b82f6;--pkg-color-surface: var(--bg-card, rgba(255, 255, 255, .03));--pkg-color-surface-variant: var(--bg-body, #030014);--pkg-color-surface-container: rgba(255, 255, 255, .05);--pkg-color-surface-container-low: rgba(255, 255, 255, .02);--pkg-color-on-surface: var(--text-main, #ffffff);--pkg-color-on-surface-variant: var(--text-muted, #94a3b8);--pkg-color-outline: rgba(255, 255, 255, .08);--pkg-color-outline-variant: rgba(255, 255, 255, .05);--pkg-color-error: #ef4444;--pkg-color-on-error: #ffffff;--pkg-color-warning: #f59e0b;--pkg-color-success: #10b981;--pkg-color-success-border: #059669;--pkg-color-overlay-light: rgba(0, 0, 0, .6);--pkg-color-overlay-dark: rgba(0, 0, 0, .8);--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: rgba(255, 255, 255, .08);--pkg-skeleton-color-light: rgba(255, 255, 255, .04);--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-dark);--pkg-expire-modal-bg: var(--pkg-color-gray-800);--pkg-expire-modal-shadow: 0 8px 32px rgba(0, 0, 0, .5);--pkg-expire-modal-radius: var(--pkg-radius-lg);--pkg-expire-modal-padding: var(--pkg-space-6);--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-white);--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: #ffffff;--pkg-suggestions-shadow: 0 4px 6px rgba(0, 0, 0, .1);--pkg-suggestions-radius: var(--pkg-radius-md);--pkg-suggestions-offset-top: 55px;--pkg-suggestions-text-color: #000000;--pkg-suggestions-hover-bg: #f3f4f6;--pkg-suggestions-highlight-bg: #e5e7eb;--pkg-suggestions-highlight-color: #000000;--pkg-suggestions-duration: var(--pkg-duration-short3);--pkg-suggestions-easing: var(--pkg-easing-standard);--pkg-search-results-section-bg: var(--pkg-color-gray-900);--pkg-search-results-card-bg: var(--pkg-color-surface);--pkg-search-results-card-shadow: var(--pkg-elevation-0);--pkg-search-results-card-shadow-hover: 0 4px 20px rgba(139, 92, 246, .2);--pkg-search-results-card-radius: var(--pkg-radius-sm);--pkg-search-results-gap-mobile: 12px;--pkg-search-results-gap-tablet: var(--pkg-space-4);--pkg-search-results-title-color: var(--pkg-color-white);--pkg-search-results-channel-color: var(--pkg-color-gray-300);--pkg-search-results-metadata-color: var(--pkg-color-gray-400);--pkg-search-results-duration-bg: rgba(0, 0, 0, .6);--pkg-search-results-duration-color: var(--pkg-color-white);--pkg-search-results-retry-bg: var(--pkg-color-primary);--pkg-search-results-retry-color: var(--pkg-color-white);--pkg-search-results-retry-hover-bg: var(--pkg-color-accent);--pkg-search-results-transition-duration: var(--pkg-duration-short4);--pkg-search-results-transition-easing: var(--pkg-easing-standard)}[data-theme=light]{--pkg-search-results-title-color: #000000;--pkg-suggestions-bg: #ffffff;--pkg-suggestions-text-color: #000000;--pkg-suggestions-hover-bg: #f3f4f6;--pkg-suggestions-highlight-bg: #e5e7eb;--pkg-suggestions-highlight-color: #000000;--pkg-suggestions-shadow: 0 4px 6px rgba(0, 0, 0, .1)}.yt-preview-card{display:flex;flex-direction:column;gap:24px;background:#eeeeeed1;border:var(--border-glass);border-radius:var(--radius-xl);padding:24px;box-shadow:none;margin:20px 0;transition:background .3s,border-color .3s}[data-theme=light] .yt-preview-card{background:#6fc6d270;border:1px solid #e2e8f0;box-shadow:none}@media(min-width:600px){.yt-preview-card{flex-direction:row;align-items:flex-start}}.yt-preview-thumbnail{flex-shrink:0;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-input);display:flex;align-items:center;justify-content:center;border:var(--border-glass);box-shadow:none}@media(min-width:600px){.yt-preview-thumbnail{width:320px}}.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}.yt-preview-details.skeleton-line{padding:0!important;margin:0!important}.yt-preview-title{font-family:var(--font-display);font-weight:700;font-size:1.25rem;line-height:1.3;color:var(--text-main);margin:0;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;align-items:flex-start;font-size:.9rem;color:var(--text-muted)}.yt-preview-format{display:flex;align-items:center;gap:8px}.format-badge,.quality-info{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background:#000;color:#fff;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.yt-preview-author{font-size:.9rem;color:var(--text-muted);margin:0;text-align:start}@media(max-width:600px){.yt-preview-card{flex-direction:column;gap:16px;padding:16px;min-height:290px}.yt-preview-thumbnail{width:100%}.yt-preview-details{align-items:center}.yt-preview-title{font-size:1rem;text-align:center}.yt-preview-meta{align-items:center}.yt-preview-author{font-size:.85rem;text-align:center}}@media(max-width:400px){.yt-preview-card{padding:12px}.yt-preview-title{font-size:.95rem}.yt-preview-author{font-size:.8rem}}@media(min-width:768px){.yt-preview-thumbnail{width:280px}.yt-preview-title{font-size:1.4rem}.yt-preview-author{font-size:.95rem}}@media(min-width:1024px){.yt-preview-card{gap:24px;padding:24px}.yt-preview-thumbnail{width:320px}}.video-info-card{background:transparent;width:100%;margin:0;box-sizing:border-box}.video-layout{display:flex;flex-direction:column;gap:var(--space-xl, 10px)}.video-info-left{width:100%}.video-thumbnail{position:relative;width:100%;border-radius:var(--radius-md, 4px);overflow:hidden;margin-bottom:var(--space-sm, 6px)}.video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:3px 6px;border-radius:3px;font-size:12px;font-weight:600;z-index:2;pointer-events:none}.aspect-16-9{position:relative;aspect-ratio:16 / 9;overflow:hidden}.aspect-16-9 img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.thumbnail-image{display:block;width:100%;object-fit:cover;background:var(--color-bg-selected, #f0f0f0)}.thumbnail-hidden{opacity:0;visibility:hidden}.thumbnail-visible{opacity:1;visibility:visible}.thumbnail-error{opacity:.3;visibility:visible}.thumbnail-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.skeleton-hidden{opacity:0;visibility:hidden;pointer-events:none;animation:none!important}.video-title-wrapper{margin-bottom:var(--space-sm, 6px)}.skeleton-shimmer,.skeleton-line,.skeleton-see-more,.skeleton-convert-btn{background:linear-gradient(90deg,#d7d7d7 25%,#c7c7c7,#d7d7d7 75%);background-size:200% 100%;animation:shimmer 1s linear infinite}.video-title-skeleton{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:74px}.video-title-skeleton .skeleton-line{height:17px;border-radius:4px}.video-title-skeleton .skeleton-line:first-child{width:85%}.video-title-skeleton .skeleton-line:nth-child(2){width:65%}.video-title-skeleton .skeleton-see-more{height:17px;width:60px;margin-top:4px;border-radius:4px}.video-title{font-size:var(--font-size-md, 17px);font-weight:500;line-height:var(--line-height-tight, 1.4);color:var(--color-text-dark, #333);margin:0;text-align:center;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.video-author{font-size:14px;color:#666;text-align:center;margin-top:6px;font-weight:400}.video-title.expanded,.expandable-text.expanded{-webkit-line-clamp:unset;line-clamp:unset;max-height:none;overflow:visible}.dl-info__placeholder{padding:var(--space-xl, 20px);text-align:center;color:var(--color-text-secondary, #666);font-style:italic}.video-details{width:100%}.quality-list{display:block;border:1px solid var(--color-border-light, #ddd);border-radius:var(--radius-md, 4px);overflow:hidden}.quality-empty{padding:var(--space-2xl, 30px) var(--space-lg, 15px);text-align:center;color:var(--color-text-secondary, #666);font-style:italic;background:var(--color-bg-selected, #f0f0f0)}.quality-item{background:var(--color-bg-white, #fff);border-bottom:1px solid var(--color-border-light, #ddd);padding:0;transition:background-color .2s ease}.quality-item:last-child{border-bottom:none}.quality-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:12px 15px;gap:12px;min-height:60px}.quality-col-left{display:flex;align-items:center;justify-content:center}.format-type{font-size:14px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.3px}.quality-col-middle{display:flex;flex-direction:column;gap:4px;min-width:0}.quality-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quality-text{font-size:15px;font-weight:600;color:#333}.quality-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:var(--radius-xl);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.quality-badge.hd{background:linear-gradient(135deg,#f093fb,#f5576c)}.quality-badge.full-hd{background:linear-gradient(135deg,#4facfe,#00f2fe)}.quality-badge.k4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.quality-size{font-size:13px;color:#666;font-weight:500}.quality-col-right{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.btn-convert{display:flex;align-items:center;justify-content:center;gap:var(--space-xs, 4px);padding:var(--space-sm, 6px) var(--space-xl, 20px);background:var(--gradient-primary, linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%));color:#fff;border:none;border-radius:var(--radius-md, 12px);font-size:13px;font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:all .2s ease;white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;box-shadow:none}.btn-convert.downloaded{background:var(--color-success, #5cb85c)}.btn-convert.error{background:var(--color-error, #e71111)}.btn-text{font-size:inherit}.btn-icon{width:16px!important;height:16px!important;flex-shrink:0}.btn-spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.skeleton-convert-btn{width:65px;height:22px;border-radius:8px}.content-message{padding:var(--space-lg, 15px);border-radius:var(--radius-md, 4px);margin:var(--space-md, 10px) 0}.content-message--error{background:var(--color-error-bg, #f2dede);border:1px solid var(--color-error-border, #ebccd1);color:var(--color-error-text, #a94442)}.content-message--info{background:var(--color-bg-selected, #f0f0f0);border:1px solid var(--color-border-light, #ddd);color:var(--color-text-primary, #293a46)}.content-message--success{background:#d4edda;border:1px solid var(--color-success-border, #4cae4c);color:#155724}@media(min-width:351px){.video-layout{gap:var(--space-xl, 10px)}.quality-row{grid-template-columns:65px 1fr auto;padding:14px 16px;gap:14px;min-height:65px}.format-type{font-size:15px}.quality-text{font-size:16px}.btn-convert{padding:var(--space-sm, 6px) var(--space-2xl, 24px);font-size:var(--font-size-sm, 14px)}.btn-icon{width:14px;height:14px}.skeleton-convert-btn{width:75px;height:24px}}@media(max-width:600px){.btn-convert{padding:10px 12px;min-width:44px}.btn-convert .btn-text{display:none}.btn-icon{width:18px!important;height:18px!important}}@media(min-width:600px){.video-layout{gap:var(--space-2xl, 20px)}.quality-row{grid-template-columns:70px 1fr auto;padding:16px 20px;gap:16px;min-height:70px}.format-type{font-size:16px}.quality-text{font-size:17px}.quality-badge{font-size:12px;padding:3px 10px}.quality-size{font-size:14px}.btn-convert{padding:var(--space-md, 8px) var(--space-2xl, 28px);font-size:var(--font-size-base, 15px)}.skeleton-convert-btn{width:90px;height:28px}}.see-more-btn{background:none;border:none;color:#00000083;cursor:pointer;font-weight:var(--md-sys-typescale-label-medium-weight);font-size:var(--md-sys-typescale-label-medium-size);padding:0;margin-top:2px}@media(min-width:840px){.video-layout{flex-direction:column;gap:var(--space-2xl, 30px);align-items:center}.video-info-left{width:100%;max-width:500px}.video-thumbnail{max-width:100%}.video-details{width:100%}.quality-row{grid-template-columns:75px 1fr auto;padding:18px 30px;gap:20px;min-height:75px}.format-type{font-size:17px}.quality-text{font-size:18px}}@media(min-width:1240px){.video-layout{flex-direction:row;gap:40px;align-items:flex-start}.video-info-left{flex:0 0 calc(40% - 24px);width:calc(40% - 24px);max-width:calc(40% - 24px)}.video-details{flex:0 0 calc(60% - 16px);width:calc(60% - 16px);max-width:calc(60% - 16px)}.quality-row{grid-template-columns:75px 1fr auto;padding:18px 30px;gap:20px}}@media(min-width:1920px){.video-layout{flex-direction:row;gap:40px;align-items:flex-start}.video-info-left{flex:0 0 calc(40% - 30px);width:calc(40% - 30px);max-width:calc(40% - 30px)}.video-details{flex:0 0 calc(60% - 20px);width:calc(60% - 20px);max-width:calc(60% - 20px)}}@media(min-width:2560px){.video-layout{gap:50px}.video-info-left{flex:0 0 calc(40% - 36px);width:calc(40% - 36px);max-width:calc(40% - 36px)}.video-details{flex:0 0 calc(60% - 24px);width:calc(60% - 24px);max-width:calc(60% - 24px)}.btn-convert{font-size:var(--font-size-lg, 18px);padding:var(--space-lg, 15px) var(--space-xl, 20px)}}.conversion-state-wrapper{min-height:100px}.status-container,.action-container{border-radius:var(--radius-xl);min-height:40px}.status-container{margin:0 0 20px}.action-container{margin:12px 0 0}.status-container{position:relative;width:100%;background:var(--bg-input);border:1px solid rgba(128,128,128,.496);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s,border-color .3s;contain:layout style paint}.status-container.processing{border:2px solid rgb(155 155 155 / 50%)!important}.status--processing:before,.status--success:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#eeeeeed1;border-right:1px solid #dddddd;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{position:relative;z-index:2;width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:10px}.status-text{position:relative;z-index:2;font-size:14px;font-weight:600;color:var(--text-main);text-transform:capitalize;height:18px;line-height:18px;display:flex;align-items:center;justify-content:center;min-width:160px}.icon{position:relative;z-index:2;width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease;visibility:hidden}.icon.spinner{visibility:hidden;border:2px solid rgba(0,0,0,.2);border-top:2px solid #000;border-radius:50%;margin:0;display:none}.icon.spinner.active{display:inline-flex;visibility:visible;animation:spin .4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon.checkmark,.icon.error{opacity:0;visibility:hidden}.status--error .status-text{color:var(--status-error, #e74c3c)}.status-container:has(.status--error){border-color:var(--status-error, #e74c3c);margin-bottom:10px;min-height:45px}.status-container:has(.status--error) .status{height:45px}.progress-bar{display:none!important}.action-container{display:none}.action-container.active{display:flex;flex-direction:row;justify-content:center;gap:.75rem;margin:0}.download-btn,.retry-btn,.btn-new-convert{margin:0;padding:0 1.5rem;font-size:14px;font-weight:600;border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;display:none;min-height:40px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex:1;font-family:var(--font-sans);letter-spacing:-.01em}@media(min-width:640px){.download-btn,.retry-btn,.btn-new-convert{flex:none;min-width:7rem;font-size:15px}}.download-btn.active,.retry-btn.active,.btn-new-convert.active{display:flex;align-items:center;justify-content:center}.download-btn{background:var(--color-primary);color:#fff;border:none}.download-btn:hover{background:var(--color-button-hover)}.download-btn:active{transform:scale(.98)}.retry-btn{background:#dc2626;color:#fff;border:none}.retry-btn:hover{background:#b91c1c}.retry-btn:active{transform:scale(.98)}.btn-new-convert{background:#fff;color:var(--color-text-primary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;text-align:center}.btn-new-convert:hover{background:#f9fafb;border-color:var(--color-border-dark)}.btn-new-convert:active{transform:scale(.98)}@media(min-width:768px){.status-container,.action-container{min-height:45px}.status{height:45px}.status-text{font-size:15px}.download-btn,.retry-btn,.btn-new-convert{min-height:48px}}.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{--color-primary: #000000;--color-text-primary: #000000;--color-text-secondary: #555555;--color-bg-page: #ffffff;--color-bg-card: #ffffff;--color-border: #9d9d9d;--color-border-dark: #e9e9e9;--color-button-hover: #333333;--color-bg-disabled: #e4e4e4c9;--radius-xl: 12px;--pkg-font-size-base: .875rem;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-logo: "Fredoka", system-ui, sans-serif;--copyright-checkbox-bg: rgba(0, 0, 0, .03);--copyright-checkbox-bg-hover: rgba(0, 0, 0, .05);--copyright-checkbox-border: rgba(0, 0, 0, .12);--copyright-checkbox-border-hover: rgba(0, 0, 0, .2);--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)}.copyright-checkbox-wrapper{margin-top:16px}.dmca-report-link-wrapper.copyright-report-link{margin-top:10px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--color-bg-page);color:var(--color-text-primary);display:flex;flex-direction:column;min-height:100vh}.header-wrapper{background:#fff;width:100%;text-align:center}.nav-links{display:flex;justify-content:center;gap:1.5rem;padding:1rem 0}.nav-link{font-size:.875rem;font-weight:500;color:#000;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:.75}.language-selector{position:relative;display:inline-flex;align-items:center}.language-selector .lang-btn{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;font-size:.875rem;font-weight:500;color:#000;cursor:pointer;padding:0;font-family:inherit;transition:opacity .2s}.language-selector .lang-flag{width:18px;height:14px;border-radius:2px;object-fit:cover;flex-shrink:0;margin-right:.5rem}.language-selector .lang-btn:hover{opacity:.75}.language-selector .lang-btn .arrow{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .2s}.language-selector.open .lang-btn .arrow{transform:rotate(180deg)}.language-selector .dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);background:#fff;border-radius:var(--radius-xl);box-shadow:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:1000;min-width:160px;border:1px solid rgba(0,0,0,.06)}.language-selector.open .dropdown-menu{display:block;opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.language-selector .lang-menu{list-style:none;margin:0;padding:8px 0;max-height:320px;overflow-y:auto}.language-selector .lang-menu::-webkit-scrollbar{width:6px}.language-selector .lang-menu::-webkit-scrollbar-track{background:transparent}.language-selector .lang-menu::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.language-selector .lang-menu li a{display:flex;align-items:center;gap:.5rem;padding:10px 16px;font-size:.875rem;font-weight:400;color:#333;text-decoration:none;transition:background .15s}.language-selector .lang-menu li a:hover{background:#f5f5f5}.language-selector .lang-menu li a.active{font-weight:700;background:#f0f0f0}.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:1.5rem;gap:.5rem;text-decoration:none;cursor:pointer}.logo-img{padding-top:30px;width:120px;height:120px;object-fit:contain}@media(max-width:640px){.logo-img{width:100px;height:100px}}.logo-text{font-family:var(--font-logo);font-size:2.5rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em;text-decoration:none}@media(max-width:640px){.logo-text{font-size:2rem}}.footer{background:#fff;border-top:1px solid var(--color-border-dark);padding:2rem 0;margin-top:auto}.footer-content{max-width:56rem;margin:0 auto;padding:0 1rem;text-align:center}.footer-text{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem}.footer-link{color:var(--color-text-secondary);font-size:.875rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--color-primary)}main{flex:1;display:flex;flex-direction:column;align-items:center;width:100%}.content-section{width:100%;display:flex;justify-content:center;padding:0 1rem}.content-wrapper{width:100%;max-width:56rem;border-radius:8px;margin:2rem 0;line-height:1.625}.content-wrapper h1{font-size:26px;font-weight:700;margin-bottom:1rem}.content-wrapper h2{font-size:22px;font-weight:700;margin-bottom:1rem;margin-top:1.5rem}@media(min-width:768px){.content-wrapper h1{font-size:1.75rem}.content-wrapper h2{font-size:1.5rem}}.content-wrapper h2:first-child{margin-top:0}.content-wrapper h3{font-weight:600;margin-bottom:.25rem;margin-top:1rem}.content-wrapper p{margin-bottom:1rem}.content-wrapper ul{list-style-type:disc;padding-left:1.25rem;margin-bottom:2rem}.content-wrapper ol{list-style-type:decimal;padding-left:1.25rem;margin-bottom:2rem}.content-wrapper li{margin-bottom:.5rem}.hero-section{width:100%;padding:5rem 12px 4rem;display:flex;justify-content:center}@media(min-width:768px){.hero-section{padding-top:2.5rem}}.hero-container{width:100%;max-width:56rem}.converter-form{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:.75rem;box-shadow:none}.converter-form:focus-within{border-color:var(--color-primary);box-shadow:none}.input-group{position:relative;margin-bottom:.5rem;padding:.125rem}.video-input{width:100%;background:transparent;border:none;outline:none;font-family:var(--font-sans);font-size:1rem;height:2.5rem;padding-left:.625rem;padding-right:2.75rem;color:var(--color-text-primary);text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}.video-input::placeholder{color:#9ca3af}.input-actions{position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.input-wrapper{position:relative}.btn-paste,.btn-clear{position:absolute;right:.125rem;top:50%;transform:translateY(-50%);width:2.25rem;height:2.25rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;gap:4px;color:#374151;background:var(--color-bg-disabled);border:none;cursor:pointer;padding:0 .5rem}.btn-paste:hover,.btn-clear:hover{background:#d1d5db;color:#374151}.paste-icon,.clear-icon{width:14px;height:14px;flex-shrink:0}.btn-state--paste,.btn-state--clear{font-size:11px;font-weight:600;text-transform:uppercase;display:none;white-space:nowrap}@media(min-width:640px){.btn-paste,.btn-clear{width:auto;min-width:4.5rem;padding:0 .75rem}.btn-state--paste,.btn-state--clear{display:inline}.paste-icon,.clear-icon{display:block}}.quality-wrapper{position:relative;flex-grow:1}@media(min-width:640px){.quality-wrapper{flex-grow:0}}.quality-select{appearance:none;background:var(--color-bg-disabled);font-family:var(--font-sans);color:var(--color-text-primary);font-size:13px;height:2.5rem;padding-left:.75rem;padding-right:2.25rem;border-radius:var(--radius-xl);cursor:pointer;outline:none}@media(min-width:600px){.quality-select{height:50px}}.quality-select:focus{border-color:var(--color-primary);box-shadow:none}.select-arrow{content:"▾";position:absolute;right:10px;top:55%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-secondary);font-size:.875rem;transition:transform .2s ease}.select-arrow svg{width:16px;height:16px}select:disabled{opacity:.6;cursor:not-allowed}.btn-convert{margin-left:auto;width:100%;background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;height:2.5rem;padding:0 1rem;border-radius:var(--radius-xl);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);gap:.5rem}@media(min-width:640px){.btn-convert{width:auto}}.btn-convert:hover{background:var(--color-button-hover)}.btn-convert:disabled{opacity:.55;cursor:not-allowed}.error-message{margin-top:1rem;padding:.75rem;background:#fef2f2;border:1px solid #fee2e2;color:#991b1b;font-size:var(--pkg-font-size-base);border-radius:.5rem;text-align:center}.hero-inline-message{margin-top:1rem;width:100%;max-width:900px}.inline-message{padding:.875rem 1rem;border-radius:var(--radius-xl);font-size:.875rem;font-weight:500;text-align:center}.inline-message--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.inline-message--error{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.inline-message--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.inline-message--warning{background:#fffbeb;border:1px solid #fed7aa;color:#92400e}.inline-message p{margin:0;line-height:1.5}.spinner{animation:spin 1s linear infinite;width:1rem;height:1rem}.hidden{display:none!important}#content-area{width:100%;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1rem;box-shadow:none}@media(min-width:768px){#content-area{padding:1.5rem;box-shadow:none}}.container{max-width:950px;margin:0 auto;padding:0 12px}#search-results-container{width:100%}.search-result-card{width:100%;background:#f5f5f5;box-shadow:0 1px 3px #00000014}.search-result-card .card-title{color:#000}.suggestion-container,.suggestion-list{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:var(--radius-xl);max-height:300px;overflow-y:auto;z-index:10;box-shadow:none;margin-top:.5rem}.hero-card{width:100%;background-color:var(--color-bg-card);border-radius:20px}#search-view,#result-view{width:100%}#result-view.hidden{display:none}.quality-select--mp3{display:block}.quality-select--mp4,html[data-format=mp4] .quality-select--mp3{display:none}html[data-format=mp4] .quality-select--mp4{display:block}.format-selector-wrapper{margin-top:8px;margin-bottom:8px;min-height:48px;display:block}.format-selector{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;flex-wrap:nowrap}.quality-wrapper{position:relative;flex-shrink:0}.format-wrapper{flex-grow:0}.quality-wrapper:not(.format-wrapper){flex-grow:0}.quality-select{background:transparent;border:var(--border-glass, 1px solid var(--text-step-num));border-radius:var(--radius-md, 12px);color:var(--text-main, var(--color-gray-850));appearance:none;cursor:pointer;font-weight:600;font-size:.875rem;transition:border-color .2s;box-sizing:border-box;padding:0 28px 0 12px;height:44px;width:100%}[data-theme=light] .quality-select{background:transparent;border:1px solid var(--pkg-color-gray-200)}.quality-select:hover,.quality-select:focus{border-color:var(--color-accent-dark);outline:none}.format-select{width:82px}.quality-wrapper:not(.format-wrapper) .quality-select{width:140px}.quality-dropdown-wrapper{position:relative}.select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted, var(--color-gray-550));transition:transform .2s ease;display:flex;align-items:center}[dir=rtl] .select-arrow{right:auto;left:8px}.quality-wrapper.dropdown-open .select-arrow{transform:translateY(-50%) rotate(180deg)}.format-selector .btn-convert{flex-shrink:0;margin-left:auto}@media(max-width:599px){.format-selector .btn-convert span{display:none}.format-selector .btn-convert{width:44px;height:44px;padding:0;min-width:44px;display:flex;align-items:center;justify-content:center}.format-select{width:76px}.quality-wrapper:not(.format-wrapper) .quality-select{width:120px}.quality-select{height:40px;font-size:.8125rem}}@media(max-width:480px){.format-selector-wrapper{min-height:42px}.format-selector{gap:6px;min-height:40px}}@media(max-width:360px){.format-selector{gap:4px}.format-select{width:68px}.quality-wrapper:not(.format-wrapper) .quality-select{width:128px}.format-selector .btn-convert{width:40px;height:40px;min-width:40px}}@media(prefers-contrast:high){.quality-select{border-width:3px}}@media(prefers-reduced-motion:reduce){.quality-select,.select-arrow{transition:none}}.quality-select:focus-visible{outline:2px solid var(--color-accent-dark);outline-offset:2px}.language-switcher{position:relative;display:inline-flex;align-items:center;gap:8px}.language-select{appearance:none;padding:8px 32px 8px 12px;font-size:max(16px,14px);font-weight:500;border:1px solid var(--border-secondary, #e0e0e0);border-radius:6px;background:var(--bg-input, white);color:var(--text-main, #333);cursor:pointer;transition:all .2s ease;min-width:150px}.language-select:hover{border-color:var(--color-accent, #4CAF50)}.language-select:focus{outline:none;border-color:var(--color-accent, #4CAF50);box-shadow:none}.language-icon{position:absolute;right:8px;pointer-events:none;color:var(--text-muted, #666)}@media(prefers-color-scheme:dark){.language-select{background:var(--bg-input, #2a2a2a);border-color:var(--border-secondary, #444);color:var(--text-main, #e0e0e0)}.language-icon{color:var(--text-muted, #999)}}