.demo-outer[data-astro-cid-bbe6dxrz]{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:96px}.demo-wide[data-astro-cid-bbe6dxrz]{position:relative;width:640px;height:260px;mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%)}.email-card[data-astro-cid-bbe6dxrz]{position:absolute;top:0;left:50%;width:272px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:0 4px 24px -6px #0000001a,0 1px 4px #0000000d}.email-1[data-astro-cid-bbe6dxrz]{animation:email1Float 10s cubic-bezier(.4,0,.2,1) infinite}.email-2[data-astro-cid-bbe6dxrz]{animation:email2Float 10s cubic-bezier(.4,0,.2,1) infinite}.email-header[data-astro-cid-bbe6dxrz]{display:flex;align-items:center;gap:10px}.avatar[data-astro-cid-bbe6dxrz]{width:32px;height:32px;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-teal[data-astro-cid-bbe6dxrz]{background:oklch(.511 .096 186.391 / .15);color:oklch(.511 .096 186.391)}.avatar-amber[data-astro-cid-bbe6dxrz]{background:#eea23e26;color:oklch(.6 .143 69.7)}.email-meta[data-astro-cid-bbe6dxrz]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.email-from[data-astro-cid-bbe6dxrz]{font-size:12px;font-weight:600;color:var(--foreground);line-height:1.2}.email-subject[data-astro-cid-bbe6dxrz]{font-size:11px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.email-time[data-astro-cid-bbe6dxrz]{font-size:10px;color:var(--muted-foreground);flex-shrink:0}.email-lines[data-astro-cid-bbe6dxrz]{margin-top:10px;display:flex;flex-direction:column;gap:5px}.line[data-astro-cid-bbe6dxrz]{height:6px;background:var(--muted);border-radius:3px;width:100%}.capsule-row[data-astro-cid-bbe6dxrz]{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px}.capsule-icon[data-astro-cid-bbe6dxrz]{border-radius:10px;background:oklch(.511 .096 186.391 / .1);color:oklch(.511 .096 186.391);display:flex;align-items:center;justify-content:center;flex-shrink:0}.capsule-info[data-astro-cid-bbe6dxrz]{display:flex;flex-direction:column;gap:2px;min-width:0}.capsule-name[data-astro-cid-bbe6dxrz]{font-weight:600;color:var(--foreground);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capsule-count[data-astro-cid-bbe6dxrz]{color:var(--muted-foreground);line-height:1.2}.capsule-side[data-astro-cid-bbe6dxrz]{width:176px;background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;opacity:.55;transform:scale(.93)}.capsule-side[data-astro-cid-bbe6dxrz] .capsule-icon[data-astro-cid-bbe6dxrz]{width:30px;height:30px}.capsule-side[data-astro-cid-bbe6dxrz] .capsule-name[data-astro-cid-bbe6dxrz]{font-size:12px}.capsule-side[data-astro-cid-bbe6dxrz] .capsule-count[data-astro-cid-bbe6dxrz]{font-size:10px}.capsule-center[data-astro-cid-bbe6dxrz]{width:272px;background:var(--card);border:2px solid oklch(.511 .096 186.391 / .2);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;animation:capsulePulse 14s cubic-bezier(.4,0,.2,1) infinite}.capsule-center[data-astro-cid-bbe6dxrz] .capsule-icon[data-astro-cid-bbe6dxrz]{width:36px;height:36px}.capsule-center[data-astro-cid-bbe6dxrz] .capsule-name[data-astro-cid-bbe6dxrz]{font-size:13px}.capsule-center[data-astro-cid-bbe6dxrz] .capsule-count[data-astro-cid-bbe6dxrz]{font-size:11px}.new-badge[data-astro-cid-bbe6dxrz]{width:22px;height:22px;border-radius:50%;background:oklch(.511 .096 186.391);color:#f0fdfa;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;animation:badgePop 14s cubic-bezier(.4,0,.2,1) infinite}.members[data-astro-cid-bbe6dxrz]{display:flex;align-items:center;gap:6px}.member[data-astro-cid-bbe6dxrz]{width:26px;height:26px;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--background);box-shadow:0 1px 3px #00000014}.mem-1[data-astro-cid-bbe6dxrz]{animation:memberPop1 14s cubic-bezier(.34,1.56,.64,1) infinite}.mem-2[data-astro-cid-bbe6dxrz]{animation:memberPop2 14s cubic-bezier(.34,1.56,.64,1) infinite}.members-label[data-astro-cid-bbe6dxrz]{font-size:11px;color:var(--muted-foreground);animation:labelFade 14s ease-in-out infinite;opacity:0}.email-1[data-astro-cid-bbe6dxrz]{animation:email1Float 14s cubic-bezier(.4,0,.2,1) infinite}.email-2[data-astro-cid-bbe6dxrz]{animation:email2Float 14s cubic-bezier(.4,0,.2,1) infinite}@keyframes email1Float{0%{opacity:0;transform:translate(-50%) translateY(-16px)}6%{opacity:1;transform:translate(-50%) translateY(0)}20%{transform:translate(-50%) translateY(-5px)}27%{opacity:1;transform:translate(-50%) translateY(0)}32%{opacity:1;transform:translate(-50%) translateY(148px) scale(.88)}37%{opacity:0;transform:translate(-50%) translateY(168px) scale(.55)}95%,to{opacity:0;transform:translate(-50%) translateY(-16px)}}@keyframes email2Float{0%,43%{opacity:0;transform:translate(-50%) translateY(-16px)}49%{opacity:1;transform:translate(-50%) translateY(0)}62%{transform:translate(-50%) translateY(-5px)}67%{opacity:1;transform:translate(-50%) translateY(0)}71%{opacity:1;transform:translate(-50%) translateY(148px) scale(.88)}75%{opacity:0;transform:translate(-50%) translateY(168px) scale(.55)}95%,to{opacity:0;transform:translate(-50%) translateY(-16px)}}@keyframes capsulePulse{0%,30%{box-shadow:none;border-color:oklch(.511 .096 186.391 / .2)}36%{box-shadow:0 0 0 4px oklch(.511 .096 186.391 / .12),0 0 28px oklch(.511 .096 186.391 / .22);border-color:oklch(.511 .096 186.391 / .65)}44%{box-shadow:none;border-color:oklch(.511 .096 186.391 / .25)}70%{box-shadow:none;border-color:oklch(.511 .096 186.391 / .25)}74%{box-shadow:0 0 0 4px oklch(.511 .096 186.391 / .12),0 0 28px oklch(.511 .096 186.391 / .22);border-color:oklch(.511 .096 186.391 / .65)}82%{box-shadow:none;border-color:oklch(.511 .096 186.391 / .3)}96%{border-color:oklch(.511 .096 186.391 / .25)}to{border-color:oklch(.511 .096 186.391 / .2)}}@keyframes badgePop{0%,32%{opacity:0;transform:scale(.5)}37%{opacity:1;transform:scale(1.2)}41%{opacity:1;transform:scale(1)}47%{opacity:0;transform:scale(.5)}71%{opacity:0;transform:scale(.5)}75%{opacity:1;transform:scale(1.2)}79%{opacity:1;transform:scale(1)}85%{opacity:0;transform:scale(.5)}to{opacity:0}}@keyframes memberPop1{0%,34%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.15)}44%{opacity:1;transform:scale(1)}96%{opacity:1;transform:scale(1)}99%,to{opacity:0;transform:scale(.4)}}@keyframes memberPop2{0%,72%{opacity:0;transform:scale(.4)}77%{opacity:1;transform:scale(1.15)}81%{opacity:1;transform:scale(1)}96%{opacity:1;transform:scale(1)}99%,to{opacity:0;transform:scale(.4)}}@keyframes labelFade{0%,74%{opacity:0}80%{opacity:1}96%{opacity:1}99%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.email-1[data-astro-cid-bbe6dxrz]{animation:none;opacity:1;transform:translate(-50%)}.email-2[data-astro-cid-bbe6dxrz]{animation:none;display:none}.capsule-center[data-astro-cid-bbe6dxrz]{animation:none}.new-badge[data-astro-cid-bbe6dxrz]{animation:none;opacity:1}.mem-1[data-astro-cid-bbe6dxrz],.mem-2[data-astro-cid-bbe6dxrz]{animation:none;opacity:1;transform:scale(1)}.members-label[data-astro-cid-bbe6dxrz]{animation:none;opacity:1}}