.demo:where(.astro-puthnnsn) .body:where(.astro-puthnnsn){padding:18px 18px 22px}.tl:where(.astro-puthnnsn){gap:10px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.tl:where(.astro-puthnnsn) li:where(.astro-puthnnsn){color:var(--ink);animation:show .5s calc(.4s + var(--d) * 1.1s) both, flash 1.6s calc(.4s + var(--d) * 1.1s) both;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.t:where(.astro-puthnnsn){font-family:var(--mono);color:var(--ink3);width:40px;font-size:12px}.ev:where(.astro-puthnnsn){font-family:var(--mono);color:var(--ink2);border:1px solid var(--line);background:#13212b;border-radius:6px;padding:1px 7px;font-size:11.5px}.ev:where(.astro-puthnnsn).in{color:var(--acc2)}.ev:where(.astro-puthnnsn).sim{color:var(--acc)}.ev:where(.astro-puthnnsn).out{color:var(--good)}.ev:where(.astro-puthnnsn).warn{color:var(--warn)}.sub:where(.astro-puthnnsn){color:var(--ink3);font-size:12.5px}.ok:where(.astro-puthnnsn){color:var(--good)}.reply:where(.astro-puthnnsn){display:block!important}.msg:where(.astro-puthnnsn){border:1px solid var(--line);border-left:3px solid var(--good);background:#0f1a20;border-radius:10px;margin:2px 0 2px 48px;padding:12px 14px}.msg:where(.astro-puthnnsn) .from:where(.astro-puthnnsn){color:var(--ink3);margin-bottom:6px;font-size:12px}.msg:where(.astro-puthnnsn) p:where(.astro-puthnnsn){color:var(--ink);margin:0 0 6px;font-size:14px}.msg:where(.astro-puthnnsn) .sig:where(.astro-puthnnsn){color:var(--ink3);margin:0;font-size:12px}@keyframes show{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes flash{0%{background:#ff8c4224}to{background:0 0}}.live:where(.astro-puthnnsn){font:600 11px var(--mono);color:var(--good);align-items:center;gap:6px;margin-left:auto;font-style:normal;display:inline-flex}.live:where(.astro-puthnnsn):before{content:"";background:var(--good);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}.wait:where(.astro-puthnnsn){animation:show .4s calc(.4s + var(--d) * 1.1s) both!important}.cursor:where(.astro-puthnnsn){background:var(--ink2);width:8px;height:15px;animation:1s step-end infinite blink}@keyframes pulse{50%{opacity:.3}}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.tl:where(.astro-puthnnsn) li:where(.astro-puthnnsn),.wait:where(.astro-puthnnsn),.live:where(.astro-puthnnsn):before,.cursor:where(.astro-puthnnsn){opacity:1;transform:none;animation:none!important}}.reel:where(.astro-snrscabr){align-items:center;display:grid}.slide:where(.astro-snrscabr){opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .7s,visibility 0s .7s}.slide:where(.astro-snrscabr).on{opacity:1;visibility:visible;transition:opacity .7s}.tour:where(.astro-lcdefpme) .tabs:where(.astro-lcdefpme){flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tour:where(.astro-lcdefpme) .tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme){background:var(--panel);border:1px solid var(--line);color:var(--ink2);font:600 14px var(--sans);cursor:pointer;border-radius:99px;padding:8px 16px}.tour:where(.astro-lcdefpme) .tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme)[aria-selected=true]{color:var(--ink);border-color:var(--acc);background:var(--acc-soft)}.tour:where(.astro-lcdefpme) .pane:where(.astro-lcdefpme)>p:where(.astro-lcdefpme){max-width:760px;margin:0 0 16px}.hero:where(.astro-lcdefpme){padding:72px 0 80px}.hero-text:where(.astro-lcdefpme){max-width:620px}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){margin:16px 0 20px}.hero:where(.astro-lcdefpme) .row:where(.astro-lcdefpme){flex-wrap:wrap;gap:12px;margin:28px 0 0;display:flex}.hero-vis:where(.astro-lcdefpme){min-width:0}.worlds:where(.astro-lcdefpme) .world:where(.astro-lcdefpme){padding:14px 14px 20px}.worlds:where(.astro-lcdefpme) .world:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin:16px 6px 0}.worlds:where(.astro-lcdefpme) .world:where(.astro-lcdefpme) .more:where(.astro-lcdefpme){margin-left:6px}.worlds:where(.astro-lcdefpme) .world:where(.astro-lcdefpme) .window{box-shadow:none}.split:where(.astro-lcdefpme)>:where(.astro-lcdefpme),.grid:where(.astro-lcdefpme)>:where(.astro-lcdefpme){min-width:0}.safe:where(.astro-lcdefpme){border:1px solid var(--line);background:var(--panel);border-radius:20px;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;padding:40px;display:grid}.safe:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){margin-top:10px}@media (width<=900px){.safe:where(.astro-lcdefpme){grid-template-columns:1fr;padding:28px}}