:root{--bg:#fff;--fg:#1f1f1f;--muted:#5f6368;--line:#dfe1e5;--link:#1a0dab;--accent:#e8344e;--surface:#f1f3f4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17181a;--fg:#e8eaed;--muted:#9aa0a6;--line:#3c4043;--link:#8ab4f8;--accent:#ff5c74;--surface:#26282b}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.wordmark{letter-spacing:-.04em;color:var(--fg);margin:0 0 28px;font-size:clamp(44px,12vw,76px);font-weight:700}.wordmark span{color:var(--accent)}.wordmark.small{flex:none;margin:0;font-size:26px}.wordmark.small:hover{text-decoration:none}.home{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:24px 20px 18vh;display:flex}.tagline{color:var(--muted);text-align:center;margin-top:28px;font-size:14px}.searchform{width:100%;max-width:584px;position:relative}.searchform input{width:100%;height:48px;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:24px;outline:none;padding:0 20px 0 48px}.searchform input:hover,.searchform input:focus{box-shadow:0 1px 6px #20212447}.searchform input:focus-visible{border-color:var(--link)}.searchform .glass{width:20px;height:20px;color:var(--muted);pointer-events:none;position:absolute;top:14px;left:16px}.searchform .actions{justify-content:center;margin-top:28px;display:flex}.searchform button{font:inherit;cursor:pointer;color:var(--fg);background:var(--surface);border:1px solid #0000;border-radius:6px;padding:9px 18px;font-size:14px}.searchform button:hover{border-color:var(--line)}.searchform.compact{max-width:620px}.searchform.compact input{height:44px}.searchform.compact .glass{top:12px}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:5;align-items:center;gap:20px;padding:16px 20px;display:flex;position:sticky;top:0}.results{max-width:860px;padding:8px 20px 60px}.sortbar{color:var(--muted);align-items:center;gap:8px;margin:14px 0 2px;font-size:14px;display:flex}.sortbar a{border:1px solid var(--line);color:var(--fg);border-radius:18px;padding:6px 14px}.sortbar a:hover{background:var(--surface);text-decoration:none}.sortbar a.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.advanced{margin:6px 0 2px;font-size:14px}.advanced summary{cursor:pointer;color:var(--muted)}.advanced .sortbar{flex-wrap:wrap;margin-top:8px}.note{color:var(--muted);margin:2px 0 0;font-size:13px}.summary{color:var(--muted);margin:12px 0 4px;font-size:14px}.status{color:var(--muted);align-items:center;gap:12px;padding:32px 0;display:flex}.status.error{color:var(--accent)}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.result{border-bottom:1px solid var(--line);gap:20px;padding:22px 0;display:flex}.meta{flex:1;min-width:0}.src{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.badge{color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.badge.tiktok{background:#111}.badge.instagram{background:#c13584}.author{color:var(--fg);font-weight:500}.title{overflow-wrap:anywhere;margin:6px 0 2px;font-size:20px;line-height:1.3;display:block}.url{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.snippet{color:var(--muted);-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:8px 0;font-size:14px;display:-webkit-box;overflow:hidden}.stats{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.stats strong{color:var(--fg)}.viewer{aspect-ratio:3/4;background:#000;border-radius:12px;flex:none;width:220px;position:relative;overflow:hidden}.track{scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;flex:0 0 100%;justify-content:center;align-items:center;height:100%;display:flex}.slide img{object-fit:contain;width:100%;height:100%;display:block}.missing{color:#bbb;font-size:12px}.nav{color:#111;cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.nav.prev{left:6px}.nav.next{right:6px}.count{color:#fff;background:#0009;border-radius:10px;padding:2px 8px;font-size:11px;position:absolute;bottom:8px;right:8px}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:32px 0 0;display:flex}.pager a,.pager span{border-radius:20px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 12px;font-size:14px;display:inline-flex}.pager a:hover{background:var(--surface);text-decoration:none}.pager .current{background:var(--accent);color:#fff;font-weight:600}.pager .off{color:var(--muted);opacity:.5}@media (max-width:640px){.topbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.results{padding:4px 14px 48px}.result{gap:12px}.viewer{width:132px}.title{font-size:17px}.nav{width:28px;height:28px;font-size:18px}}.recreate{margin-top:10px}.recreate .actions{gap:8px;display:flex}.recreate button{font:inherit;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:#fff;border-radius:18px;padding:6px 14px;font-size:13px}.recreate button:hover:not(:disabled){background:var(--surface)}.recreate button.go{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.recreate button:disabled{opacity:.55;cursor:default}.recreate .panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:10px;margin-top:10px;padding:12px;display:grid}.recreate label{color:var(--muted);gap:4px;font-size:13px;display:grid}.recreate textarea,.recreate input{font:inherit;border:1px solid var(--line);color:var(--fg);background:#fff;border-radius:8px;padding:8px 10px;font-size:14px}.recreate .brief{white-space:pre-wrap;font:inherit;max-height:420px;margin:0;font-size:14px;overflow:auto}.recreate .err{color:#b3261e}.recreate .compare{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.recreate figure{width:130px;color:var(--muted);flex:none;gap:4px;margin:0;font-size:12px;display:grid}.recreate figure img,.recreate .ph{aspect-ratio:9/16;object-fit:cover;background:#ddd;border-radius:6px;width:130px}.recreate .ph{place-items:center;display:grid}
