.phone-fig[data-astro-cid-cnrv53ql]{gap:var(--space-3);justify-items:center;margin:0;display:grid}.phone[data-astro-cid-cnrv53ql]{background:var(--bg-raised);border:1px solid var(--ink-faint);border-radius:36px;width:min(100%,320px);padding:9px;box-shadow:0 24px 48px -28px #1f1b1773}.screen[data-astro-cid-cnrv53ql]{background:var(--bg-sunken);border-radius:28px;align-content:start;gap:10px;min-height:520px;padding:10px 12px 18px;display:grid}.bar[data-astro-cid-cnrv53ql]{font:600 11px/1 var(--font-sans);color:var(--ink);justify-content:space-between;align-items:center;padding:4px 8px 6px;display:flex}.notch[data-astro-cid-cnrv53ql]{background:var(--ink-faint);border-radius:12px;width:84px;height:20px}.notif[data-astro-cid-cnrv53ql],.sheet[data-astro-cid-cnrv53ql],.reply[data-astro-cid-cnrv53ql]{background:var(--bg-raised);border:var(--border-hairline);border-radius:16px;gap:8px;padding:12px 14px;display:grid}.app[data-astro-cid-cnrv53ql]{font:500 11px/14px var(--font-sans);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;display:flex}.mark[data-astro-cid-cnrv53ql]{background:var(--accent);border-radius:4px;width:14px;height:14px}.title[data-astro-cid-cnrv53ql]{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.mono[data-astro-cid-cnrv53ql]{font-family:var(--font-mono);font-size:12px}.body[data-astro-cid-cnrv53ql]{color:var(--ink);font-size:13px;line-height:19px}.acts[data-astro-cid-cnrv53ql]{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:2px;display:grid}.act[data-astro-cid-cnrv53ql]{text-align:center;font:500 12px/30px var(--font-sans);border:var(--border-hairline);color:var(--ink);border-radius:8px}.act[data-astro-cid-cnrv53ql].on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.label[data-astro-cid-cnrv53ql]{color:var(--ink-muted);font-size:12px}.kinds[data-astro-cid-cnrv53ql]{gap:6px;display:flex}.kind[data-astro-cid-cnrv53ql]{font:500 12px/26px var(--font-mono);border:var(--border-hairline);color:var(--ink-muted);border-radius:999px;padding:0 10px}.kind[data-astro-cid-cnrv53ql].on{border-color:var(--ink);color:var(--ink)}.msg[data-astro-cid-cnrv53ql]{border:1px solid var(--ink-faint);background:var(--bg);border-radius:8px;padding:8px 10px;font-size:13px;line-height:19px}.send[data-astro-cid-cnrv53ql]{font:500 12px/30px var(--font-sans);background:var(--ink);color:var(--bg);border-radius:8px;justify-self:end;padding:0 14px}.line[data-astro-cid-cnrv53ql]{color:var(--ink);flex-wrap:wrap;align-items:center;gap:6px;display:flex}figcaption[data-astro-cid-cnrv53ql]{text-align:center;max-width:320px}.pre[data-astro-cid-cnrv53ql] .step[data-astro-cid-cnrv53ql]{opacity:0}.play[data-astro-cid-cnrv53ql] .s1[data-astro-cid-cnrv53ql]{animation:rise .5s var(--ease-out) .1s both}.play[data-astro-cid-cnrv53ql] .act[data-astro-cid-cnrv53ql].on{animation:tap .4s var(--ease-out) 1.1s both}.play[data-astro-cid-cnrv53ql] .s2[data-astro-cid-cnrv53ql]{animation:rise .5s var(--ease-out) 1.5s both}.play[data-astro-cid-cnrv53ql] .s3[data-astro-cid-cnrv53ql]{animation:rise .5s var(--ease-out) 2.9s both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes tap{0%{transform:scale(1)}50%{transform:scale(.94)}to{transform:scale(1)}}