.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}#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}}#suggestion-container.suggestion-container--visible{top:60px!important}@media(min-width:768px){#suggestion-container.suggestion-container--visible{top:65px!important}}.search-result-card{background:#f7f7f7}.search-result-card .card-title{color:#0f0f0f}.card-metadata span{font-size:12px!important}:root{--color-black: #000000;--color-white: #FFFFFF;--color-acid-lime: #D4FF00;--color-acid-lime-hover: #BEF000;--color-bright-blue: #3b82f6;--color-sky-blue: #60a5fa;--color-indigo-blue: #2563eb;--color-gray-900: #18181B;--color-gray-850: #333;--color-gray-800: #27272A;--color-gray-700: #3F3F46;--color-gray-600: #52525B;--color-gray-550: #666;--color-gray-500: #71717A;--color-gray-400: #A1A1AA;--color-gray-300: #D4D4D8;--color-gray-250: #ddd;--color-gray-200: #E5E5E5;--color-gray-100: #F5F5F5;--bg-body: var(--color-black);--bg-card: var(--color-black);--bg-card-hover: var(--color-gray-900);--bg-input: var(--color-black);--bg-header: var(--color-black);--bg-header-scroll: var(--color-black);--bg-footer: var(--color-black);--bg-step: #09090B;--bg-step-hover: var(--color-gray-900);--bg-badge: var(--color-gray-900);--bg-button: var(--color-gray-900);--bg-button-hover: var(--color-gray-800);--bg-white: var(--color-white);--color-accent: var(--color-acid-lime);--color-accent-hover: var(--color-acid-lime-hover);--color-accent-secondary: var(--color-bright-blue);--color-accent-dark: rgba(212, 255, 0, .1);--gradient-primary: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-secondary) 100%);--text-main: var(--color-white);--text-muted: var(--color-gray-400);--text-secondary: var(--color-gray-500);--text-tertiary: var(--color-gray-600);--text-accent: var(--color-acid-lime);--text-logo: var(--color-white);--text-step-num: rgba(255, 255, 255, .05);--border-primary: var(--color-gray-800);--border-secondary: var(--color-gray-700);--border-hover: var(--color-gray-500);--border-glass: 1px solid var(--color-gray-800);--border-input: 2px solid var(--color-gray-700);--border-input-hover: var(--color-white);--border-input-focus: var(--color-white);--border-active: 1px solid var(--color-white);--selection-bg: var(--color-acid-lime);--selection-text: var(--color-black);--color-error-bg: #450A0A;--color-error-border: #DC2626;--color-error-text: #FECACA;--color-error-dot: #DC2626;--color-status-success: #2ecc71;--color-status-error: #e74c3c;--color-success-bg: #d4edda;--color-success-text: #155724;--color-error-bg-light: #f2dede;--color-error-border-light: #ebccd1;--color-error-text-light: #a94442;--color-warning-yellow: #ffc107;--color-orange: #ff9800;--color-orange-dark: #f57c00;--copyright-checkbox-bg: rgba(212, 255, 0, .08);--copyright-checkbox-bg-hover: rgba(212, 255, 0, .12);--copyright-checkbox-border: rgba(212, 255, 0, .2);--copyright-checkbox-border-hover: rgba(212, 255, 0, .4);--copyright-checkbox-text: var(--color-gray-300);--copyright-checkbox-link: var(--color-acid-lime);--copyright-checkbox-accent: var(--color-acid-lime);--color-skeleton-dark: #d7d7d7;--color-skeleton-light: #c7c7c7;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--header-height: 80px;--container-width: 1100px;--container-max: 64rem;--card-max: 56rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 20px;--radius-pill: 9999px;--shadow-card: 4px 4px 0 0 rgba(255, 255, 255, .15);--shadow-button: 0 0 20px rgba(212, 255, 0, .3);--shadow-button-hover: 0 0 30px rgba(212, 255, 0, .5);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .3);--shadow-dropdown: 4px 4px 0 0 rgba(255, 255, 255, .15);--glow-accent: rgba(212, 255, 0, .05);--glow-input: 0 0 0 4px rgba(255, 255, 255, .1);--backdrop-drawer: rgba(24, 24, 27, .9);--grid-pattern: linear-gradient(to right, rgba(255, 255, 255, .07) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, .07) 1px, transparent 1px);--grid-size: 50px 50px;--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s}::selection{background-color:var(--selection-bg);color:var(--selection-text)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit;transition:color .2s}button,input,select{font-family:inherit;font-size:100%;outline:none}ul{list-style:none}body{font-family:var(--font-main);background-color:var(--bg-body);color:var(--text-main);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-tech-grid{background-image:var(--grid-pattern);background-size:var(--grid-size)}main{flex-grow:1}html{font-size:14px}body{font-family:var(--font-main);line-height:1.6}h1{font-size:1.857rem;font-weight:700;line-height:1.2;font-family:var(--font-display)}h1 span{font-size:inherit}h2{font-size:1.571rem;font-weight:600;line-height:1.3;font-family:var(--font-display)}h2 span{font-size:inherit}h3{font-size:1.25rem;font-weight:600;line-height:1.4;font-family:var(--font-display)}h3 span{font-size:inherit}p,span{font-size:1rem;line-height:1.6}@media(min-width:768px){html{font-size:15px}h1{font-size:2rem}h2{font-size:1.667rem}h3{font-size:1.333rem}p,span{font-size:1rem}}@media(min-width:1024px){html{font-size:16px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p,span{font-size:1rem}}@media(min-width:1440px){h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}}.text-small{font-size:.875rem}.text-large{font-size:1.125rem}.text-display{font-family:var(--font-display)}.hidden,.hidden-view{display:none!important}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px}@media(min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container{padding-left:2rem;padding-right:2rem}}.max-w-5xl{max-width:64rem}.max-w-4xl{max-width:56rem}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-theme=light]{--bg-body: var(--pkg-color-gray-50);--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .9);--bg-input: var(--color-white);--bg-header: rgba(255, 255, 255, .8);--bg-header-scroll: rgba(255, 255, 255, .95);--bg-footer: var(--pkg-color-gray-100);--bg-step: rgba(255, 255, 255, .6);--bg-step-hover: var(--color-white);--bg-badge: rgba(139, 92, 246, .15);--text-main: var(--pkg-color-gray-800);--text-muted: var(--pkg-color-gray-400);--text-accent: var(--pkg-color-accent);--text-logo: var(--pkg-color-gray-800);--text-step-num: rgba(0, 0, 0, .05);--gradient-glow: radial-gradient(circle at 50% -20%, rgba(139, 92, 246, .4) 0%, rgba(241, 245, 249, 0) 50%);--gradient-text: linear-gradient(to right, var(--pkg-color-accent), var(--color-indigo-blue));--gradient-title: linear-gradient(to bottom, var(--pkg-color-gray-800), var(--pkg-color-gray-500));--overlay-grid: linear-gradient(rgba(0, 0, 0, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, .05) 1px, transparent 1px);--border-glass: 1px solid rgba(0, 0, 0, .08);--border-input: 1px solid var(--pkg-color-gray-200);--border-input-hover: var(--pkg-color-gray-300);--shadow-glass: 0 10px 40px -10px rgba(0, 0, 0, .1);--glow-input: 0 0 0 4px rgba(139, 92, 246, .2);--thumb-shadow: 0 8px 20px rgba(0,0,0,.15)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;background:radial-gradient(circle at 15% 50%,var(--color-accent-dark),transparent 25%),radial-gradient(circle at 85% 30%,var(--color-accent-dark),transparent 25%);pointer-events:none;z-index:-1;transition:background .3s,opacity .3s;opacity:1}[data-theme=light] body:before{opacity:0}body:after{content:"";position:fixed;inset:0;background-image:var(--overlay-grid);background-size:50px 50px;mask-image:radial-gradient(circle at center,var(--color-black),transparent 80%);-webkit-mask-image:radial-gradient(circle at center,var(--color-black),transparent 80%);pointer-events:none;z-index:-1;transition:background-image .3s,opacity .3s;opacity:1}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 12px}#main-header{top:0;left:0;right:0;z-index:50;padding-top:1rem;padding-bottom:1rem;background-color:transparent}.header-container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-text{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.05em;color:var(--text-logo);transition:color .2s}.logo:hover .logo-text{color:var(--color-accent)}.logo-text .domain{color:var(--text-secondary)}.desktop-nav{display:none;align-items:center;gap:1.5rem}@media(min-width:768px){.desktop-nav{display:flex}}.nav-links{display:flex;gap:.5rem}.nav-link{text-decoration:none;font-size:.875rem;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s;border:1px solid transparent}.nav-link.active{border-color:var(--border-active);background-color:var(--bg-white);color:var(--color-black)}.nav-link:not(.active){color:var(--text-muted)}.nav-link:not(.active):hover{color:var(--text-main);border-color:var(--border-secondary);background-color:var(--bg-button)}.nav-divider{width:1px;height:1.25rem;background-color:var(--border-primary);margin:0 .25rem}.lang-selector{position:relative}.lang-button{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg-header);color:var(--text-main);padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border-primary);transition:all .2s;cursor:pointer}.lang-button:hover{background-color:var(--bg-button-hover);border-color:var(--border-hover)}.lang-button svg{color:var(--text-muted)}.lang-button .chevron{transition:transform .2s}.lang-selector.active .chevron{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;width:12rem;background-color:var(--bg-header);border-radius:.5rem;box-shadow:none;border:1px solid var(--border-primary);overflow-y:auto;z-index:20;padding:.5rem 0;display:none;max-height:400px}@media(max-width:767px){.lang-dropdown{max-height:300px}}.lang-selector.active .lang-dropdown{display:block}.lang-dropdown::-webkit-scrollbar{width:2px}.lang-dropdown::-webkit-scrollbar-track{background:transparent}.lang-dropdown::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:1px}.lang-dropdown{scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.lang-option{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;color:var(--text-muted);text-decoration:none;transition:all .2s;font-weight:500}.lang-option:hover{background-color:var(--bg-white);color:var(--color-black)}.mobile-menu-btn{display:block;padding:.5rem;color:var(--text-main);background-color:transparent;border:none;border-radius:.25rem;transition:background-color .2s;cursor:pointer}@media(min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu-btn:hover{background-color:var(--bg-button)}[dir=rtl] .lang-dropdown{right:auto;left:0}.hero-section,.hero{position:relative;padding-top:6rem;padding-bottom:4rem;padding-left:0;padding-right:0}@media(max-width:768px){.hero-section,.hero{padding-top:5rem}}.decorative-glow,.hero-glow{position:absolute;top:0;right:0;width:500px;height:500px;background-color:var(--glow-accent);opacity:.2;filter:blur(80px);pointer-events:none;border-radius:50%}.hero-container{width:100%;padding:0 12px;margin-left:auto;margin-right:auto;max-width:var(--container-width);position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}[dir=rtl] .decorative-glow,[dir=rtl] .hero-glow{right:auto;left:0}.copyright-checkbox-wrapper{margin-top:16px}.dmca-report-link-wrapper.copyright-report-link{margin-top:10px}.content-section{padding:150px 0 80px}.info-card{background:var(--bg-card);border:var(--border-glass);border-radius:var(--radius-lg);padding:30px;margin-bottom:40px;transition:background .3s}[data-theme=light] .info-card{background:var(--color-white);border:1px solid var(--pkg-color-gray-100);box-shadow:none}@media(min-width:768px){.info-card{padding:50px}}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:30px}.section-icon{width:40px;height:40px;background:var(--text-step-num);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--pkg-color-on-primary-container)}[data-theme=light] .section-icon{background:var(--pkg-color-gray-50);color:var(--pkg-color-accent)}.section-title{font-family:var(--font-display);font-size:1.5rem;color:var(--text-main)}@media(max-width:600px){.content-section{padding:50px 0 80px}}.seo-section{display:flex;justify-content:center;padding-bottom:50px}.seo-container{width:100%;max-width:var(--container-width);background-color:var(--bg-card);border-radius:20px;border:1px solid var(--border-primary);padding:1.5rem;margin-top:2rem}@media(min-width:768px){.seo-container{padding:4rem 20px}}.prose{max-width:none;font-size:1.125rem;line-height:1.75}.prose h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;color:var(--text-main);font-size:1.875rem;margin-bottom:1rem;margin-top:2rem}.prose h2:first-child{margin-top:0}.prose h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;color:var(--text-main);font-size:1.5rem;margin-bottom:.75rem;margin-top:1.5rem}.prose p{color:var(--color-gray-300);line-height:1.75;margin-bottom:1rem}.prose a{color:var(--color-accent);font-weight:700;text-decoration:none;transition:text-decoration .2s}.prose a:hover{text-decoration:underline}.prose ol{list-style:decimal;padding-left:1.25rem;margin:1rem 0}.prose li{color:var(--color-gray-300);margin-bottom:.5rem}.prose li::marker{color:var(--color-accent);font-weight:700;font-family:var(--font-display)}.prose strong{color:var(--text-main);font-weight:700}.faq-section{margin:4rem 0;scroll-margin-top:6rem}.faq-title{margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;color:var(--text-main)}.faq-icon{width:2rem;height:2rem;border-radius:.25rem;background-color:var(--bg-white);display:flex;align-items:center;justify-content:center;color:var(--color-black);font-weight:700;font-size:1.125rem}.faq-grid{display:grid;gap:2rem}@media(min-width:768px){.faq-grid{grid-template-columns:repeat(2,1fr)}}.faq-item{background-color:var(--bg-step);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-primary);transition:border-color .2s}.faq-item:hover{border-color:var(--border-input-focus)}.faq-question{font-family:var(--font-display);font-weight:700;color:var(--text-main);font-size:1.125rem;margin-bottom:.75rem}.faq-answer{color:var(--text-muted);line-height:1.75;font-size:.875rem}.features-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:40px}@media(min-width:768px){.features-grid{grid-template-columns:1fr 1fr}}.feature-item{display:flex;gap:16px}.feature-icon{color:var(--color-sky-blue);flex-shrink:0}[data-theme=light] .feature-icon{color:var(--color-accent-secondary)}.feature-title{font-weight:700;color:var(--text-main);margin-bottom:6px}.feature-text{font-size:.9rem;color:var(--text-muted)}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{border-bottom:1px solid var(--text-step-num);padding-bottom:16px}[data-theme=light] .faq-item{border-bottom:1px solid var(--pkg-color-gray-100)}.faq-q{font-weight:600;color:var(--text-main);margin-bottom:8px;font-size:1.1rem}.faq-a{color:var(--text-muted);font-size:.95rem;line-height:1.6}footer,.footer{background-color:var(--bg-footer);border-top:1px solid var(--border-primary);padding:4rem 0;margin-top:auto}.footer-container,.footer-content{margin-left:auto;margin-right:auto;padding:0 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-logo{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:-.025em;margin-bottom:2rem;opacity:.6;color:var(--text-main);text-decoration:none;transition:opacity .2s ease}.footer-logo:hover{opacity:1}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:48rem;margin:0 auto 1rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:48rem;margin:0 auto 2rem}.footer-link{font-size:.875rem;color:var(--text-main);text-decoration:none;transition:color .2s ease;font-weight:500}.footer-link:hover{color:var(--text-accent)}.footer-copyright,.copyright{font-size:.75rem;color:var(--text-main);font-weight:500}.hero-card{width:100%;background-color:var(--bg-card);border-radius:20px;box-shadow:none;border:1px solid var(--border-primary);padding:1.5rem;position:relative}@media(min-width:768px){.hero-card{padding:3rem}}.hero-header{display:flex;flex-direction:column;align-items:center}.hero-header.hidden-state{opacity:0;height:0;overflow:hidden;margin-bottom:0}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;background-color:var(--bg-badge);border:1px solid var(--border-secondary);font-size:.688rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-main);margin-bottom:1.5rem}.badge svg{color:var(--color-accent)}h1,.hero-title{font-size:1.857rem;font-family:var(--font-display);font-weight:700;text-align:center;color:var(--text-main);letter-spacing:-.025em;line-height:.9;-webkit-user-select:none;user-select:none;cursor:default}@media(min-width:768px){h1,.hero-title{font-size:3rem}}.title-accent{color:var(--color-accent)}.hero-subtitle{color:var(--text-muted);text-align:center;font-weight:500;max-width:28rem;margin-left:auto;margin-right:auto;margin-bottom:40px}.input-group{position:relative}.convert-form,.form-container{display:flex;flex-direction:column}.view-container{position:relative;width:100%}.view-input{opacity:1}.view-input.hidden-state{opacity:0;position:absolute;pointer-events:none}.input-wrapper{position:relative}.video-input{width:100%;height:4rem;padding-left:20px;padding-right:60px;border-radius:.75rem;background-color:var(--bg-input);border:var(--border-input);color:var(--text-main);font-weight:500;font-size:16px;outline:none;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.video-input:focus{border-color:var(--border-input-focus)}.video-input::placeholder{color:var(--text-secondary)}.input-actions{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem}.controls{display:flex;flex-direction:column;gap:1rem;align-items:stretch;justify-content:space-between;padding:.25rem}@media(min-width:768px){.controls{flex-direction:row;align-items:center}}.quality-wrapper{position:relative}.quality-select{width:100%;height:50px;background-color:var(--bg-input);border:var(--border-input);color:var(--text-main);font-size:max(16px,.875rem);border-radius:.75rem;outline:none;display:block;padding:0 1rem;transition:all .2s ease;cursor:pointer;font-weight:700}.quality-select:focus{border-color:var(--border-input-focus)}.quality-select:hover{border-color:var(--border-hover)}.quality-icon{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding:0 1rem;pointer-events:none;color:var(--text-main)}.error-msg,.error-message{display:none;padding:1rem;background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:.75rem;align-items:center;gap:.75rem;color:var(--color-error-text);font-size:.875rem;font-weight:500}.error-msg.show,.error-message.show{display:flex}.error-dot{width:.5rem;height:.5rem;background-color:var(--color-error-dot);border-radius:9999px}.hero-card #error-message{display:none!important}.hero-inline-message{width:100%;max-width:900px;margin:24px auto 32px;padding:0 24px;display:none}.inline-message{padding:18px 24px;border-radius:16px;border:1px solid transparent;font-size:.95rem;text-align:center}.inline-message--error{background:#ef44441f;border-color:#ef44444d;color:#ff6b81}.inline-message--info{background:#3b82f61f;border-color:#3b82f64d;color:#7dd3fc}.inline-message--success{background:#10b9811f;border-color:#10b9814d;color:#6ee7b7}[dir=rtl] .video-input{padding-left:8rem;padding-right:2rem}@media(min-width:768px){[dir=rtl] .video-input{padding-left:8rem;padding-right:2rem}}[dir=rtl] .input-actions{right:auto;left:1rem}[dir=rtl] .quality-icon{right:auto;left:0}.btn-paste,.btn-clear{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-button);border-radius:.5rem;font-size:.75rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-secondary);cursor:pointer}.btn-paste:hover,.btn-clear:hover{background-color:var(--bg-button-hover)}.btn-paste span,.btn-clear span{display:none}@media(min-width:640px){.btn-paste span,.btn-clear span{display:inline}}.format-toggle{display:flex;background-color:var(--bg-body);border:1px solid var(--border-primary);padding:.25rem;border-radius:.75rem;width:100%}@media(min-width:768px){.format-toggle{width:auto}}.format-btn{flex:1;padding:.625rem 2rem;border-radius:.5rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background-color:transparent;border:none;cursor:pointer}@media(min-width:768px){.format-btn{flex:none}}.format-btn.active{background-color:var(--bg-white)}.format-btn:not(.active){color:var(--text-secondary)}.format-btn:not(.active):hover{color:var(--text-main);background-color:var(--bg-button)}.btn-submit,.btn-convert,.convert-button{height:3.5rem;padding:0 2rem;background-color:var(--color-accent);color:var(--color-black);border-radius:.75rem;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:none;border:none;min-width:140px;cursor:pointer}@media(min-width:768px){.btn-submit,.btn-convert,.convert-button{height:50px}}.btn-submit:hover,.btn-convert:hover,.convert-button:hover{background-color:var(--color-accent-hover);box-shadow:none}.btn-submit:active,.btn-convert:active,.convert-button:active{transform:scale(.98)}.btn-submit:disabled,.btn-convert:disabled,.convert-button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-icon{background-color:transparent;padding:.25rem;border-radius:9999px}.btn-submit:hover .btn-icon,.btn-convert:hover .btn-icon,.convert-button:hover .btn-icon{background-color:var(--color-black);color:var(--color-accent)}.btn-download{flex:2;background-color:var(--color-accent);color:var(--color-black);border:none;height:52px;border-radius:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:none}.btn-download:hover{background-color:var(--color-accent-hover);box-shadow:none}.btn-secondary{flex:1;background:transparent;border:2px solid var(--border-secondary);color:var(--text-muted);height:52px;border-radius:.75rem;font-weight:600;cursor:pointer}.btn-secondary:hover{border-color:var(--text-main);color:var(--text-main);background:var(--bg-button-hover)}@media(max-width:359px){.format-toggle{max-width:120px!important}.btn-submit,.btn-convert,.convert-button{min-width:100px}.btn-submit svg,.btn-convert svg,.convert-button svg{display:none}}.format-toggle{background:var(--bg-card);padding:4px;border-radius:var(--radius-md);display:flex;border:var(--border-glass);height:56px;align-items:center}.format-btn{flex:1;background:transparent;border:none;color:var(--text-muted);font-weight:700;font-size:.9rem;padding:0 20px;height:100%;border-radius:10px;cursor:pointer}.format-btn.active{background:var(--color-accent);color:var(--color-black);box-shadow:none}[data-theme=light] .format-btn.active{background:var(--pkg-color-gray-50);color:var(--pkg-color-gray-800);box-shadow:none}.audio-dropdown-wrapper:has(.custom-dropdown.active) .selected-content,.audio-dropdown-wrapper:has(.custom-dropdown.active) .dropdown-arrow{opacity:1;max-width:180px;transition:opacity .5s,max-width .5s;pointer-events:auto}.audio-dropdown-wrapper .dropdown-trigger-icon{left:50%;transform:translate(-50%,-50%);transition:left .5s,transform .5s}.audio-dropdown-wrapper:has(.custom-dropdown.active) .dropdown-trigger{padding:0 10px;justify-content:flex-start}.audio-dropdown-wrapper:has(.custom-dropdown.active) .dropdown-trigger-icon{left:12px;transform:translateY(-50%)}.quality-wrapper{position:relative;flex-grow:1;display:flex;gap:10px;align-items:center}.quality-dropdown-wrapper{position:relative;width:100%;flex:1}[data-theme=light] .quality-select{background:#fff;border:1px solid #cbd5e1}.quality-select:hover{border-color:#8b5cf64d}.quality-select:focus{border-color:#8b5cf6cc;outline:none;box-shadow:none}.quality-select option{background:#0f172a;color:#fff}[data-theme=light] .quality-select option{background:#fff;color:#0f172a}.select-arrow{position:absolute;right:8px;top:55%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}[dir=rtl] .select-arrow{right:auto;left:16px}.custom-dropdown{position:relative;width:100%;color:var(--text-main);-webkit-user-select:none;user-select:none}.audio-dropdown-wrapper .dropdown-trigger{padding:0 10px;justify-content:flex-start;gap:10px}.audio-dropdown-wrapper .dropdown-arrow{margin-left:auto}.audio-dropdown-wrapper .icon-audio-language-horizontal{width:32px;height:18px;flex-shrink:0;display:block}.dropdown-trigger{height:50px;background:var(--bg-card);border:var(--border-glass);border-radius:var(--radius-md);padding:0 16px 0 40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .5s;position:relative}[data-theme=light] .dropdown-trigger{background:#fff;border:1px solid #cbd5e1}.dropdown-trigger:hover,.dropdown-trigger:focus,.custom-dropdown.active .dropdown-trigger{border-color:#8b5cf6cc;outline:none}.dropdown-trigger-icon{position:absolute;left:12px;top:55%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.selected-content{display:flex;align-items:center;gap:10px;overflow:hidden;width:100%;text-align:left}.selected-flag{font-size:1.25rem;line-height:1}.selected-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{flex-shrink:0;color:var(--text-muted);transition:transform .5s}[dir=rtl] .selected-content{text-align:right}[dir=rtl] .audio-dropdown-wrapper .dropdown-arrow{margin-left:0;margin-right:auto}.custom-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:var(--bg-card);border:var(--border-glass);border-radius:var(--radius-md);box-shadow:none;z-index:50;overflow:hidden;animation:fadeIn .2s ease-out;will-change:transform,opacity;backface-visibility:hidden}.custom-dropdown .hidden{display:none}.dropdown-search{padding:10px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}[data-theme=light] .dropdown-search{border-bottom:1px solid #e2e8f0}.dropdown-search input{width:100%;background:#ffffff0d;border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 12px 8px 36px;color:var(--text-main);font-size:16px;outline:none}[data-theme=light] .dropdown-search input{background:#f1f5f9;color:#334155}.dropdown-search input:focus{background:#ffffff1a;border-color:#8b5cf680}[data-theme=light] .dropdown-search input:focus{background:#fff;border-color:#8b5cf680}.dropdown-search .search-icon{position:absolute;left:20px;top:55%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.dropdown-options{max-height:240px;overflow-y:auto;overscroll-behavior:contain;contain:layout style;-webkit-overflow-scrolling:touch}.dropdown-option{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s}.dropdown-option:hover,.dropdown-option.focused{background:#ffffff0d}[data-theme=light] .dropdown-option:hover,[data-theme=light] .dropdown-option.focused{background:#f8fafc}.dropdown-option.selected{background:#8b5cf626;color:#a78bfa}[data-theme=light] .dropdown-option.selected{background:#eff6ff;color:#6366f1}.flag-wrapper{flex-shrink:0}.dropdown-option .flag{font-size:1.25rem}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:transparent}.dropdown-options::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}[data-theme=light] .dropdown-options::-webkit-scrollbar-thumb{background:#0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;border-radius:var(--radius-md);max-height:240px;display:none;flex-direction:column;z-index:50;border:var(--border-glass);box-shadow:none;transform:none;animation:fadeIn .2s ease-out}[data-theme=light] .dropdown-menu{background:#fff;border:1px solid #e2e8f0;box-shadow:none}.custom-dropdown .hidden{display:none!important}.custom-dropdown.active .dropdown-menu{display:block}.custom-dropdown.active .dropdown-menu{transform:none}@media(min-width:641px){.quality-wrapper{flex-grow:0}.quality-dropdown-wrapper{flex:1}.audio-dropdown-wrapper{flex:0 0 auto}.dropdown-trigger{padding:0 40px 0 16px;min-width:180px}.dropdown-trigger-icon{left:12px;transform:translateY(-50%)}.audio-dropdown-wrapper .dropdown-trigger{gap:10px}}@media(min-width:0px)and (max-width:640px){.quality-wrapper{flex-grow:1}.quality-dropdown-wrapper:nth-child(1){flex:1;min-width:0}.audio-dropdown-wrapper{flex:0 0 auto;width:fit-content;margin-left:auto;transition:width .5s ease;z-index:20}.quality-wrapper:has(.custom-dropdown.active) .quality-dropdown-wrapper:nth-child(1){flex:1;min-width:0}.audio-dropdown-wrapper:has(.custom-dropdown.active){width:180px}.audio-dropdown-wrapper:has(.custom-dropdown.active) .custom-tooltip{display:none}.audio-dropdown-wrapper .selected-content,.audio-dropdown-wrapper .dropdown-arrow{opacity:0;max-width:0;overflow:hidden;transition:opacity .5s,max-width .5s;pointer-events:none}.audio-dropdown-wrapper .dropdown-trigger{padding:0 0 0 2px;justify-content:center;gap:0;transition:padding .5s,justify-content .5s}.quality-select,.dropdown-trigger{height:40px}}@media(max-width:480px){.quality-select,.dropdown-trigger{height:40px;font-size:13px}.audio-dropdown-wrapper{width:40px;margin-left:auto}.audio-dropdown-wrapper .dropdown-trigger{padding-left:2px}.audio-dropdown-wrapper:has(.custom-dropdown.active) .dropdown-trigger{padding:0 10px}.dropdown-trigger-icon{width:14px}.quality-select{padding:0 30px 0 20px}.quality-wrapper{gap:8px}}.result-card-container{background:var(--bg-card);border:var(--border-glass);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:24px;box-shadow:none}[data-theme=light] .result-card-container{background:#fff;border:1px solid #e2e8f0}@media(min-width:600px){.result-card-container{flex-direction:row;align-items:flex-start}}.result-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);border:var(--border-glass);box-shadow:none}@media(min-width:600px){.result-thumb{width:320px;flex-shrink:0}}.result-details{flex:1;display:flex;flex-direction:column;gap:12px}.result-title{font-family:var(--font-display);font-weight:700;font-size:1.25rem;line-height:1.3;color:var(--text-main)}.result-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:.9rem;color:var(--text-muted)}.result-actions-bar{display:flex;flex-direction:row;gap:12px;margin-top:24px}.status{position:relative;width:100%;height:52px;background:var(--bg-input);border:0px!important;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.status--processing:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-accent-dark);border-right:1px solid var(--color-accent-dark);box-shadow:none;transform:scaleX(var(--progress-scale, 0));transform-origin:left center;transition:transform .1s ease;will-change:transform;z-index:1}.status span{position:relative;z-index:2;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:10px;text-transform:capitalize}.spinner{width:18px;height:18px;border:2px solid var(--color-accent-dark);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;display:none}.mobile-drawer{position:fixed;inset:0;z-index:60;background-color:var(--backdrop-drawer);transition:opacity .3s;opacity:0;pointer-events:none}@media(min-width:768px){.mobile-drawer{display:none}}.mobile-drawer.open{opacity:1;pointer-events:auto}.drawer-content{position:absolute;top:0;right:0;bottom:0;width:280px;background-color:var(--bg-body);border-left:1px solid var(--border-primary);box-shadow:none;transition:transform .3s ease-out;transform:translate(100%);display:flex;flex-direction:column}.mobile-drawer.open .drawer-content{transform:translate(0)}.drawer-header{padding:1.25rem;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.drawer-logo{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--text-main);letter-spacing:-.05em}.close-drawer-btn{padding:.5rem;color:var(--text-secondary);background-color:transparent;border:none;border-radius:.25rem;transition:color .2s;cursor:pointer}.close-drawer-btn:hover{color:var(--text-main)}.drawer-menu{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.drawer-link{font-size:1.25rem;font-family:var(--font-display);font-weight:700;padding:.5rem 0;display:block;text-decoration:none;color:var(--text-secondary);transition:color .2s}.drawer-link.active{color:var(--color-accent)}.drawer-link:not(.active):hover{color:var(--text-main)}.drawer-divider{height:1px;background-color:var(--border-primary);margin:1rem 0}.drawer-sublink{font-size:.875rem;font-weight:500;color:var(--text-muted);padding:.5rem 0;display:block;text-decoration:none;transition:color .2s}.drawer-sublink:hover{color:var(--text-main)}.drawer-lang-selector{position:relative}.drawer-lang-button{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg-header);color:var(--text-main);padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-primary);transition:all .2s;cursor:pointer;width:100%}.lang-flag{width:18px;height:14px;border-radius:2px;object-fit:cover;flex-shrink:0}.drawer-lang-button:hover{background-color:var(--bg-button-hover);border-color:var(--border-hover)}.drawer-lang-button svg{color:var(--text-muted)}.drawer-lang-button .chevron{transition:transform .2s;margin-left:auto}.drawer-lang-selector.active .chevron{transform:rotate(180deg)}.drawer-lang-dropdown{margin-top:.5rem;background-color:var(--bg-header);border-radius:.5rem;box-shadow:none;border:1px solid var(--border-primary);padding:.5rem 0;display:none;max-height:300px;overflow-y:auto}.drawer-lang-selector.active .drawer-lang-dropdown{display:block}.drawer-lang-dropdown::-webkit-scrollbar{width:2px}.drawer-lang-dropdown::-webkit-scrollbar-track{background:transparent}.drawer-lang-dropdown::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:1px}.drawer-lang-dropdown{scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.drawer-lang-option{display:flex;padding:.625rem 1.25rem;font-size:.875rem;color:var(--text-muted);text-decoration:none;transition:all .2s;font-weight:500}.drawer-lang-option.active{color:var(--color-accent);font-weight:600}.drawer-lang-option:hover{background-color:var(--bg-white);color:var(--color-black)}[dir=rtl] .drawer-content{right:auto;left:0;border-left:none;border-right:1px solid var(--border-primary);transform:translate(-100%)}[dir=rtl] .mobile-drawer.open .drawer-content{transform:translate(0)}[dir=rtl] .drawer-lang-button .chevron{margin-left:0;margin-right:auto}.steps-container{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.steps-container{grid-template-columns:repeat(3,1fr)}}.step{background:var(--bg-step);border:var(--border-glass);padding:24px;border-radius:var(--radius-md);transition:all .3s}[data-theme=light] .step{border:1px solid #e2e8f0}.step:hover{background:var(--bg-step-hover);border-color:#ffffff1a}[data-theme=light] .step:hover{border-color:#cbd5e1;box-shadow:none}.step-number{font-family:var(--font-display);font-size:2rem;font-weight:800;color:transparent;margin-bottom:8px;line-height:1;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text}.step-desc{font-size:.95rem;color:var(--text-muted)}.step-title{color:var(--text-main);margin-bottom:8px;font-weight:700;font-size:1.1rem}.badge{display:inline-block;background:var(--bg-badge);color:var(--text-accent);border:1px solid rgba(139,92,246,.2);padding:6px 14px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;display:inline-flex;align-items:center;gap:6px}.meta-badge{background:var(--bg-badge);color:var(--text-accent);padding:4px 10px;border-radius:6px;font-weight:600;font-size:.8rem}: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: #D4FF00;--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: var(--pkg-color-gray-800);--pkg-suggestions-shadow: 0 10px 40px rgba(0, 0, 0, .5);--pkg-suggestions-radius: var(--pkg-radius-md);--pkg-suggestions-offset-top: 55px;--pkg-suggestions-text-color: var(--pkg-color-white);--pkg-suggestions-hover-bg: rgba(255, 255, 255, .1);--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: 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}.yt-preview-card{display:flex;flex-direction:column;gap:24px;background:var(--bg-card);border:var(--border-glass);border-radius:var(--radius-lg);padding:24px;box-shadow:none;margin:20px 0;transition:background .3s,border-color .3s}[data-theme=light] .yt-preview-card{background:#fff;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-md);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);width:100%;max-width:100%}.yt-preview-format{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%;justify-content:center}.meta-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;background:var(--bg-badge);color:var(--text-accent);border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.audio-track-value{font-size:.8rem}.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:280px}.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(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:var(--color-white);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-gray-100)}.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)}.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;background:linear-gradient(90deg,var(--color-skeleton-dark) 25%,var(--color-skeleton-light) 50%,var(--color-skeleton-dark) 75%);background-size:200% 100%;animation:shimmer 1s linear infinite}.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;background:linear-gradient(90deg,var(--color-skeleton-dark) 25%,var(--color-skeleton-light) 50%,var(--color-skeleton-dark) 75%);background-size:200% 100%;animation:shimmer 1s linear infinite}.video-title{font-size:var(--font-size-md, 17px);font-weight:500;line-height:var(--line-height-tight, 1.4);color:var(--color-gray-850);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:var(--color-gray-550);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-gray-550);font-style:italic}.video-details{width:100%}.quality-list{display:block;border:1px solid var(--color-gray-250);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-gray-550);font-style:italic;background:var(--color-gray-100)}.quality-item{background:var(--color-white);border-bottom:1px solid var(--color-gray-250);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:var(--color-gray-850);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:var(--color-gray-850)}.quality-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-white);border-radius:12px;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:var(--color-gray-550);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(--color-accent);color:var(--color-black);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:hover{background:var(--color-accent-hover)}.btn-convert.downloaded{background:var(--color-status-success)}.btn-convert.error{background:var(--color-status-error)}.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:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-convert-btn{width:65px;height:22px;border-radius:8px;background:linear-gradient(90deg,var(--color-skeleton-dark) 25%,var(--color-skeleton-light) 50%,var(--color-skeleton-dark) 75%);background-size:200% 100%;animation:shimmer 1s linear infinite}.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-light);border:1px solid var(--color-error-border-light);color:var(--color-error-text-light)}.content-message--info{background:var(--color-gray-100);border:1px solid var(--color-gray-250);color:var(--pkg-color-gray-800)}.content-message--success{background:var(--color-success-bg);border:1px solid var(--color-status-success);color:var(--color-success-text)}@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(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:var(--color-gray-550);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}@media(min-width:768px){.conversion-state-wrapper{min-height:110px}}.status-container,.action-container{padding:0!important;margin:0;border-radius:var(--radius-md, 12px);min-height:40px}.status-container{margin-bottom:10px}.action-container{margin:12px 0 0}.status-container{position:relative;width:100%;background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s,border-color .3s;contain:layout style paint}.status-container:has(.audio-language-warning){flex-direction:column}.status--processing:before,.status--success:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#d4ff0059;border-right:1px solid rgba(212,255,0,.6);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){border-color:var(--status-error, #e74c3c)}.status{position:relative;z-index:2;width:100%;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}.audio-language-warning{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;margin:10px auto 0;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-small, 8px);color:#f80;font-size:13px;font-weight:500;line-height:1.5;text-align:center}.audio-language-warning strong{font-weight:700;color:#92400e}.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 var(--color-accent-dark);border-top:2px solid var(--color-accent);border-radius:50%;margin:0;display:none}.icon.spinner.active{display:inline-flex;visibility:visible;animation:spin .4s linear infinite}.icon.checkmark,.icon.error{opacity:0;visibility:hidden}.status--error .status-text{color:var(--color-status-error)}.progress-bar{display:none!important}.action-container{display:none}.action-container.active{display:flex;flex-direction:row;justify-content:center;gap:12px;margin:0}.download-btn,.retry-btn{margin:0;padding:5px 24px;font-size:16px;font-weight:600;border-radius:var(--radius-md, 8px);border:none;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;width:fit-content}.download-btn.active,.retry-btn.active{display:flex;align-items:center;justify-content:center}.download-btn{background-color:var(--color-accent);color:var(--color-black)}.download-btn:hover{background-color:var(--color-accent-hover)}.retry-btn{background:var(--color-status-error);color:var(--color-white)}.retry-btn:hover{opacity:.9}.retry-btn:active{transform:translateY(0)}.btn-new-convert{margin:0;padding:5px 12px;font-size:16px;font-weight:600;border-radius:var(--radius-md, 8px);border:1px solid var(--border-secondary);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:40px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:fit-content}[data-theme=light] .btn-new-convert{border:1px solid var(--pkg-color-gray-200);color:var(--text-muted)}.btn-new-convert:hover{border-color:var(--color-white);color:var(--color-white);background:var(--color-accent-dark)}[data-theme=light] .btn-new-convert:hover{background:var(--pkg-color-gray-50);color:var(--text-main);border-color:var(--pkg-color-gray-300)}@media(min-width:768px){.status-container,.action-container{min-height:48px}.status-text{font-size:15px}.download-btn,.retry-btn,.btn-new-convert{font-size:17px;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:var(--color-white);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 var(--color-gray-700);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:var(--color-gray-400);font-size:2rem;font-weight:300;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.captcha-modal-close-btn:hover{color:var(--color-white)}.captcha-modal-body p{margin:0 0 16px;color:var(--color-gray-300);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}}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.format-btn[data-format=mp3],.format-btn[data-format=mp3]:hover{background:var(--color-accent);color:var(--color-black);box-shadow:none}[data-theme=light] .format-btn[data-format=mp3],[data-theme=light] .format-btn[data-format=mp3]:hover{box-shadow:none}.quality-select--mp3{display:block}.quality-select--mp4{display:none}html[data-format=mp4] .format-btn[data-format=mp3]{background:transparent;color:var(--text-muted, var(--color-gray-550));box-shadow:none}html[data-format=mp4] .format-btn[data-format=mp4],html[data-format=mp4] .format-btn[data-format=mp4]:hover{background:var(--color-accent);color:var(--color-black);box-shadow:none}html[data-format=mp4][data-theme=light] .format-btn[data-format=mp4],html[data-format=mp4][data-theme=light] .format-btn[data-format=mp4]:hover{box-shadow:none}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;justify-content:space-between;gap:12px;width:100%;min-height:44px;flex-wrap:wrap}@media(min-width:800px){.format-selector{flex-wrap:nowrap;justify-content:flex-start;gap:12px}}.format-quality-group{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.format-toggle{background:var(--bg-card, var(--color-gray-100));padding:4px;border-radius:var(--radius-md, 12px);display:flex;border:var(--border-glass, 1px solid var(--text-step-num));height:56px;align-items:center;flex-shrink:0}[data-theme=light] .format-toggle{background:var(--color-white);border:1px solid var(--pkg-color-gray-200)}.format-btn{flex:1;background:transparent;border:none;color:var(--text-muted, var(--color-gray-550));font-weight:700;font-size:.9rem;padding:0 20px;height:100%;border-radius:10px;cursor:pointer;transition:all .3s}.quality-wrapper{position:relative;flex-grow:1}@media(max-width:799px){.quality-wrapper{order:1;width:100%}.format-toggle{order:2;flex:1;max-width:150px}.format-selector .btn-convert{order:2;flex:0 0 auto;width:fit-content}}@media(min-width:800px){.quality-wrapper{flex-grow:0;flex-shrink:0;margin-right:0}.format-toggle{flex-shrink:0;max-width:180px}.format-selector .btn-convert{flex:0 0 auto;width:fit-content;margin-left:auto}}.quality-select{width:100%;height:50px;background:var(--bg-card, var(--color-white));border:var(--border-glass, 1px solid var(--text-step-num));border-radius:var(--radius-md, 12px);color:var(--text-main, var(--color-gray-850));padding:0 30px 0 20px;appearance:none;cursor:pointer;font-weight:500;transition:all .3s;box-sizing:border-box}[data-theme=light] .quality-select{background:var(--color-white);border:1px solid var(--pkg-color-gray-200)}.quality-select:hover,.quality-select:focus{border-color:var(--color-accent-dark)}.quality-select option{background:var(--pkg-color-gray-800);color:var(--color-white)}[data-theme=light] .quality-select option{background:var(--color-white);color:var(--pkg-color-gray-800)}.select-arrow{position:absolute;right:8px;top:55%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted, var(--color-gray-550))}[dir=rtl] .select-arrow{right:auto;left:8px}.selected-icon{display:flex;align-items:center;justify-content:center;margin-right:8px;margin-left:8px;width:28px;height:20px}@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-toggle{height:40px;max-width:130px}.format-selector .btn-convert{height:40px;padding:5px 12px}.format-btn{padding:8px 10px;font-size:13px}.quality-select{height:40px;padding:8px 32px 8px 12px;font-size:13px}}@media(max-width:360px){.format-selector-wrapper{min-height:96px}.format-selector{flex-wrap:wrap;gap:8px;min-height:88px}.quality-wrapper{order:1;width:100%}.format-toggle{order:2;flex:1;height:40px;max-width:150px}.format-selector .btn-convert{order:2;flex:1;height:40px;padding:5px 12px}.quality-select{height:40px}}@media(prefers-contrast:high){.format-toggle{border-width:3px}.format-btn.active{border:2px solid white}.quality-select{border-width:3px}}@media(prefers-reduced-motion:reduce){.format-toggle,.format-btn,.quality-select{transition:none}}.format-btn:focus-visible{outline-offset:3px}.quality-select:focus-visible{outline-offset:3px}