:root{--bg-primary:#0b0e14;--bg-card:#121824;--bg-card-hover:#172030;--border-subtle:#ffffff14;--border-glow:#25f4ee4d;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--cyan:#25f4ee;--pink:#fe2c55;--gradient-tiktok:linear-gradient(135deg, #25f4ee 0%, #fe2c55 100%);--shadow-glow:0 0 25px #25f4ee40;--shadow-pink:0 0 25px #fe2c5540;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}.bg-glow-orb{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.orb-cyan{background:#25f4ee14;width:450px;height:450px;top:-10%;left:15%}.orb-pink{background:#fe2c5514;width:500px;height:500px;top:15%;right:10%}.container{z-index:1;max-width:1100px;margin:0 auto;padding:0 20px;position:relative}.sister-bar{border-bottom:1px solid var(--border-subtle);background:#121824f2;padding:8px 0;font-size:.8rem}.sister-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sister-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sister-link{color:var(--text-secondary);align-items:center;gap:4px;text-decoration:none;transition:color .2s;display:inline-flex}.sister-link:hover{color:var(--cyan)}.sister-link.active{color:var(--cyan);font-weight:700}.navbar{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.brand-logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{border:1px solid var(--border-glow);background:#000;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:-2px -2px 10px #25f4ee66,2px 2px 10px #fe2c5566}.brand-name{color:#fff}.brand-name span{color:var(--cyan)}.hero{text-align:center;padding:40px 0 30px}.badge-pill{color:var(--cyan);background:#25f4ee1a;border:1px solid #25f4ee4d;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15}.text-gradient{background:var(--gradient-tiktok);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{color:var(--text-secondary);max-width:650px;margin:0 auto 30px;font-size:1.1rem}.search-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;max-width:720px;margin:0 auto 20px;padding:8px;transition:all .25s;box-shadow:0 10px 30px #00000080}.search-card:focus-within{border-color:var(--cyan);box-shadow:var(--shadow-glow)}.search-row{align-items:center;gap:8px;display:flex}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-size:1rem}.search-input::placeholder{color:var(--text-muted)}.btn-paste{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-paste:hover{color:#fff;background:#ffffff1f}.btn-submit{background:var(--gradient-tiktok);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.btn-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.off-platform-banner{text-align:left;background:#fe2c551a;border:1px solid #fe2c5559;border-radius:14px;align-items:flex-start;gap:14px;max-width:720px;margin:0 auto 30px;padding:18px;display:flex}.off-platform-banner h4{color:#fff;margin-bottom:4px;font-size:1rem}.off-platform-banner p{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem}.btn-sister-redirect{background:var(--pink);color:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.result-card{background:var(--bg-card);border:1px solid var(--border-glow);max-width:760px;box-shadow:var(--shadow-glow);border-radius:20px;margin:30px auto;padding:24px}.result-grid{grid-template-columns:200px 1fr;gap:20px;display:grid}@media (width<=640px){.result-grid{grid-template-columns:1fr}}.result-thumb{aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:12px;width:100%;max-height:280px}.result-info{flex-direction:column;justify-content:space-between;display:flex}.result-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;font-size:1.15rem;font-weight:700;display:-webkit-box;overflow:hidden}.creator-badge{color:var(--cyan);margin-bottom:16px;font-size:.9rem;font-weight:600}.formats-stack{flex-direction:column;gap:10px;display:flex}.format-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.format-btn:hover{border-color:var(--cyan);background:#25f4ee1f}.format-btn.primary{background:var(--gradient-tiktok);color:#000;border:none;font-weight:700}.format-label{flex-direction:column;display:flex}.format-main{font-size:.95rem;font-weight:700}.format-sub{opacity:.8;font-size:.8rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:50px 0;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:transform .2s,border-color .2s}.feature-card:hover{border-color:#25f4ee66;transform:translateY(-3px)}.feature-icon{width:44px;height:44px;color:var(--cyan);background:#25f4ee1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feature-title{margin-bottom:8px;font-size:1.1rem;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:.9rem}.how-to{margin:60px 0}.section-title{text-align:center;margin-bottom:30px;font-size:1.85rem;font-weight:800}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.step-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;position:relative}.step-number{font-family:var(--font-mono);color:#25f4ee4d;margin-bottom:10px;font-size:2.2rem;font-weight:800}.step-heading{margin-bottom:8px;font-size:1.15rem;font-weight:700}.step-desc{color:var(--text-secondary);font-size:.9rem}.faq-list{flex-direction:column;gap:12px;max-width:800px;margin:0 auto 60px;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden}.faq-question{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;font-size:1rem;font-weight:600;display:flex}.faq-answer{color:var(--text-secondary);padding:0 20px 18px;font-size:.92rem;line-height:1.6}.footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);text-align:center;padding:40px 0 30px;font-size:.85rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:16px;display:flex}.footer-links a{color:var(--text-secondary);text-decoration:none}.footer-links a:hover{color:var(--cyan)}
