.demo[data-astro-cid-v3ukzxoc]{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%}.chips[data-astro-cid-v3ukzxoc]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:440px}.chips-label[data-astro-cid-v3ukzxoc]{width:100%;text-align:center;font-weight:650;font-size:.95rem}.chip[data-astro-cid-v3ukzxoc]{font:inherit;font-size:.93rem;font-weight:650;padding:9px 15px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.on-accent[data-astro-cid-v3ukzxoc] .chips-label[data-astro-cid-v3ukzxoc]{color:#ffffffe6}.on-accent[data-astro-cid-v3ukzxoc] .chip[data-astro-cid-v3ukzxoc]{background:#ffffff24;color:var(--white);border-color:#ffffff47}.on-accent[data-astro-cid-v3ukzxoc] .chip[data-astro-cid-v3ukzxoc]:hover{background:#ffffff3d}.on-accent[data-astro-cid-v3ukzxoc] .chip[data-astro-cid-v3ukzxoc][aria-pressed=true]{background:var(--white);color:var(--ink);border-color:var(--white)}.on-paper[data-astro-cid-v3ukzxoc] .chips-label[data-astro-cid-v3ukzxoc]{color:var(--ink-soft)}.on-paper[data-astro-cid-v3ukzxoc] .chip[data-astro-cid-v3ukzxoc]{background:var(--white);color:var(--ink);border-color:var(--line)}.on-paper[data-astro-cid-v3ukzxoc] .chip[data-astro-cid-v3ukzxoc]:hover{border-color:var(--line-strong)}.on-paper[data-astro-cid-v3ukzxoc] .chip[data-astro-cid-v3ukzxoc][aria-pressed=true]{background:var(--accent);color:var(--white);border-color:var(--accent)}.stage[data-astro-cid-v3ukzxoc]{position:relative;width:min(100%,330px)}.sun[data-astro-cid-v3ukzxoc]{position:absolute;width:62%;aspect-ratio:1;right:-16%;top:-7%;border-radius:50%;background:var(--sun)}.phone[data-astro-cid-v3ukzxoc]{position:relative;background:var(--ink);border-radius:46px;padding:10px;box-shadow:0 40px 60px -28px #0000008c}.screen[data-astro-cid-v3ukzxoc]{position:relative;height:clamp(500px,62vh,590px);background:#fff;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;color:#111;font-size:.92rem}.notch[data-astro-cid-v3ukzxoc]{position:absolute;top:9px;left:50%;width:84px;height:22px;margin-left:-42px;background:var(--ink);border-radius:999px}.head[data-astro-cid-v3ukzxoc]{display:flex;align-items:center;gap:10px;padding:44px 16px 12px;border-bottom:1px solid #ececec}.ava[data-astro-cid-v3ukzxoc]{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-size:.78rem}.who[data-astro-cid-v3ukzxoc]{display:flex;flex-direction:column;line-height:1.25}.who[data-astro-cid-v3ukzxoc] b[data-astro-cid-v3ukzxoc]{font-size:.95rem}.who[data-astro-cid-v3ukzxoc] small[data-astro-cid-v3ukzxoc]{color:#777;font-size:.75rem}.thread[data-astro-cid-v3ukzxoc]{flex:1;min-height:0;overflow-y:auto;padding:14px 14px 10px;display:flex;flex-direction:column;gap:6px}.compose[data-astro-cid-v3ukzxoc]{margin:8px 14px 16px;padding:11px 16px;border:1px solid #e3e3e3;border-radius:999px;color:#8a8a8a;font-size:.85rem}.thread[data-astro-cid-v3ukzxoc] .stamp{align-self:center;color:#8a8a8a;font-size:.72rem;margin-bottom:6px}.thread[data-astro-cid-v3ukzxoc] .sender{color:#777;font-size:.74rem;margin:4px 0 0 4px}.thread[data-astro-cid-v3ukzxoc] .msg{max-width:82%;padding:10px 14px;border-radius:20px;line-height:1.4;overflow-wrap:anywhere;animation:pop .22s ease-out}.thread[data-astro-cid-v3ukzxoc] .msg.in{align-self:flex-start;background:#efefef;border-bottom-left-radius:6px}.thread[data-astro-cid-v3ukzxoc] .msg.out{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:6px}.thread[data-astro-cid-v3ukzxoc] .typing{display:inline-flex;gap:4px;padding:14px 16px}.thread[data-astro-cid-v3ukzxoc] .typing i{width:7px;height:7px;border-radius:50%;background:#ffffffd9;animation:blink 1s infinite ease-in-out}.thread[data-astro-cid-v3ukzxoc] .typing i:nth-child(2){animation-delay:.15s}.thread[data-astro-cid-v3ukzxoc] .typing i:nth-child(3){animation-delay:.3s}.thread[data-astro-cid-v3ukzxoc] .tick{align-self:flex-end;color:var(--ok);font-size:.72rem;font-weight:650;margin-right:4px}.note[data-astro-cid-v3ukzxoc]{max-width:34ch;text-align:center;font-size:.85rem}.on-accent[data-astro-cid-v3ukzxoc] .note[data-astro-cid-v3ukzxoc]{color:#ffffffc7}.on-paper[data-astro-cid-v3ukzxoc] .note[data-astro-cid-v3ukzxoc]{color:var(--ink-faint)}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@keyframes blink{0%,80%,to{opacity:.35}40%{opacity:1}}@media(prefers-reduced-motion:reduce){.thread[data-astro-cid-v3ukzxoc] .msg,.thread[data-astro-cid-v3ukzxoc] .typing i{animation:none}}