: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-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:#ffffffe6;--nav-border:#e2e8f0;--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-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:#070d1ee6;--nav-border:#0ea5e92e;--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}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;overflow-x:hidden}[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%)}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;background:0 0;border:none;font-family:inherit}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border);padding:.9rem 1.5rem;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}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.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);padding:.85rem;transition:border-color .3s,box-shadow .3s;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);align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.search-icon-wrapper{color:var(--text-muted);align-items:center;display:flex}.main-url-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.05rem}.main-url-input::placeholder{color:var(--text-muted)}.search-action-buttons{align-items:center;gap:.5rem;display:flex}.btn-paste{background:var(--card-item-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.btn-paste:hover{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;align-items:center;gap:.5rem;padding:.65rem 1.4rem;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}.platform-quick-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin-top:1.5rem;display:flex}.quick-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.quick-pill:hover{color:var(--accent-blue);background:#0284c714;border-color:#0284c74d;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;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;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}.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)}}