:root{--bg-color: #090D16;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--card-hover-border: rgba(99, 102, 241, .35);--input-bg: rgba(15, 23, 42, .6);--input-border: rgba(255, 255, 255, .12);--accent-gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);--accent-hover: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);--accent-color: #6366F1;--hover-overlay: rgba(255, 255, 255, .06);--toast-bg: rgba(15, 23, 42, .95);--error-bg: rgba(239, 68, 68, .15);--error-border: rgba(239, 68, 68, .3);--error-text: #FCA5A5}.light{--bg-color: #F8FAFC;--text-primary: #0F172A;--text-secondary: #64748B;--card-bg: rgba(255, 255, 255, .85);--card-border: rgba(0, 0, 0, .08);--card-hover-border: rgba(99, 102, 241, .4);--input-bg: #FFFFFF;--input-border: rgba(0, 0, 0, .15);--accent-gradient: linear-gradient(135deg, #2563EB 0%, #6366F1 100%);--accent-hover: linear-gradient(135deg, #1D4ED8 0%, #4F46E5 100%);--accent-color: #4F46E5;--hover-overlay: rgba(0, 0, 0, .04);--toast-bg: rgba(255, 255, 255, .95);--error-bg: rgba(239, 68, 68, .1);--error-border: rgba(239, 68, 68, .25);--error-text: #DC2626}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;box-shadow:none!important}html,body{width:100%;max-width:100vw;overflow-x:hidden!important;position:relative;background-color:var(--bg-color);color:var(--text-primary);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .4s ease}h1,h2,h3,h4,.brand-font,.font-heading{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.02em}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}svg{display:inline-block;vertical-align:middle;flex-shrink:0;max-width:100%;max-height:100%}.w-3\.5{width:.875rem!important}.h-3\.5{height:.875rem!important}.w-4{width:1rem!important}.h-4{height:1rem!important}.w-5{width:1.25rem!important}.h-5{height:1.25rem!important}.w-6{width:1.5rem!important}.h-6{height:1.5rem!important}.w-8{width:2rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.h-10{height:2.5rem!important}.w-11{width:2.75rem!important}.h-11{height:2.75rem!important}.w-12{width:3rem!important}.h-12{height:3rem!important}.tweet-avatar{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid var(--card-border)!important;flex-shrink:0!important}.verified-badge{width:16px!important;height:16px!important;fill:#3b82f6!important;color:#3b82f6!important;flex-shrink:0!important}.close-card-btn{width:32px;height:32px;border-radius:50%;background-color:var(--hover-overlay);border:1px solid var(--card-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.close-card-btn:hover{background-color:#ef444433;color:#ef4444;border-color:#ef444466;transform:scale(1.08)}.w-40-pc{width:40%!important;min-width:40%!important;max-width:40%!important}.w-60-pc{flex:1!important;width:60%!important}.quality-dropdown-select{width:100%;height:44px;padding:0 1.5rem 0 .625rem;border-radius:.625rem;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-size:.825rem;font-weight:600;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:all .2s ease;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap}.quality-dropdown-select:focus{border-color:var(--accent-color)}.quality-dropdown-select option,.quality-dropdown-select optgroup{background-color:#0f172a;color:#f8fafc;font-weight:500;padding:.5rem}.light .quality-dropdown-select option,.light .quality-dropdown-select optgroup{background-color:#fff;color:#0f172a}.btn-minimal-download{display:flex;align-items:center;justify-content:space-between;padding:.65rem .875rem;border-radius:.75rem;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);font-size:.85rem;font-weight:600;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box}.btn-minimal-download:hover{background:var(--hover-overlay);border-color:var(--card-hover-border)}.btn-minimal-download.primary{border-color:#6366f159;background:#6366f114}.btn-minimal-download.primary:hover{background:#6366f129}.badge-size{font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:.375rem;background:#6366f133;color:var(--accent-color);flex-shrink:0}.badge-size.secondary{background:#ffffff0f;color:var(--text-secondary)}.ambient-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden!important}.ambient-glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.18;animation:floatGlow 12s ease-in-out infinite alternate}.glow-1{top:-10%;left:-5%;width:50vw;height:50vw;background:radial-gradient(circle,#3b82f6,#3b82f600 70%)}.glow-2{top:25%;right:-5%;width:55vw;height:55vw;background:radial-gradient(circle,#8b5cf6,#8b5cf600 70%);animation-delay:-6s}.light .ambient-glow{opacity:.1}@keyframes floatGlow{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-15px) scale(1.05)}}::selection{background-color:#6366f14d;color:inherit}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:#8b5cf6}.min-h-screen{min-height:100vh}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.w-full{width:100%;max-width:100%}.max-w-full{max-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pb-8{padding-bottom:2rem}.pb-12{padding-bottom:3rem}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:0rem!important}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-center{text-align:center}.text-left{text-align:left}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-white{color:#fff}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.hidden{display:none!important}@media(min-width:480px){.xs\:inline{display:inline!important}.xs\:block{display:block!important}}@media(min-width:641px){.sm\:block{display:block!important}.sm\:inline{display:inline!important}.sm\:flex{display:flex!important}.sm\:flex-row{flex-direction:row!important}.sm\:items-center{align-items:center!important}.sm\:p-8{padding:2rem!important}}@media(min-width:769px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:text-6xl{font-size:3.75rem!important}.md\:text-xl{font-size:1.25rem!important}.md\:text-4xl{font-size:2.25rem!important}.md\:pr-8{padding-right:2rem!important}.md\:py-16{padding-top:4rem!important;padding-bottom:4rem!important}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.right-0{right:0}.left-3{left:.75rem}.left-3\.5{left:.875rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-3{right:.75rem}.left-4{left:1rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.object-cover{object-fit:cover}.overflow-hidden{overflow:hidden}.border{border-width:1px;border-style:solid}.border-card-border{border-color:var(--card-border)}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.block{display:block}.inline-block{display:inline-block}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-accent-color{color:var(--accent-color)}.hover\:text-primary:hover{color:var(--text-primary)}.bg-transparent{background-color:transparent}.border-none{border:none}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card{background-color:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;max-width:100%;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--card-hover-border)}.badge-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:9999px;background:#6366f11f;border:1px solid rgba(99,102,241,.25);color:var(--accent-color);font-size:.85rem;font-weight:700;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;letter-spacing:.01em;max-width:100%}.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.25rem;height:50px;border-radius:.875rem;font-weight:700;font-size:.9375rem;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;cursor:pointer;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;max-width:100%;box-sizing:border-box}.btn-pill:active{transform:scale(.98)}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.5)}.btn-secondary{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover:not(:disabled){background-color:var(--hover-overlay);border-color:var(--card-hover-border);transform:translateY(-1px)}.sticky-nav{position:sticky;top:0;z-index:50;width:100%;max-width:100vw;background-color:#090d16d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);transition:background-color .4s ease}.light .sticky-nav{background-color:#f8fafcd9}.nav-container{max-width:72rem;margin:0 auto;padding:0 1.25rem;height:4.5rem;display:flex;align-items:center;justify-content:space-between}.logo-badge{width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.theme-toggle-btn,.mobile-menu-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hover-overlay);border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:1.125rem;flex-shrink:0}.theme-toggle-btn:hover,.mobile-menu-btn:hover{background:var(--card-border);transform:scale(1.05)}.mobile-drawer{position:fixed;top:4.5rem;left:0;right:0;background:var(--bg-color);border-bottom:1px solid var(--card-border);padding:1.5rem;z-index:45;display:flex;flex-direction:column;gap:1.25rem;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spidvid-input{width:100%;max-width:100%;padding:.875rem 6.75rem .875rem 3.25rem;height:54px;border-radius:1rem;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-size:1rem;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;outline:none;transition:all .2s ease;box-sizing:border-box}.spidvid-input:focus{border-color:var(--accent-color)}.spidvid-input::placeholder{color:var(--text-secondary);opacity:.8}.action-pill-btn{padding:.4rem .85rem;border-radius:.625rem;background-color:#ffffff1a;color:var(--text-primary);font-size:.75rem;font-weight:700;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;border:1px solid var(--card-border);cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease;flex-shrink:0}.action-pill-btn:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.quick-chip{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary);background:var(--hover-overlay);border:1px solid var(--card-border);padding:.375rem .85rem;border-radius:9999px;cursor:pointer;transition:all .2s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-chip:hover{color:var(--accent-color);border-color:var(--accent-color);background:#6366f11a}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:.875rem 1.25rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;font-size:.9rem;margin-top:1rem;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tab-group{display:flex;background:var(--hover-overlay);border:1px solid var(--card-border);padding:4px;border-radius:12px}.tab-btn{flex:1;padding:.625rem .75rem;border-radius:8px;font-weight:700;font-size:.875rem;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.tab-btn.active{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border)}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:100;max-width:calc(100vw - 2rem)}.toast{background:var(--toast-bg);color:var(--text-primary);border:1px solid var(--accent-color);padding:.875rem 1.25rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;animation:toastIn .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.skeleton-box{background-color:var(--hover-overlay);border-radius:8px;position:relative;overflow:hidden}.skeleton-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}.step-card{position:relative;padding:2rem;border-radius:20px;text-align:left}.step-num{font-size:2.5rem;font-weight:900;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.8;margin-bottom:.75rem}.article-section{background-color:#0000002e;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);width:100%;max-width:100%}.light .article-section{background-color:#00000005}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2.5rem}.feature-card{padding:2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;text-align:left;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--card-hover-border)}.feature-icon{width:52px;height:52px;border-radius:14px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-bottom:1.25rem;flex-shrink:0}.modern-footer{border-top:1px solid var(--card-border);background-color:#00000059;width:100%;max-width:100%}.light .modern-footer{background-color:#00000005}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-heading{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-weight:700;margin-bottom:1.25rem;color:var(--text-primary)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--text-secondary);transition:color .2s}.footer-links a:hover{color:var(--accent-color)}@media(max-width:640px){body{overflow-x:hidden!important}.article-grid{grid-template-columns:1fr}.how-to-grid{gap:0!important}.how-to-grid .step-card{border-radius:0!important;border-bottom:none!important}.how-to-grid .step-card:first-child{border-top-left-radius:20px!important;border-top-right-radius:20px!important}.how-to-grid .step-card:last-child{border-bottom-left-radius:20px!important;border-bottom-right-radius:20px!important;border-bottom:1px solid var(--card-border)!important}h1,.text-4xl{font-size:1.75rem!important;line-height:1.25!important}h2,.text-3xl{font-size:1.3rem!important;line-height:1.3!important}h3,.text-xl{font-size:1.1rem!important}p,.text-lg{font-size:.9375rem!important;line-height:1.55!important}.text-base{font-size:.875rem!important}.badge-pill{font-size:.75rem!important;padding:.3rem .75rem!important}.quick-chip{font-size:.7rem!important;padding:.25rem .6rem!important;max-width:100%!important}.spidvid-input{font-size:.85rem!important;height:48px!important;padding-left:2.75rem!important;padding-right:5.5rem!important}.btn-pill{height:44px!important;font-size:.8rem!important;padding:0 .5rem!important}.action-pill-btn{font-size:.7rem!important;padding:.3rem .6rem!important}.tab-btn{font-size:.8rem!important;padding:.5rem .4rem!important}.quality-dropdown-select{height:44px!important;font-size:.75rem!important;padding:0 1.25rem 0 .4rem!important}.tweet-avatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important}.verified-badge{width:14px!important;height:14px!important}.feature-card,.step-card{padding:1.25rem!important}.step-num{font-size:1.75rem!important;margin-bottom:.5rem!important}.feature-icon{width:44px!important;height:44px!important;font-size:1.25rem!important;margin-bottom:1rem!important}.toast-container{left:1rem;right:1rem;bottom:1rem;max-width:calc(100vw - 2rem)}.toast{width:100%;justify-content:center;font-size:.85rem!important;padding:.75rem 1rem!important}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-heading{font-size:1rem!important;margin-bottom:.875rem!important}.py-16{padding-top:2.5rem!important;padding-bottom:2.5rem!important}}