:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", var(--font-sans);--bg-primary:#f0f6fe;--bg-surface:#fff;--bg-surface-elevated:#f8fafc;--bg-card:#fff;--bg-input:#fff;--border-subtle:#e2e8f0;--border-color:#e2e8f0;--border-glow:#0284c773;--accent-cyan:#0ea5e9;--accent-blue:#0284c7;--accent-deep:#0369a1;--accent-indigo:#4f46e5;--accent-violet:#7c3aed;--accent-pink:#db2777;--accent-green:#059669;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-glow:0 0 25px #0284c733;--shadow-card:0 10px 25px -5px #0284c714, 0 8px 10px -6px #0f172a0a;--nav-bg:#ffffffeb;--nav-border:#e2e8f0;--card-bg:#fff;--card-item-bg:#f8fafc;--card-item-border:#e2e8f0;--footer-bg:#f8fafc;--footer-border:#e2e8f0}[data-theme=dark]{--bg-primary:#070d1e;--bg-surface:#0c152f;--bg-surface-elevated:#111d3e;--bg-card:#0c152feb;--bg-input:#070d1ee6;--border-subtle:#0ea5e929;--border-color:#0ea5e929;--border-glow:#0ea5e973;--accent-cyan:#38bdf8;--accent-blue:#0284c7;--accent-deep:#38bdf8;--accent-indigo:#818cf8;--accent-violet:#a78bfa;--accent-pink:#f472b6;--accent-green:#10b981;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-glow:0 0 35px #0ea5e938;--shadow-card:0 10px 30px -10px #000000a6;--nav-bg:#070d1eeb;--nav-border:#0ea5e92e;--card-bg:#0c152feb;--card-item-bg:#ffffff0a;--card-item-border:#0ea5e926;--footer-bg:#070d1ef2;--footer-border:#0ea5e926}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .25s,border-color .25s,color .15s}html,body{-webkit-text-size-adjust:100%;touch-action:manipulation;width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 10% 12%,#0ea5e924 0%,#0000 45%),radial-gradient(circle at 90% 15%,#0284c71c 0%,#0000 40%),radial-gradient(circle at 50% 85%,#3b82f60f 0%,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5}[data-theme=dark] body{background-image:radial-gradient(circle at 12% 14%,#0ea5e926 0%,#0000 45%),radial-gradient(circle at 88% 18%,#0284c71f 0%,#0000 40%),radial-gradient(circle at 50% 80%,#6366f117 0%,#0000 50%)}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (width<=768px){.desktop-only{display:none!important}.mobile-only,.mobile-header-actions{display:flex!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}.app-container{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.navbar{z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border);box-sizing:border-box;width:100%;padding:.75rem 1.25rem;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo-wrapper{font-size:1.35rem;font-weight:800;font-family:var(--font-heading);letter-spacing:-.03em;align-items:center;gap:.75rem;display:flex}.logo-icon-box{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #0284c759}.logo-icon{color:#fff}.logo-text-gradient{background:linear-gradient(135deg, var(--accent-deep), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=dark] .logo-text-gradient{background:linear-gradient(135deg, #fff, var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.logo-domain{color:var(--accent-cyan);margin-left:4px;font-size:.85rem;font-weight:700}.nav-links{align-items:center;gap:1.25rem;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;font-size:.92rem;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--accent-blue)}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link.active{color:var(--accent-cyan)}.nav-badge-status{color:var(--accent-green);border-radius:var(--radius-full);background:#10b9811f;border:1px solid #10b98147;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.76rem;font-weight:600;display:inline-flex}.status-dot-pulse{background-color:var(--accent-green);width:7px;height:7px;box-shadow:0 0 8px var(--accent-green);border-radius:50%;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.9)}}.theme-toggle-btn{border-radius:var(--radius-full);background:var(--card-item-bg);border:1px solid var(--border-subtle);color:var(--text-primary);align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.theme-toggle-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#0284c714;transform:translateY(-1px)}.theme-toggle-icon{color:var(--accent-blue)}[data-theme=dark] .theme-toggle-icon{color:#fbbf24}.theme-toggle-label{line-height:1}.mobile-header-actions{align-items:center;gap:.5rem;display:none}.theme-toggle-btn-compact{border-radius:var(--radius-full);background:var(--card-item-bg);border:1px solid var(--border-subtle);width:38px;height:38px;color:var(--text-primary);justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.mobile-menu-toggle{border-radius:var(--radius-sm);background:var(--card-item-bg);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-primary);justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.mobile-menu-toggle:active{color:var(--accent-blue);background:#0284c71f}.mobile-nav-drawer{background:var(--bg-surface);border-bottom:2px solid var(--nav-border);z-index:99;padding:.85rem 1.25rem 1.25rem;animation:.22s ease-out slideDownMenu;position:absolute;top:100%;left:0;right:0;box-shadow:0 20px 45px #00000038}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{flex-direction:column;gap:.35rem;display:flex}.mobile-nav-link{border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;min-height:48px;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:all .15s;display:flex}.mobile-nav-link:active,.mobile-nav-link.active{color:var(--accent-blue);background:#0284c71a}.mobile-status-row{border-top:1px solid var(--border-subtle);color:var(--accent-green);align-items:center;gap:.5rem;margin-top:.4rem;padding:.75rem 1rem .25rem;font-size:.82rem;font-weight:600;display:flex}.main-content{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}@media (width<=640px){.main-content{padding:1.25rem .85rem 3rem}}.hero-section{text-align:center;max-width:880px;margin:0 auto 3rem}.hero-pill-tag{border-radius:var(--radius-full);color:var(--accent-deep);background:#0284c71a;border:1px solid #0284c740;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .95rem;font-size:.85rem;font-weight:600;animation:.5s fadeIn;display:inline-flex}[data-theme=dark] .hero-pill-tag{color:var(--accent-cyan);background:#0ea5e91f;border-color:#0ea5e947}.hero-title{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.15}.hero-title-highlight{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan) 60%, var(--accent-indigo));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.2rem)}.search-card-container{background:var(--bg-card);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);box-sizing:border-box;flex-direction:column;width:100%;max-width:820px;margin:0 auto;padding:.85rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.search-card-container:focus-within{border-color:var(--border-glow);box-shadow:var(--shadow-card), var(--shadow-glow)}.search-input-row{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-sizing:border-box;align-items:center;gap:.5rem;width:100%;min-width:0;padding:.5rem .75rem;display:flex}.platform-detect-tag{border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.74rem;font-weight:700;line-height:1.2;display:inline-flex}.search-icon-wrapper{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.main-url-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:auto;width:100%;padding:.35rem 0;font-family:inherit;font-size:1rem}.main-url-input::placeholder{color:var(--text-muted)}.search-action-buttons{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.btn-paste{background:var(--card-item-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);touch-action:manipulation;white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;min-height:40px;padding:.45rem .75rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-paste:hover,.btn-paste:active{color:var(--accent-blue);border-color:var(--accent-blue);background:#0284c714}.btn-primary-fetch{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;border-radius:var(--radius-sm);white-space:nowrap;touch-action:manipulation;align-items:center;gap:.5rem;min-height:40px;padding:.55rem 1.35rem;font-size:.95rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 14px #0284c759}.btn-primary-fetch:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0284c773}.btn-primary-fetch:disabled{opacity:.6;cursor:not-allowed}.btn-primary-fetch-mobile{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:50px;margin-top:.65rem;font-size:1.02rem;font-weight:700;transition:all .2s;display:none;box-shadow:0 4px 16px #0284c759}.btn-primary-fetch-mobile:active:not(:disabled){transform:scale(.985);box-shadow:0 2px 8px #0284c74d}.btn-primary-fetch-mobile:disabled{opacity:.6;cursor:not-allowed}.platform-quick-pills-wrapper{flex-direction:column;align-items:center;gap:.65rem;width:100%;margin-top:1.5rem;display:flex}.quick-pills-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.platform-quick-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.quick-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);touch-action:manipulation;white-space:nowrap;align-items:center;gap:.4rem;min-height:38px;padding:.4rem .85rem;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.quick-pill:hover,.quick-pill:active{color:var(--accent-blue);background:#0284c714;border-color:#0284c759;transform:translateY(-1px)}.error-banner{color:#dc2626;border-radius:var(--radius-md);text-align:left;background:#ef44441a;border:1px solid #ef44444d;align-items:flex-start;gap:.75rem;max-width:880px;margin:1.5rem auto 0;padding:1rem 1.25rem;display:flex}[data-theme=dark] .error-banner{color:#fca5a5}.result-card{background:var(--bg-card);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-top:2.5rem;padding:1.75rem;animation:.35s slideUp}.result-header{flex-direction:column;gap:1.5rem;display:flex}@media (width>=768px){.result-header{flex-direction:row;align-items:flex-start}}.thumbnail-preview-box{border-radius:var(--radius-md);aspect-ratio:16/9;background:#000;flex-shrink:0;width:100%;max-width:320px;position:relative;overflow:hidden;box-shadow:0 6px 20px #0f172a26}.thumbnail-img{object-fit:cover;width:100%;height:100%}.duration-badge{color:#fff;border-radius:var(--radius-sm);background:#0f172ad9;padding:.2rem .5rem;font-size:.75rem;font-weight:600;position:absolute;bottom:.5rem;right:.5rem}.result-info{flex-direction:column;flex:1;gap:.6rem;display:flex}.result-badges-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.badge-tag{text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-sm);padding:.2rem .55rem;font-size:.75rem;font-weight:700}.badge-platform{color:var(--accent-blue);background:#0284c71f;border:1px solid #0284c740}.badge-engine{color:var(--accent-indigo);background:#4f46e51f;border:1px solid #4f46e540}.badge-ready{color:var(--accent-green);background:#10b9811f;border:1px solid #10b98140}.result-title{color:var(--text-primary);font-size:1.25rem;line-height:1.35}.result-author{color:var(--text-muted);font-size:.9rem;font-weight:500}.result-description{color:var(--text-secondary);margin-top:.35rem;font-size:.85rem;line-height:1.5}.formats-section{border-top:1px solid var(--border-subtle);margin-top:1.75rem;padding-top:1.5rem}.formats-header-row{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}@media (width>=640px){.formats-header-row{flex-direction:row;justify-content:space-between;align-items:center}}.formats-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.formats-title-icon{color:var(--accent-blue)}.format-filters-tabs{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.filter-tab-btn{border-radius:var(--radius-full);background:var(--card-item-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s}.filter-tab-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.filter-tab-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);font-weight:600}.formats-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;display:grid}.format-item-card{background:var(--card-item-bg);border:1px solid var(--card-item-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:1rem 1.15rem;transition:all .2s;display:flex}.format-item-card:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 4px 16px #0284c71f}.format-icon-wrapper{justify-content:center;align-items:center;display:flex}.format-type-icon-video{color:var(--accent-blue)}.format-label-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.format-label{color:var(--text-primary);font-size:.92rem;font-weight:600}.format-res-badge{border-radius:var(--radius-sm);color:var(--accent-blue);background:#0284c71f;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.format-direct-badge{border-radius:var(--radius-sm);color:var(--accent-green);background:#10b98126;border:1px solid #10b9814d;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.format-meta{color:var(--text-muted);margin-top:.2rem;font-size:.78rem}.format-container-tag{color:var(--accent-blue);font-weight:700}.btn-download-format{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-download-format:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0284c759}.btn-download-format.btn-downloaded{background:var(--accent-green)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.gallery-card{background:var(--card-item-bg);border:1px solid var(--card-item-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.gallery-img-box{aspect-ratio:1;background:#000;width:100%;overflow:hidden}.gallery-img-box img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-card:hover .gallery-img-box img{transform:scale(1.05)}.gallery-card-footer{justify-content:space-between;align-items:center;padding:.75rem;display:flex}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:4rem 0;display:grid}.feature-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.75rem;transition:all .3s}.feature-box:hover{border-color:var(--accent-blue);transform:translateY(-3px);box-shadow:0 12px 30px -8px #0284c726}.feature-icon-wrapper{border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent-blue);background:#0284c71a;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.feature-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem}.feature-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.platform-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:2rem;display:grid}.platform-landing-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-card);padding:1.5rem;transition:all .25s}.platform-landing-card:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 8px 24px -4px #0284c726}.faq-section{max-width:800px;margin:3rem auto}.faq-item{border-bottom:1px solid var(--border-subtle);padding:1.25rem 0}.faq-question{text-align:left;width:100%;color:var(--text-primary);justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:600;display:flex}.faq-answer{color:var(--text-secondary);margin-top:.75rem;font-size:.92rem;line-height:1.6;animation:.2s fadeIn}.footer{border-top:1px solid var(--footer-border);background:var(--footer-bg);color:var(--text-secondary);padding:3rem 1.5rem 2rem;font-size:.88rem}.footer-inner{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}@media (width>=768px){.footer-inner{flex-direction:row;justify-content:space-between}}.footer-disclaimer{max-width:600px;color:var(--text-muted);font-size:.8rem;line-height:1.5}.footer-link{color:var(--text-secondary);padding:.15rem 0;transition:color .15s,transform .15s;display:inline-block}.footer-link:hover{color:var(--accent-blue);transform:translate(2px)}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){html,body,.app-container{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.main-content{padding:1rem .75rem 2.5rem}.hero-section{margin-bottom:2rem}.hero-break-desktop{display:none!important}.hero-title{word-break:break-word;padding:0 .25rem;font-size:clamp(1.75rem,6.5vw,2.4rem);line-height:1.2}.hero-subtitle{margin-bottom:1.5rem;padding:0 .5rem;font-size:.95rem;line-height:1.55}.search-card-container{border-radius:var(--radius-md);box-sizing:border-box;width:100%;padding:.65rem}.search-input-row{gap:.4rem;min-width:0;padding:.45rem .65rem}.main-url-input{min-width:0;font-size:.95rem}.btn-paste{min-height:38px;padding:.4rem .6rem;font-size:.8rem}.result-card{border-radius:var(--radius-md);margin-top:1.75rem;padding:1.25rem .85rem}.result-header{flex-direction:column;gap:1rem}.thumbnail-preview-box{width:100%;max-width:100%}.result-title{word-break:break-word;font-size:1.15rem}.formats-grid{grid-template-columns:1fr;gap:.75rem}.format-item-card{flex-direction:column;align-items:stretch;gap:.75rem;padding:.85rem}.btn-download-format{justify-content:center;width:100%;min-height:44px;font-size:.92rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.platform-catalog-grid{grid-template-columns:1fr;gap:.85rem}.features-grid{grid-template-columns:1fr;gap:1rem;margin:2.5rem 0}.how-to-grid{grid-template-columns:1fr!important;gap:1rem!important}.footer{padding:2.25rem 1rem 1.75rem}}@media (width<=480px){.hero-pill-tag{padding:.25rem .75rem;font-size:.76rem}.hero-title{font-size:1.7rem}.platform-detect-tag{padding:.15rem .35rem;font-size:.68rem}.btn-primary-fetch{white-space:normal;text-align:center;max-width:100%;padding:.55rem .9rem;font-size:.88rem}.quick-pill{min-height:36px;padding:.3rem .65rem;font-size:.78rem}.gallery-grid{grid-template-columns:1fr;gap:.85rem}}