.demo .cards{list-style:none;margin:6px 0 0;padding:0;display:grid}.demo .card-p{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:start;padding:14px 0;border-top:1px solid rgb(0 0 0 / 9%)}.demo .card-p:first-child{border-top:0}.demo .thumb{width:104px;height:120px;border-radius:14px;display:grid;place-items:center;background:hsl(var(--h) 35% 96%);border:1px solid rgb(0 0 0 / 10%)}.demo .thumb{overflow:hidden}.demo .thumb img{width:100%;height:100%;object-fit:cover;display:block}.demo .thumb svg{width:86px;height:86px}.demo .info{display:grid;gap:3px;min-width:0;align-content:start}.demo .badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.demo .badge{font-size:.74rem;font-weight:600;padding:2px 10px;border-radius:999px;background:#eee;color:#404040}.demo .badge.b0{background:#e2f4e6;color:#1d7a34}.demo .tag{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);padding:3px 8px;border-radius:999px;white-space:nowrap}.demo .ttl{font-size:1.02rem;font-weight:700;line-height:1.25;text-decoration:underline dotted rgb(0 0 0 / 55%);text-underline-offset:4px;width:fit-content;max-width:100%}.demo .price{font-size:.95rem;font-weight:700}.demo .desc{font-size:.84rem;line-height:1.45;color:#262626}.demo .best{font-size:.78rem;color:#6b6b6b}.demo .card-p.mine{background:#fff8d1;margin-inline:-8px;padding-inline:8px;border-radius:14px;border-top-color:transparent}.demo .card-p.mine+.card-p{border-top-color:transparent}.demo .card-p.in .thumb{animation:pop .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d, 0ms)}.demo .card-p.in .info{animation:fade .5s ease both;animation-delay:calc(var(--d, 0ms) + .26s)}.demo .card-p.mine.in{animation:glow 1.8s ease-out calc(var(--d, 0ms) + .5s) 2}@keyframes pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes glow{0%{box-shadow:0 0 #ffd4008c}to{box-shadow:0 0 0 14px #ffd40000}}@media(max-width:560px){.demo .card-p{grid-template-columns:76px minmax(0,1fr);gap:12px}.demo .thumb{width:76px;height:92px;border-radius:12px}.demo .thumb svg{width:62px;height:62px}.demo .desc{font-size:.8rem}.demo-chat{min-height:720px}}.demo[data-compact] .demo-chat{min-height:0;padding:14px 16px 4px;gap:10px}.demo[data-compact] .card-p{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:9px 0}.demo[data-compact] .thumb{width:72px;height:80px;border-radius:10px}.demo[data-compact] .thumb svg{width:56px;height:56px}.demo[data-compact] .info{gap:1px}.demo[data-compact] .ttl{font-size:.94rem}.demo[data-compact] .desc{font-size:.78rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo[data-compact] .best,.demo[data-compact] .ai-outro{display:none}.demo[data-compact] .ai-intro{font-size:.88rem}.demo[data-mini]{box-shadow:0 18px 40px #00000073;border-radius:14px}.demo[data-mini] .demo-switch,.demo[data-mini] .demo-fine,.demo[data-mini] .ai-outro{display:none}.demo[data-mini] .demo-bar{padding:8px 12px}.demo[data-mini] .demo-chat{min-height:0;padding:12px 12px 8px;gap:10px}.demo[data-mini] .msg.user{font-size:.82rem;padding:7px 11px}.demo[data-mini] .ai-intro{font-size:.8rem}.demo[data-mini] .card-p{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:8px 0}.demo[data-mini] .thumb{width:56px;height:64px;border-radius:10px}.demo[data-mini] .thumb svg{width:44px;height:44px}.demo[data-mini] .ttl{font-size:.85rem}.demo[data-mini] .desc,.demo[data-mini] .best{display:none}.demo[data-mini] .badge{font-size:.66rem}@media(prefers-reduced-motion:reduce){.demo .card-p.in .thumb,.demo .card-p.in .info,.demo .card-p.mine.in{animation:none}}.demo[data-astro-cid-m4bbnh3c]{--bg-chat: #ffffff;--fg: #0d0d0d;--muted2: #6b6b6b;--bubble: #f1f1f1;--line2: rgb(0 0 0 / 10%);border:var(--frame) solid var(--line-strong);border-radius:18px;background:var(--bg-chat);color:var(--fg);overflow:hidden;box-shadow:0 30px 70px #0000008c;font-family:Hanken Grotesk,system-ui,sans-serif;font-weight:400;transition:background .5s ease}.demo[data-astro-cid-m4bbnh3c][data-model=gemini]{--bg-chat: #f8fafd;--bubble: #e3eaf6}.demo[data-astro-cid-m4bbnh3c][data-model=perplexity]{--bg-chat: #fbfaf7;--bubble: #eeece6}.demo-bar[data-astro-cid-m4bbnh3c]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line2)}.demo-model[data-astro-cid-m4bbnh3c]{display:inline-flex;align-items:center;gap:8px;font-size:.9rem}.demo-switch[data-astro-cid-m4bbnh3c]{display:inline-flex;background:#0000000f;border-radius:999px;padding:3px}.demo-switch[data-astro-cid-m4bbnh3c] button[data-astro-cid-m4bbnh3c]{all:unset;cursor:pointer;font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:999px;color:var(--muted2);transition:background .25s,color .25s}.demo-switch[data-astro-cid-m4bbnh3c] button[data-astro-cid-m4bbnh3c].on{background:var(--accent);color:var(--accent-ink)}.demo-switch[data-astro-cid-m4bbnh3c] button[data-astro-cid-m4bbnh3c]:focus-visible{outline:2px solid #0d0d0d;outline-offset:2px}.demo-chat[data-astro-cid-m4bbnh3c]{padding:18px 16px 6px;display:grid;gap:14px;min-height:620px;align-content:start}.msg[data-astro-cid-m4bbnh3c].user{justify-self:end;max-width:86%;background:var(--bubble);padding:10px 14px;border-radius:18px;font-size:.95rem;line-height:1.45}.caret[data-astro-cid-m4bbnh3c]{display:none;width:2px;height:1em;background:var(--fg);margin-left:2px;vertical-align:-2px;animation:blink .9s steps(1) infinite}.demo[data-astro-cid-m4bbnh3c].typing .caret[data-astro-cid-m4bbnh3c]{display:inline-block}.ai-intro[data-astro-cid-m4bbnh3c],.ai-outro[data-astro-cid-m4bbnh3c]{margin:0;font-size:.95rem;line-height:1.55;color:var(--fg)}.ai-outro[data-astro-cid-m4bbnh3c]{color:var(--muted2);font-size:.88rem;margin-top:10px}.thinking[data-astro-cid-m4bbnh3c]{display:none;gap:5px;padding:6px 0}.thinking[data-astro-cid-m4bbnh3c] i[data-astro-cid-m4bbnh3c]{width:8px;height:8px;border-radius:50%;background:#9b9b9b;animation:dot 1s infinite ease-in-out}.thinking[data-astro-cid-m4bbnh3c] i[data-astro-cid-m4bbnh3c]:nth-child(2){animation-delay:.15s}.thinking[data-astro-cid-m4bbnh3c] i[data-astro-cid-m4bbnh3c]:nth-child(3){animation-delay:.3s}.demo[data-astro-cid-m4bbnh3c].thinking-on .thinking[data-astro-cid-m4bbnh3c]{display:flex}.demo-fine[data-astro-cid-m4bbnh3c]{margin:0;padding:10px 16px 14px;font-size:.72rem;color:#8a8a8a}@keyframes blink{50%{opacity:0}}@keyframes dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}