.phone:where(.astro-ykln7coe){border:1px solid var(--ck-hairline);background:var(--ck-ground);border-radius:30px;width:100%;max-width:19rem;padding:8px}.screen:where(.astro-ykln7coe){background:var(--ck-ground);border:1px solid var(--ck-hairline);border-radius:23px;flex-direction:column;min-height:27rem;display:flex;overflow:hidden}.topbar:where(.astro-ykln7coe){border-bottom:1px solid var(--ck-hairline);align-items:center;gap:.6rem;padding:.75rem .9rem;display:flex}.disc:where(.astro-ykln7coe){background:var(--ck-surface-strong);width:34px;height:34px;color:var(--ck-text);border-radius:999px;flex:none;place-items:center;font-size:.75rem;font-weight:600;display:grid}.who:where(.astro-ykln7coe){line-height:1.25;display:grid}.who:where(.astro-ykln7coe) b:where(.astro-ykln7coe){font-size:.9375rem}.who:where(.astro-ykln7coe) i:where(.astro-ykln7coe){color:var(--ck-text-secondary);font-size:.75rem;font-style:normal}.thread:where(.astro-ykln7coe){flex:1;align-content:start;gap:.4rem;padding:.9rem;font-size:.8125rem;display:grid}.row:where(.astro-ykln7coe){display:flex}.row:where(.astro-ykln7coe).me{justify-content:flex-end}.bubble:where(.astro-ykln7coe){border-radius:16px;max-width:84%;margin:0;padding:.5rem .7rem;line-height:1.4}.them:where(.astro-ykln7coe) .bubble:where(.astro-ykln7coe){background:var(--ck-bubble-theirs);color:var(--ck-bubble-theirs-text);border:1px solid var(--ck-hairline);border-bottom-left-radius:6px}.me:where(.astro-ykln7coe) .bubble:where(.astro-ykln7coe){background:var(--ck-bubble-mine);color:var(--ck-bubble-mine-text);border-bottom-right-radius:6px}.meta:where(.astro-ykln7coe){opacity:.55;align-items:center;gap:.2rem;margin-inline-start:.4rem;font-size:.625rem;display:inline-flex}.ticks:where(.astro-ykln7coe){letter-spacing:-.18em}.buttons:where(.astro-ykln7coe){gap:.3rem;width:84%;display:grid}.btn:where(.astro-ykln7coe){border:1px solid var(--ck-hairline);text-align:center;background:var(--ck-bubble-theirs);border-radius:12px;padding:.45rem .7rem;font-size:.75rem;font-weight:600}.caret:where(.astro-ykln7coe){vertical-align:-.1em;background:currentColor;width:2px;height:.85em;margin-inline-start:2px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret:where(.astro-ykln7coe){animation:none}}.composer:where(.astro-ykln7coe){border-top:1px solid var(--ck-hairline);align-items:center;gap:.5rem;padding:.6rem .9rem .9rem;display:flex}.field:where(.astro-ykln7coe){border:1px solid var(--ck-hairline);color:var(--ck-text-secondary);border-radius:999px;flex:1;padding:.45rem .8rem;font-size:.8125rem}.mic:where(.astro-ykln7coe){background:var(--ck-accent);border-radius:999px;flex:none;width:32px;height:32px;position:relative}.mic:where(.astro-ykln7coe):before{content:"";background:var(--ck-on-accent);border-radius:999px;position:absolute;inset:8px 13px 12px}.mic:where(.astro-ykln7coe):after{content:"";border:1.5px solid var(--ck-on-accent);border-top:0;border-radius:0 0 8px 8px;width:10px;height:5px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.hero:where(.astro-lcdefpme){padding-block:4rem 4.5rem}.hero-grid:where(.astro-lcdefpme){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:3rem;display:grid}.hero-phone:where(.astro-lcdefpme){justify-content:center;display:flex}.cta:where(.astro-lcdefpme){flex-wrap:wrap;gap:.75rem;display:flex}.code-grid:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:2.5rem;display:grid}.code-frame:where(.astro-lcdefpme) .expressive-code{width:100%}.feature-grid:where(.astro-lcdefpme){gap:1.75rem 2rem}.feature:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){border-top:1px solid var(--ck-hairline);padding-top:.85rem}.feature:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--ck-text-secondary);margin:0;font-size:.9375rem}.status:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--ck-text-secondary);max-width:42rem}.status:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--ck-text)}@media (width<=52rem){.hero-grid:where(.astro-lcdefpme),.code-grid:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr)}.hero-phone:where(.astro-lcdefpme){order:-1}}