.demo[data-astro-cid-m5fdtfkn]{--primary: #1c2da5;--primary-50: #eef2ff;--primary-100: #dbe4ff;--ink: #111827;--ink-2: #374151;--muted: #6b7280;--faint: #9ca3af;--line: #e5e7eb;--line-2: #f1f3f7;--ok: #059669;--pad: 12px;position:relative;max-width:64rem;margin:0 auto;padding:var(--pad);text-align:left;background:radial-gradient(65% 75% at 100% 0%,#dde4ff,#dde4ff00 70%),radial-gradient(60% 70% at 0% 100%,#e3e7fd,#e3e7fd00 70%),#fafbff;border:1px solid var(--line);border-radius:1rem;box-shadow:0 10px 15px -3px #11182714,0 4px 6px -4px #1118270f}@media(min-width:768px){.demo[data-astro-cid-m5fdtfkn]{--pad: 2.5rem}}.stage[data-astro-cid-m5fdtfkn]{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}@media(min-width:768px){.stage[data-astro-cid-m5fdtfkn]{grid-template-columns:minmax(0,1fr) 15.5rem}}.win[data-astro-cid-m5fdtfkn]{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #1118270a,0 24px 48px -16px #1c2da540}.titlebar[data-astro-cid-m5fdtfkn]{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-bottom:1px solid var(--line-2);background:#fbfbfd}.dot[data-astro-cid-m5fdtfkn]{width:10px;height:10px;border-radius:50%}.wtitle[data-astro-cid-m5fdtfkn]{margin-left:10px;font-size:12px;font-weight:600;color:var(--ink-2)}.views[data-astro-cid-m5fdtfkn]{display:grid;grid-template-columns:minmax(0,1fr);transition:opacity .5s ease}.view[data-astro-cid-m5fdtfkn]{grid-area:1 / 1;min-width:0;transition:opacity .45s ease,transform .45s ease}.avatar[data-astro-cid-m5fdtfkn]{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:11.5px;font-weight:600;color:#fff}.avatar[data-astro-cid-m5fdtfkn].sm{width:26px;height:26px;font-size:10px}.row-top[data-astro-cid-m5fdtfkn]{display:flex;align-items:center;gap:8px}.from[data-astro-cid-m5fdtfkn]{font-size:13px;font-weight:600;color:var(--ink)}.time[data-astro-cid-m5fdtfkn]{margin-left:auto;font-size:11.5px;color:var(--faint)}.labels[data-astro-cid-m5fdtfkn]{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:4px}.gl[data-astro-cid-m5fdtfkn]{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10.5px;font-weight:500;line-height:1.35;color:#fff;white-space:nowrap}.row[data-astro-cid-m5fdtfkn]{border-bottom:1px solid var(--line-2)}.row-in[data-astro-cid-m5fdtfkn]{display:flex;gap:12px;padding:12px 16px}.row-main[data-astro-cid-m5fdtfkn]{min-width:0;flex:1}.subj[data-astro-cid-m5fdtfkn]{margin-top:2px;font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prev[data-astro-cid-m5fdtfkn]{margin-top:2px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.old[data-astro-cid-m5fdtfkn] .from[data-astro-cid-m5fdtfkn]{font-weight:500;color:var(--ink-2)}.new[data-astro-cid-m5fdtfkn]{display:grid;grid-template-rows:1fr;background:var(--primary-50);box-shadow:inset 3px 0 0 var(--primary);transition:grid-template-rows .5s ease,opacity .5s ease}.new[data-astro-cid-m5fdtfkn] .row-in[data-astro-cid-m5fdtfkn]{overflow:hidden;min-height:0}.new[data-astro-cid-m5fdtfkn] .subj[data-astro-cid-m5fdtfkn]{font-weight:600;color:var(--ink)}.new[data-astro-cid-m5fdtfkn] .labels[data-astro-cid-m5fdtfkn]{margin-top:6px}.new[data-astro-cid-m5fdtfkn] .labels[data-astro-cid-m5fdtfkn] .gl[data-astro-cid-m5fdtfkn]{transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i) * .18s)}.head[data-astro-cid-m5fdtfkn]{padding:14px 18px 10px;border-bottom:1px solid var(--line-2)}.hsubj[data-astro-cid-m5fdtfkn]{font-size:15px;font-weight:600;color:var(--ink)}.labels-stack[data-astro-cid-m5fdtfkn]{display:grid;margin-top:7px}.labels-stack[data-astro-cid-m5fdtfkn]>.labels[data-astro-cid-m5fdtfkn]{grid-area:1 / 1}.ghost[data-astro-cid-m5fdtfkn]{visibility:hidden}.msg[data-astro-cid-m5fdtfkn]{padding:12px 18px;border-bottom:1px solid var(--line-2)}.mbody[data-astro-cid-m5fdtfkn]{margin:6px 0 0 34px;font-size:13px;line-height:1.6;color:var(--ink-2)}.draft[data-astro-cid-m5fdtfkn]{margin:14px 16px 16px;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 10px -4px #1118271f;transition:border-color .4s ease}.draft-head[data-astro-cid-m5fdtfkn]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line-2);font-size:12px;color:var(--muted)}.draft-tag[data-astro-cid-m5fdtfkn]{font-weight:600;color:#d93025}.badge-ai[data-astro-cid-m5fdtfkn]{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:3px 8px;border-radius:999px;border:1px solid var(--primary-100);background:var(--primary-50);font-size:11px;font-weight:600;color:var(--primary)}.badge-ai[data-astro-cid-m5fdtfkn] svg[data-astro-cid-m5fdtfkn]{width:11px;height:11px}.draft-body[data-astro-cid-m5fdtfkn]{position:relative;padding:10px 14px 0;font-size:13px;line-height:1.6;color:var(--ink)}.line[data-astro-cid-m5fdtfkn]+.line[data-astro-cid-m5fdtfkn]{margin-top:6px}.line[data-astro-cid-m5fdtfkn]{transition:opacity .35s ease,transform .35s ease;transition-delay:calc(var(--i) * .55s)}.line[data-astro-cid-m5fdtfkn] mark{padding:0 3px;border-radius:4px;background:var(--primary-50);color:var(--primary);font-weight:600}.sig[data-astro-cid-m5fdtfkn]{margin-top:8px;font-size:12px;line-height:1.5;color:var(--muted)}.writing[data-astro-cid-m5fdtfkn]{position:absolute;left:14px;top:10px;display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:500;color:var(--primary);opacity:0;transition:opacity .25s ease}.writing[data-astro-cid-m5fdtfkn] span[data-astro-cid-m5fdtfkn]{margin-right:4px}.writing[data-astro-cid-m5fdtfkn] i[data-astro-cid-m5fdtfkn]{width:5px;height:5px;border-radius:50%;background:currentColor;animation:blink 1s infinite ease-in-out}.writing[data-astro-cid-m5fdtfkn] i[data-astro-cid-m5fdtfkn]:nth-of-type(2){animation-delay:.15s}.writing[data-astro-cid-m5fdtfkn] i[data-astro-cid-m5fdtfkn]:nth-of-type(3){animation-delay:.3s}.actions[data-astro-cid-m5fdtfkn]{display:flex;gap:8px;padding:12px 14px 14px}.btn[data-astro-cid-m5fdtfkn]{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:8px;font-size:12.5px;font-weight:600;transition:background-color .3s ease,box-shadow .3s ease}.send[data-astro-cid-m5fdtfkn]{background:var(--primary);color:#fff;box-shadow:0 4px 12px -2px #1c2da559}.ghost[data-astro-cid-m5fdtfkn]{border:1px solid var(--line);background:#fff;color:var(--ink-2)}.lbl-send[data-astro-cid-m5fdtfkn]{transition:opacity .25s ease}.lbl-sent[data-astro-cid-m5fdtfkn]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;opacity:0;transition:opacity .25s ease}.lbl-sent[data-astro-cid-m5fdtfkn] svg[data-astro-cid-m5fdtfkn]{width:12px;height:12px}.toast[data-astro-cid-m5fdtfkn]{position:absolute;left:50%;top:4px;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:500;white-space:nowrap;box-shadow:0 10px 24px -8px #11182773;opacity:0;transform:translate(-50%,-8px);transition:opacity .35s ease,transform .35s ease}.toast[data-astro-cid-m5fdtfkn] svg[data-astro-cid-m5fdtfkn]{width:14px;height:14px;color:#34d399}.cursor[data-astro-cid-m5fdtfkn]{position:absolute;left:0;top:0;width:20px;height:20px;transform:translate(var(--cx, 0px),var(--cy, 0px));opacity:0;pointer-events:none;transition:transform .85s cubic-bezier(.45,0,.2,1),opacity .3s ease;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.ctx[data-astro-cid-m5fdtfkn]{display:none;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #1118270a,0 16px 32px -14px #1c2da540;transition:opacity .5s ease}@media(min-width:768px){.ctx[data-astro-cid-m5fdtfkn]{display:block;margin-top:3.5rem}}.ctx-title[data-astro-cid-m5fdtfkn]{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--ink)}.ctx-title[data-astro-cid-m5fdtfkn] svg[data-astro-cid-m5fdtfkn]{width:13px;height:13px;color:var(--primary)}.src[data-astro-cid-m5fdtfkn]{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line-2);transition:opacity .3s ease;transition-delay:calc(var(--i) * .38s)}.src-icon[data-astro-cid-m5fdtfkn]{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px}.src-icon[data-astro-cid-m5fdtfkn] svg[data-astro-cid-m5fdtfkn]{width:15px;height:15px}.src-txt[data-astro-cid-m5fdtfkn]{min-width:0;flex:1}.src-t[data-astro-cid-m5fdtfkn]{font-size:12px;font-weight:600;color:var(--ink)}.src-s[data-astro-cid-m5fdtfkn]{margin-top:1px;font-size:11.5px;line-height:1.4;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.src-ok[data-astro-cid-m5fdtfkn]{flex:none;width:14px;height:14px;color:var(--ok);transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i) * .38s + .2s)}.toggle[data-astro-cid-m5fdtfkn]{position:absolute;left:calc(100% - var(--pad) - 36px);top:calc(var(--pad) + 5px);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--muted);background:transparent;transition:background-color .2s ease,color .2s ease}@media(min-width:768px){.toggle[data-astro-cid-m5fdtfkn]{left:calc(100% - var(--pad) - 15.5rem - 1.25rem - 36px)}}.toggle[data-astro-cid-m5fdtfkn][hidden]{display:none}.toggle[data-astro-cid-m5fdtfkn]:hover{background:var(--line-2);color:var(--ink)}.toggle[data-astro-cid-m5fdtfkn]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.toggle[data-astro-cid-m5fdtfkn] svg[data-astro-cid-m5fdtfkn]{width:12px;height:12px}.toggle[data-astro-cid-m5fdtfkn] .ic-play[data-astro-cid-m5fdtfkn],.demo[data-astro-cid-m5fdtfkn].paused .toggle[data-astro-cid-m5fdtfkn] .ic-pause[data-astro-cid-m5fdtfkn]{display:none}.demo[data-astro-cid-m5fdtfkn].paused .toggle[data-astro-cid-m5fdtfkn] .ic-play[data-astro-cid-m5fdtfkn]{display:block}.demo[data-astro-cid-m5fdtfkn]:is([data-step="0"],[data-step="1"],[data-step="2"]) .thread[data-astro-cid-m5fdtfkn]{opacity:0;transform:translate(24px)}.demo[data-astro-cid-m5fdtfkn]:not(:is([data-step="0"],[data-step="1"],[data-step="2"])) .inbox[data-astro-cid-m5fdtfkn]{opacity:0;transform:translate(-24px)}.demo[data-astro-cid-m5fdtfkn][data-step="0"] .new[data-astro-cid-m5fdtfkn]{grid-template-rows:0fr;opacity:0}.demo[data-astro-cid-m5fdtfkn]:is([data-step="0"],[data-step="1"]) .new[data-astro-cid-m5fdtfkn] .labels[data-astro-cid-m5fdtfkn] .gl[data-astro-cid-m5fdtfkn]{opacity:0;transform:scale(.6)}.demo[data-astro-cid-m5fdtfkn]:is([data-step="0"],[data-step="1"],[data-step="2"],[data-step="3"]) .line[data-astro-cid-m5fdtfkn]{opacity:0;transform:translateY(6px)}.demo[data-astro-cid-m5fdtfkn][data-step="3"] .writing[data-astro-cid-m5fdtfkn]{opacity:1}.demo[data-astro-cid-m5fdtfkn]:is([data-step="0"],[data-step="1"],[data-step="2"]) .src[data-astro-cid-m5fdtfkn]{opacity:.35}.demo[data-astro-cid-m5fdtfkn]:is([data-step="0"],[data-step="1"],[data-step="2"]) .src-ok[data-astro-cid-m5fdtfkn]{opacity:0;transform:scale(.4)}.demo[data-astro-cid-m5fdtfkn]:is([data-step="5"],[data-step="6"]) .cursor[data-astro-cid-m5fdtfkn]{opacity:1}.demo[data-astro-cid-m5fdtfkn][data-step="6"] .cursor[data-astro-cid-m5fdtfkn]{animation:click .3s ease}.demo[data-astro-cid-m5fdtfkn]:is([data-step="6"],[data-step="7"]) .send[data-astro-cid-m5fdtfkn]{background:var(--ok);box-shadow:0 4px 12px -2px #05966959;animation:press .3s ease}.demo[data-astro-cid-m5fdtfkn]:is([data-step="6"],[data-step="7"]) .lbl-send[data-astro-cid-m5fdtfkn]{opacity:0}.demo[data-astro-cid-m5fdtfkn]:is([data-step="6"],[data-step="7"]) .lbl-sent[data-astro-cid-m5fdtfkn]{opacity:1}.demo[data-astro-cid-m5fdtfkn]:is([data-step="6"],[data-step="7"]) .draft[data-astro-cid-m5fdtfkn]{border-color:#a7f3d0}.st-wait[data-astro-cid-m5fdtfkn]{display:none}.demo[data-astro-cid-m5fdtfkn]:is([data-step="6"],[data-step="7"]) .st-reply[data-astro-cid-m5fdtfkn]{display:none}.demo[data-astro-cid-m5fdtfkn]:is([data-step="6"],[data-step="7"]) .st-wait[data-astro-cid-m5fdtfkn]{display:inline-flex;animation:pop .35s cubic-bezier(.34,1.56,.64,1) .2s both}.demo[data-astro-cid-m5fdtfkn][data-step="6"] .toast[data-astro-cid-m5fdtfkn]{opacity:1;transform:translate(-50%);transition-delay:.35s}.demo[data-astro-cid-m5fdtfkn][data-step="7"] .views[data-astro-cid-m5fdtfkn],.demo[data-astro-cid-m5fdtfkn][data-step="7"] .ctx[data-astro-cid-m5fdtfkn],.demo[data-astro-cid-m5fdtfkn][data-step="7"] .cursor[data-astro-cid-m5fdtfkn]{opacity:0}.demo[data-astro-cid-m5fdtfkn].snap,.demo[data-astro-cid-m5fdtfkn].snap [data-astro-cid-m5fdtfkn]{transition:none!important}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes click{50%{transform:translate(var(--cx),var(--cy)) scale(.82)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes press{50%{transform:scale(.94)}}@media(prefers-reduced-motion:reduce){.demo[data-astro-cid-m5fdtfkn],.demo[data-astro-cid-m5fdtfkn] [data-astro-cid-m5fdtfkn]{transition:none!important;animation:none!important}}