.csx-page,.csx{--canvas:#f4f8f6;--surface:#fff;--well:#ecf3ef;--ink:#141414;--body:#2b2b30;--muted:#4f4f55;--hair:#dbe6e0;--hair-strong:#bacbc2;--accent:#215b49;--accent-strong:#164633;--accent-soft:color-mix(in srgb,#215b49 8%,#fff);--accent-on-dark:#9fd8bc;--accent-ink:#fff;--btn:#171717;--btn-ink:#fff;--btn-hover:#000;--code:#f1f6f3;--ok:#1e7b46;--rail:max(12px,calc(50% - 731px));--wide:1366px;--pad:48px}html[data-theme="dark"] .csx-page,html[data-theme="dark"] .csx{--canvas:#0f0f0f;--surface:#171717;--well:#1d1d1d;--ink:#fafafa;--body:#e4e4e7;--muted:#babac1;--hair:#2c2c2c;--hair-strong:#4a4a4a;--accent:#5fb88f;--accent-strong:#9fd8bc;--accent-soft:color-mix(in srgb,#5fb88f 12%,#171717);--accent-on-dark:#9fd8bc;--accent-ink:#111;--btn:#fafafa;--btn-ink:#111;--btn-hover:#fff;--code:#141414;--ok:#4ade80}@media(prefers-color-scheme:dark){html:not([data-theme]) .csx-page,html:not([data-theme]) .csx,html[data-theme="auto"] .csx-page,html[data-theme="auto"] .csx{--canvas:#0f0f0f;--surface:#171717;--well:#1d1d1d;--ink:#fafafa;--body:#e4e4e7;--muted:#babac1;--hair:#2c2c2c;--hair-strong:#4a4a4a;--accent:#5fb88f;--accent-strong:#9fd8bc;--accent-soft:color-mix(in srgb,#5fb88f 12%,#171717);--accent-on-dark:#9fd8bc;--accent-ink:#111;--btn:#fafafa;--btn-ink:#111;--btn-hover:#fff;--code:#141414;--ok:#4ade80}}@media(max-width:760px){.csx-page,.csx{--pad:24px}}.csx-live{position:relative;box-sizing:border-box;background:var(--canvas);color:var(--body);font-size:1rem;line-height:1.65;padding:96px calc(var(--rail) + var(--pad));border-top:1px solid var(--hair);scroll-margin-top:90px}.csx-live::before,.csx-live::after{content:"";position:absolute;top:-4px;width:7px;height:7px;border:1px solid var(--hair-strong);background:var(--canvas);border-radius:50%;z-index:2;box-sizing:border-box}.csx-live::before{left:calc(var(--rail) - 3px)}.csx-live::after{right:calc(var(--rail) - 3px)}.csx-live .csx-live__inner{max-width:var(--wide);margin-inline:auto}.csx-live .csx-live__head{max-width:760px;margin:0 auto 48px;text-align:center}.csx-live h2{margin:0;font-size:clamp(1.75rem, 1.4rem + 1.1vw, 2.25rem);line-height:1.15;font-weight:600;color:var(--ink);text-wrap:balance}.csx-live h2 .csx-sub{display:block;color:var(--muted)}.csx-live .csx-live__intro{margin:16px 0 0;font-size:1.1875rem;line-height:1.55;color:var(--muted);text-wrap:pretty}.csx-live .csx-live__demo{max-width:960px;margin:0 auto}.csx-live .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.csx-live .csl-replay{display:block;margin:10px 0 0 auto;padding:6px 14px;border:1px solid var(--hair-strong);border-radius:4px;background:var(--surface);color:var(--ink);font:600 .8125rem/1.3 var(--font-body,system-ui);cursor:pointer;transition:border-color .22s cubic-bezier(.25,1,.5,1)}.csx-live .csl-replay:hover{border-color:var(--muted)}.csx-live .csl-replay:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}.csx-live .csx-live__facts{list-style:none;padding:0;margin:40px auto 0;max-width:960px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.csx-live .csx-live__facts li{padding-top:14px;border-top:1px solid var(--hair-strong);font-size:.9375rem;line-height:1.55;color:var(--body)}.csx-live .csx-live__facts b{display:block;margin-bottom:4px;color:var(--ink);font-weight:600}@media(max-width:900px){.csx-live .csx-live__facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.csx-live{padding-block:72px}.csx-live .csx-live__head{margin-bottom:32px}.csx-live .csx-live__intro{font-size:1rem}}@media(max-width:520px){.csx-live .csx-live__facts{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.csx-live .csl-replay{transition:none}}@layer stageshow{.ss-fit{position:relative;width:100%;margin-inline:auto}.ss-stage{--ss-canvas:#f6f5f4;--ss-surface:#fff;--ss-chrome:#fff;--ss-ink-1:rgba(0,0,0,.04);--ss-ink-2:rgba(0,0,0,.06);--ss-ink-3:rgba(0,0,0,.08);--ss-fill:#ebebeb;--ss-ink-4:rgba(0,0,0,.1);--ss-ink-5:rgba(0,0,0,.15);--ss-line:rgba(0,0,0,.06);--ss-line-faint:rgba(0,0,0,.04);--ss-text:#7a7a7d;--ss-text-strong:#262628;--ss-text-faint:#9a9a9d;--ss-icon:#707074;--ss-icon-faint:#c4c4c7;--ss-accent:#3b82f6;--ss-accent-soft:rgba(59,130,246,.12);--ss-success:#22c55e;--ss-danger:#ef4444;--ss-warning:#f59e0b;--ss-well:#efeeec;--ss-success-soft:rgba(34,197,94,.12);--ss-success-text:#15803d;--ss-danger-soft:rgba(239,68,68,.1);--ss-danger-text:#b91c1c;--ss-warning-soft:rgba(245,158,11,.14);--ss-warning-text:#b45309;--ss-accent-2:#8b5cf6;--ss-accent-text:color-mix(in srgb,var(--ss-accent) 82%,#000);--ss-shadow-window:0 0 0 1px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.08);--ss-shadow-float:0 0 0 1px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.12),0 12px 32px rgba(0,0,0,.08);--ss-shadow-card:0 1px 2px rgba(0,0,0,.04);--ss-shadow-hero:0 0 0 1px rgba(0,0,0,.06),0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3);--ss-shadow-lift:0 0 0 1px rgba(0,0,0,.04),0 12px 28px -6px rgba(50,50,93,.28),0 6px 12px -6px rgba(0,0,0,.16);--ss-raised:#fff;--ss-shadow-satellite:0 0 0 1px rgba(0,0,0,.04),0 14px 32px -8px rgba(50,50,93,.24),0 4px 10px -4px rgba(0,0,0,.1);--ss-shadow-ground:0 0 0 1px rgba(50,50,93,.06),0 24px 48px -24px rgba(50,50,93,.18);--ss-font:system-ui,-apple-system,sans-serif;--ss-mono:"SF Mono","SFMono-Regular",ui-monospace,Consolas,monospace;--ss-radius-sm:6px;--ss-radius-md:8px;--ss-radius-lg:10px;--ss-radius-window:12px;--ss-radius-pill:999px;--ss-control:34px;--ss-row:26px;position:absolute;top:0;left:0;transform-origin:0 0;font-family:var(--ss-font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-size:16px;font-weight:400;font-style:normal;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;color:#000}.ss-ground{--ss-orb-1:#c9b8ff;--ss-orb-2:#ffc59a;--ss-orb-3:#a9d8ff;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;border-radius:var(--ss-ground-radius,20px);background:radial-gradient(60% 75% at 8% 4%,color-mix(in srgb,var(--ss-orb-1) 85%,transparent),transparent 70%),radial-gradient(55% 70% at 96% 92%,color-mix(in srgb,var(--ss-orb-2) 80%,transparent),transparent 70%),radial-gradient(45% 55% at 78% 8%,color-mix(in srgb,var(--ss-orb-3) 55%,transparent),transparent 70%),var(--ss-canvas);pointer-events:none}.ss-stage[data-theme=dark] .ss-ground{background:radial-gradient(60% 75% at 8% 4%,color-mix(in srgb,var(--ss-orb-1) 30%,transparent),transparent 70%),radial-gradient(55% 70% at 96% 92%,color-mix(in srgb,var(--ss-orb-2) 24%,transparent),transparent 70%),radial-gradient(45% 55% at 78% 8%,color-mix(in srgb,var(--ss-orb-3) 18%,transparent),transparent 70%),var(--ss-canvas)}.ss-stage[data-theme=dark]{--ss-canvas:#111113;--ss-surface:#1a1a1d;--ss-chrome:#1d1d20;--ss-ink-1:rgba(255,255,255,.05);--ss-ink-2:rgba(255,255,255,.07);--ss-ink-3:rgba(255,255,255,.1);--ss-fill:#313134;--ss-ink-4:rgba(255,255,255,.13);--ss-ink-5:rgba(255,255,255,.2);--ss-line:rgba(255,255,255,.08);--ss-line-faint:rgba(255,255,255,.05);--ss-text:#9d9da1;--ss-text-strong:#ececee;--ss-text-faint:#6c6c70;--ss-icon:#9a9aa0;--ss-icon-faint:#4a4a50;--ss-accent-soft:rgba(59,130,246,.2);--ss-accent-text:color-mix(in srgb,var(--ss-accent) 70%,#fff);--ss-well:#0a0a0b;--ss-success-soft:rgba(34,197,94,.16);--ss-success-text:#4ade80;--ss-danger-soft:rgba(239,68,68,.16);--ss-danger-text:#f87171;--ss-warning-soft:rgba(245,158,11,.18);--ss-warning-text:#fbbf24;--ss-shadow-lift:0 0 0 1px rgba(255,255,255,.1),0 12px 28px -6px rgba(0,0,0,.6);--ss-shadow-window:0 0 0 1px rgba(255,255,255,.08),0 4px 16px rgba(0,0,0,.4);--ss-shadow-float:0 0 0 1px rgba(255,255,255,.1),0 4px 16px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.3);--ss-shadow-card:0 0 0 1px rgba(255,255,255,.05);--ss-shadow-hero:0 0 0 1px rgba(255,255,255,.08),0 30px 60px -12px rgba(0,0,0,.6);--ss-shadow-satellite:0 0 0 1px rgba(255,255,255,.1),0 14px 32px -8px rgba(0,0,0,.7),0 4px 10px -4px rgba(0,0,0,.5);--ss-shadow-ground:0 0 0 1px rgba(255,255,255,.1),0 24px 48px -24px rgba(0,0,0,.6);--ss-raised:#26262a}.ss-stage[data-theme=blueprint]{--ss-canvas:transparent;--ss-surface:#1857bd;--ss-raised:#1b5cc4;--ss-chrome:transparent;--ss-ink-1:rgba(214,232,255,.12);--ss-ink-2:rgba(214,232,255,.16);--ss-ink-3:rgba(214,232,255,.22);--ss-fill:#4277cc;--ss-ink-4:rgba(214,232,255,.3);--ss-ink-5:rgba(214,232,255,.45);--ss-line:rgba(214,232,255,.35);--ss-line-faint:rgba(214,232,255,.2);--ss-text:#b3c9ec;--ss-text-strong:#f0f6ff;--ss-text-faint:#7fa1da;--ss-icon:#c9dcf7;--ss-icon-faint:#6f97d6;--ss-accent:#ffffff;--ss-accent-soft:rgba(255,255,255,.15);--ss-success:#e6f0ff;--ss-danger:#e6f0ff;--ss-warning:#e6f0ff;--ss-success-soft:rgba(255,255,255,.14);--ss-danger-soft:rgba(255,255,255,.14);--ss-warning-soft:rgba(255,255,255,.14);--ss-success-text:#ffffff;--ss-danger-text:#ffffff;--ss-warning-text:#ffffff;--ss-well:#1450b4;--ss-shadow-window:0 0 0 1px rgba(214,232,255,.55);--ss-shadow-float:0 0 0 1px rgba(214,232,255,.7);--ss-shadow-card:0 0 0 1px rgba(214,232,255,.35);--ss-shadow-hero:0 0 0 1px rgba(214,232,255,.55);--ss-shadow-satellite:0 0 0 1px rgba(214,232,255,.8);--ss-shadow-ground:0 0 0 1px rgba(214,232,255,.7);background-color:var(--ss-well);background-image:linear-gradient(rgba(214,232,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(214,232,255,.08) 1px,transparent 1px);background-size:16px 16px;background-position:var(--ss-grid-x,0) var(--ss-grid-y,0)}.ss-stage[data-theme=glass]{--ss-canvas:rgba(255,255,255,.5);--ss-surface:rgba(255,255,255,.62);--ss-chrome:rgba(255,255,255,.38);--ss-raised:rgba(255,255,255,.74);--ss-line:rgba(255,255,255,.65);--ss-line-faint:rgba(255,255,255,.45);--ss-well:#ebe9f5;--ss-shadow-window:inset 0 0 0 1px rgba(255,255,255,.75),0 20px 50px -14px rgba(40,40,90,.28);--ss-shadow-hero:inset 0 0 0 1px rgba(255,255,255,.75),0 30px 60px -16px rgba(40,40,90,.3);--ss-shadow-satellite:inset 0 0 0 1px rgba(255,255,255,.85),0 16px 36px -10px rgba(40,40,90,.32);--ss-shadow-float:inset 0 0 0 1px rgba(255,255,255,.85),0 12px 32px -8px rgba(40,40,90,.28);--ss-shadow-ground:inset 0 0 0 1px rgba(255,255,255,.85),0 24px 48px -24px rgba(40,40,90,.24);--ss-shadow-card:inset 0 0 0 1px rgba(255,255,255,.6);background:radial-gradient(55% 65% at 12% 18%,color-mix(in srgb,var(--ss-accent) 42%,transparent),transparent 70%),radial-gradient(50% 60% at 88% 28%,color-mix(in srgb,var(--ss-accent-2) 38%,transparent),transparent 70%),radial-gradient(60% 55% at 58% 100%,rgba(255,168,120,.42),transparent 70%),var(--ss-well)}.ss-stage[data-theme=glass] .ss-window,.ss-stage[data-theme=glass] .ss-popover,.ss-stage[data-theme=glass] .ss-glass{backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6)}.ss-stage[data-greys=cool]:not([data-theme=dark],[data-theme=blueprint],[data-theme=glass]){--ss-canvas:#f4f5f8;--ss-well:#eceef2}.ss-stage[data-palette=mono]{--ss-accent:#1a1a1a;--ss-accent-soft:rgba(0,0,0,.06);--ss-success:#1a1a1a;--ss-danger:#1a1a1a;--ss-warning:#1a1a1a;--ss-accent-2:#1a1a1a;--ss-success-text:#1a1a1a;--ss-danger-text:#1a1a1a;--ss-success-soft:rgba(0,0,0,.06);--ss-danger-soft:rgba(0,0,0,.04)}.ss-stage[data-palette=mono][data-theme=dark]{--ss-accent:#f2f2f2;--ss-accent-soft:rgba(255,255,255,.1);--ss-success:#f2f2f2;--ss-danger:#f2f2f2;--ss-warning:#f2f2f2;--ss-accent-2:#f2f2f2;--ss-success-text:#f2f2f2;--ss-danger-text:#f2f2f2;--ss-success-soft:rgba(255,255,255,.1);--ss-danger-soft:rgba(255,255,255,.06)}.ss-stage[data-palette=mono] img,.ss-stage[data-palette=mono] .ss-keep-mono{filter:grayscale(1)}.ss-fade-b{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade, 64px)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade, 64px)),transparent)}.ss-fade-r{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--ss-fade, 64px)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--ss-fade, 64px)),transparent)}.ss-fade-br{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade, 64px)),transparent),linear-gradient(to right,#000 calc(100% - var(--ss-fade, 64px)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade, 64px)),transparent),linear-gradient(to right,#000 calc(100% - var(--ss-fade, 64px)),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.ss-recede{transition:opacity .3s ease}.ss-recede[data-receded=true]{opacity:.4}.ss-stage [data-instant],.ss-stage[data-instant] *,.ss-stage [data-instant] *,.ss-stage[data-instant] *:before,.ss-stage[data-instant] *:after{transition:none!important}@keyframes ss-spin{to{transform:rotate(1turn)}}@keyframes ss-fade-in{0%{opacity:0;filter:blur(2px);transform:translateY(3px)}}.ss-stage[data-still] *,.ss-stage[data-still] *:before,.ss-stage[data-still] *:after{transition:none!important;animation:none!important}.ss-stage[data-offscreen],.ss-stage[data-offscreen] *,.ss-stage[data-offscreen] *:before,.ss-stage[data-offscreen] *:after{transition:none!important;animation-play-state:paused!important}.ss-stage[data-placing] *,.ss-stage[data-placing] *:before,.ss-stage[data-placing] *:after{transition:none!important}.ss-stage *,.ss-stage *:before,.ss-stage *:after{box-sizing:border-box}.ss-stage[data-hit] *{pointer-events:auto!important}}:where(.ss-stage) :is(p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,a,figure,figcaption,blockquote,pre,code,hr,table,th,td,button,input,label):not(html):not(body){all:revert}:where(.ss-stage,.ss-stage *,.ss-stage :before,.ss-stage :after):not(html){border-width:revert-layer;border-style:revert-layer;border-color:revert-layer;box-sizing:revert-layer;padding:revert-layer;margin:revert-layer}:where(.ss-stage) :is(svg,img):not(html):not(body){max-width:none;vertical-align:revert-layer}:where(.ss-stage :is(.ss-fly__lift,.ss-expand__face))>:is(svg,img):not(html):not(body):not(head){max-width:100%}@layer stageshow{.ss-keys{position:absolute;bottom:16px;left:50%;z-index:99;display:flex;gap:4px;opacity:0;transform:translate(-50%,6px) scale(.96);transition:opacity .16s ease,transform .2s cubic-bezier(.22,1,.36,1);pointer-events:none}.ss-keys[data-show=true]{opacity:1;transform:translate(-50%) scale(1)}.ss-keys[data-at=top]{top:16px;bottom:auto}.ss-keys[data-at=bottom-left],.ss-keys[data-at=bottom-right]{left:auto;transform:translateY(6px) scale(.96)}.ss-keys[data-at=bottom-left]{left:16px}.ss-keys[data-at=bottom-right]{right:16px}.ss-keys[data-at=bottom-left][data-show=true],.ss-keys[data-at=bottom-right][data-show=true]{transform:none}.ss-key{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:7px;background:#18181be0;box-shadow:inset 0 -2px #0006,0 4px 12px #0000002e;color:#fff;font:500 13px/1 var(--ss-font);transition:transform .08s ease-out,box-shadow .08s ease-out}.ss-key[data-down=true]{transform:translateY(1px) scale(.94);box-shadow:inset 0 -1px #0006,0 2px 6px #0000002e}}@layer stageshow{.ss-cursor{position:absolute;top:0;left:0;z-index:100;pointer-events:none;will-change:transform;transition:opacity .25s ease}.ss-cursor[data-idle]{opacity:0;transition-duration:.6s}.ss-cursor__press{display:grid;transform-origin:0 0;transition:transform .26s cubic-bezier(.22,1,.36,1)}.ss-cursor[data-pressed=true] .ss-cursor__press{transform:scale(.9);transition:transform .08s ease-out}.ss-cursor__glyph{grid-area:1 / 1;transform:scale(0);opacity:0;transition:transform .2s ease,opacity .2s ease}.ss-cursor__glyph[data-active=true]{transform:scale(var(--ss-cursor-size,1));opacity:1}.ss-cursor__glyph[data-glyph^=resize]{transform:scale(calc(var(--ss-cursor-size, 1) * .5))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph:not([data-active=true]){transform:scale(calc(var(--ss-cursor-size, 1) * .6))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph,.ss-cursor__glyph[data-glyph^=resize]{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s ease}.ss-cursor__glyph[data-glyph^=resize][data-active=true]{transform:scale(var(--ss-cursor-size,1))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph:not([data-active=true]),.ss-cursor:not([data-kind^=resize]) .ss-cursor__glyph[data-glyph^=resize]{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .1s ease}.ss-cursor:is([data-kind=open],[data-kind=grab]) .ss-cursor__glyph:is([data-glyph=open],[data-glyph=grab]){transform:scale(var(--ss-cursor-size,1));transition:opacity .08s linear}.ss-cursor[data-style=large]{--ss-cursor-size:1.5}.ss-cursor[data-style=large] .ss-cursor__glyph[data-glyph=ibeam]{--ss-cursor-size:1.15}.ss-cursor__dot{display:block;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#76768042;-webkit-backdrop-filter:blur(5px) saturate(1.8) brightness(1.04);backdrop-filter:blur(5px) saturate(1.8) brightness(1.04);box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #0000000d,0 2px 10px #0000001a;transition:background .15s ease}.ss-cursor__dot{transition:background .15s ease,width .2s cubic-bezier(.22,1,.36,1),height .2s cubic-bezier(.22,1,.36,1),margin .2s cubic-bezier(.22,1,.36,1),border-radius .2s ease}.ss-cursor[data-style=circle][data-kind=ibeam] .ss-cursor__dot{width:4px;height:20px;margin:-10px 0 0 -2px;border-radius:2px;background:#3c3c438c}.ss-stage[data-theme=dark] .ss-cursor__dot{background:#fff3;box-shadow:inset 0 1px 1px #ffffff4d,0 2px 10px #0000004d}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__press{transform:scale(.8)}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot{-webkit-backdrop-filter:none;backdrop-filter:none;background:#76768038}.ss-stage[data-theme=dark] .ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot{background:#ffffff2e}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot,.ss-cursor[data-style=circle][data-kind=grab] .ss-cursor__dot{background:#76768066}.ss-cursor[data-style=touch] .ss-cursor__dot{width:34px;height:34px;margin:-17px 0 0 -17px;background:#76768024;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;transform:scale(.7);transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1)}.ss-cursor__streak{position:absolute;left:0;top:-13px;width:0;height:26px;border-radius:13px;background:linear-gradient(to right,#76768000,#76768029);transform-origin:100% 50%;opacity:0;pointer-events:none;transition:opacity .16s ease}.ss-cursor[data-swiping] .ss-cursor__streak{opacity:1;transition:none}.ss-cursor[data-style=touch][data-touching] .ss-cursor__dot{opacity:1;transform:scale(1);transition:opacity .14s ease,transform .16s cubic-bezier(.22,1,.36,1)}.ss-cursor[data-style=touch][data-pressed=true] .ss-cursor__dot,.ss-cursor[data-style=touch][data-swiping] .ss-cursor__dot{background:#76768038;transform:scale(.82);transition:background .08s ease,transform .1s ease-out}.ss-cursor__glyph svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.ss-cursor__arrow path{fill:var(--ss-cursor-ink,#111);stroke:var(--ss-cursor-ink,#111);stroke-width:2.4;stroke-linejoin:round}.ss-cursor__arrow{display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.18))}.ss-stage[data-theme=dark] .ss-cursor__arrow,.ss-stage[data-theme=blueprint] .ss-cursor__arrow{--ss-cursor-ink:#fff}.ss-stage[data-theme=dark] .ss-cursor,.ss-stage[data-theme=blueprint] .ss-cursor{--ss-cursor-line:#fff;--ss-cursor-edge:rgba(0,0,0,.75)}.ss-ripple{position:absolute;z-index:99;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:1.5px solid var(--ss-accent);background:color-mix(in srgb,var(--ss-accent) 10%,transparent);pointer-events:none;animation:ss-ripple .55s cubic-bezier(.25,.8,.25,1) forwards}@keyframes ss-ripple{0%{transform:scale(.2);opacity:1}to{transform:scale(1);opacity:0}}.ss-stage[data-palette=mono] .ss-ripple{border-color:var(--ss-text-strong);background:transparent}.ss-stage[data-hit] :is(.ss-cursor,.ss-cursor *){pointer-events:none!important}}@layer stageshow{.ss-stage[data-theme=blueprint] .ss-window__dot{background:transparent;box-shadow:inset 0 0 0 1px var(--ss-line)}.ss-stage[data-theme=blueprint] .ss-window__url{background:transparent;box-shadow:inset 0 0 0 1px var(--ss-line-faint)}.ss-stage[data-palette=mono] .ss-window__dot{background:var(--ss-ink-5);box-shadow:none}:where(.ss-window){position:relative;--ss-lights-y:19px;--ss-dot:9px;--ss-side-inset:0px}.ss-window{display:flex;flex-direction:column;overflow:hidden;background:var(--ss-canvas);border-radius:var(--ss-radius-window);box-shadow:var(--ss-shadow-window)}.ss-window__bar{display:flex;flex-shrink:0;align-items:center;gap:6px;height:38px;padding:0 calc(var(--ss-lights-y) - var(--ss-dot) / 2);background:var(--ss-chrome);border-bottom:1px solid var(--ss-line)}.ss-window__lights{display:flex;flex-shrink:0;gap:6px}.ss-window__dot{width:var(--ss-dot);height:var(--ss-dot);border-radius:50%;box-shadow:inset 0 0 0 .5px #0000001f}.ss-window__dot:nth-child(1){background:#ff5f57}.ss-window__dot:nth-child(2){background:#febc2e}.ss-window__dot:nth-child(3){background:#28c840}.ss-window__url{flex:1;min-width:0;margin-left:8px;padding:4px 10px;overflow:hidden;background:var(--ss-ink-1);border-radius:6px;color:var(--ss-text-faint);font-size:10.5px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.ss-window[data-url-shape=pill] .ss-window__url{padding-inline:12px;border-radius:999px}.ss-window__title{flex:1;margin-right:36px;text-align:center;font-size:13px;font-weight:600;color:var(--ss-text-strong)}.ss-window__body{position:relative;flex:1;min-height:0}.ss-window__spacer{flex:1}.ss-window[data-lights=grey] .ss-window__dot{background:#bac8da80;box-shadow:none}.ss-window[data-lights=white] .ss-window__dot{background:#ffffff80;box-shadow:none}.ss-window[data-chrome=glass]{background:#f8fafd73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 0 0 1px #e5edf580,0 15px 35px #17171714}.ss-window[data-chrome=glass]>.ss-window__bar{display:grid;grid-template-columns:1fr minmax(0,262px) 1fr;gap:12px;height:35px;padding:0 20px;background:none;border:0}.ss-window[data-chrome=glass] .ss-window__lights{gap:4px}.ss-window[data-chrome=glass] .ss-window__dot{width:8px;height:8px}.ss-window[data-chrome=glass] .ss-window__url{display:flex;grid-column:2;align-items:center;justify-content:center;gap:4px;height:20px;margin:0;padding:0 8px;background:#ffffff61;border-radius:999px;box-shadow:inset 0 0 0 1px #e5edf580;color:#50617a;font-size:10px}.ss-window__lock{flex-shrink:0;color:#667691}.ss-window__url-text{overflow:hidden;text-overflow:ellipsis}.ss-window[data-chrome=glass] .ss-window__end{display:flex;grid-column:3;justify-content:flex-end;gap:6px}.ss-window[data-chrome=glass]>.ss-window__body{margin:0 6px 6px;overflow:hidden;background:#fff;border-radius:6px;box-shadow:0 3px 6px #1717170f}.ss-window[data-chrome=card]{background:#fff;border-radius:8px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d}.ss-window[data-chrome=card]>.ss-window__bar{gap:14px;height:44px;padding:0 16px;background:none;border:0}.ss-window[data-chrome=card]:not([data-lights=color]) .ss-window__dot{background:#ecf2f7;box-shadow:none}.ss-window[data-chrome=card] .ss-window__url{flex:1;height:24px;margin:0;padding:0 10px;background:#ecf2f7;border-radius:4px;box-shadow:none;color:#425466;font-size:12px;font-weight:300;line-height:24px}.ss-window[data-chrome=card] .ss-window__end:empty{display:none}.ss-window[data-chrome=card]>.ss-window__body{background:#fff}.ss-window[data-chrome=hairline]{background:#fff;border-radius:8px;box-shadow:0 0 0 1px #0000000f,0 12px 28px -12px #32325d33}.ss-window[data-chrome=hairline]>.ss-window__bar{display:grid;grid-template-columns:1fr auto 1fr;height:20px;padding:0 8px;background:none;border:0;border-bottom:1px solid rgba(0,0,0,.06)}.ss-window[data-chrome=hairline] .ss-window__lights{gap:3px}.ss-window[data-chrome=hairline] .ss-window__dot{width:5px;height:5px}.ss-window[data-chrome=hairline]:not([data-lights=color]) .ss-window__dot{background:#e3e8ee;box-shadow:none}.ss-window[data-chrome=hairline] .ss-window__url{grid-column:2;height:auto;margin:0;padding:0;background:none;box-shadow:none;color:#8792a2;font-size:9px}.ss-window[data-chrome=hairline] .ss-window__end{grid-column:3;justify-self:end}.ss-window[data-chrome=terminal]{--ss-term-bg:#17171a;background:var(--ss-term-bg);box-shadow:inset 0 0 0 1px #ffffff12,var(--ss-shadow-hero,var(--ss-shadow-window))}.ss-window[data-chrome=terminal]>.ss-window__bar{position:relative;background:none;border:0}.ss-window[data-chrome=terminal][data-lights=grey] .ss-window__dot{background:#ffffff29;box-shadow:none}.ss-term__title{position:absolute;left:50%;translate:-50% 0;color:#ffffff6b;font-size:11px;font-weight:500;white-space:nowrap}.ss-term{display:flex;flex-direction:column;gap:3px;padding:4px 16px 16px;overflow:hidden;color:#9d9da6;font:11.5px/1.65 var(--ss-mono);font-variant-ligatures:none}.ss-term>*+.ss-term__prompt{margin-top:8px}.ss-term__line,.ss-term>div,.ss-term>p{margin:0;white-space:pre}.ss-term__path{color:var(--ss-term-path,#6f8ccf)}.ss-term__sigil{margin:0 7px;color:var(--ss-term-sigil,#6ee7a8)}.ss-term__cmd{color:#f1f1f3}.ss-term .ok{color:var(--ss-term-ok,#6ee7a8)}.ss-term .err{color:var(--ss-term-err,#f87171)}.ss-term .dim{color:var(--ss-term-dim,#63636b)}.ss-term__caret{display:inline-block;width:.6em;height:1.2em;margin-left:1px;vertical-align:-.22em;background:#e8e8ec;animation:ss-term-blink 1.06s steps(1) infinite}.ss-term__caret[data-still]{animation:none}@keyframes ss-term-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.ss-term__caret{animation:none}}.ss-window__title[data-toolbar]{margin:0 0 0 14px;text-align:left}.ss-window__nav{display:flex;flex-shrink:0;gap:6px;margin-left:10px;color:var(--ss-text-faint)}.ss-window__nav+.ss-window__url{margin-left:4px}.ss-window__tabs{display:flex;flex-shrink:0;align-items:flex-end;gap:2px;height:38px;padding:0 calc(var(--ss-lights-y) - var(--ss-dot) / 2);background:var(--ss-canvas)}.ss-window__tabs .ss-window__lights{align-self:center;margin-right:14px}.ss-window__tab{display:flex;align-items:center;gap:7px;width:140px;min-width:0;height:30px;padding:0 12px;border-radius:8px 8px 0 0;font-size:11px;color:var(--ss-text-faint)}.ss-window__tab[data-active]{background:var(--ss-chrome);color:var(--ss-text-strong)}.ss-window__tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ss-window__favicon{flex-shrink:0;width:10px;height:10px;border-radius:3px;background:var(--ss-ink-4)}.ss-window__tab[data-active] .ss-window__favicon{background:var(--ss-accent)}[data-kind=tabs]>.ss-window__bar .ss-window__url{margin-left:0}[data-kind=tabs]>.ss-window__bar .ss-window__nav{margin-left:0}.ss-window[data-kind=sidebar]{flex-direction:row}.ss-window__side{display:flex;flex-direction:column;flex-shrink:0;background:var(--ss-canvas);border-right:1px solid var(--ss-line)}.ss-window__side-top{display:flex;flex-shrink:0;align-items:center;height:calc((var(--ss-lights-y) - var(--ss-side-inset)) * 2);padding:0 calc(var(--ss-lights-y) - var(--ss-side-inset) - var(--ss-dot) / 2)}.ss-window__main{display:flex;flex-direction:column;flex:1;min-width:0;background:var(--ss-surface)}.ss-window__main>.ss-window__bar{padding:0 16px}.ss-window__heading{font-size:13px;font-weight:600;color:var(--ss-text-strong)}.ss-bar{display:block;flex-shrink:0}.ss-bar[data-shrink]{flex-shrink:1;min-width:0;max-width:100%}.ss-window[data-lights-size=large]{--ss-dot:12px}.ss-window[data-lights-size=large] .ss-window__lights{gap:8px}.ss-window[data-bar=tall]{--ss-lights-y:26px}.ss-window[data-bar=tall]>.ss-window__bar,.ss-window[data-bar=tall] .ss-window__main>.ss-window__bar{align-items:flex-start;height:64px;padding-top:10px;background:none;border-bottom:0}.ss-window[data-bar=tall]>.ss-window__bar>.ss-window__lights{margin-top:calc(16px - var(--ss-dot) / 2)}.ss-window[data-bar=tall] .ss-window__url{margin-top:5px}.ss-window[data-bar=tall] .ss-window__title,.ss-window[data-bar=tall] .ss-window__heading{line-height:32px}.ss-window[data-side=floating]{--ss-side-inset:8px;border-radius:24px;background:var(--ss-surface)}.ss-window[data-side=floating]>.ss-window__side{position:relative;z-index:1;margin:var(--ss-side-inset) 0 var(--ss-side-inset) var(--ss-side-inset);border-right:0;border-radius:16px;box-shadow:0 0 0 .5px #00000012,inset 0 .5px #fff,0 3px 14px #14234612}.ss-stage[data-theme=dark] .ss-window[data-side=floating]>.ss-window__side{background:var(--ss-raised);box-shadow:0 0 0 1px #ffffff14,0 3px 14px #0000004d}.ss-text{white-space:nowrap}.ss-text[data-wrap]{white-space:normal}}@layer stageshow{.ss-roll{white-space:pre}.ss-roll__mid{display:inline-grid;clip-path:inset(0 -100vw);vertical-align:bottom;transition:width .5s cubic-bezier(.22,1,.36,1)}.ss-roll__item{grid-area:1 / 1;justify-self:start;width:max-content}.ss-roll[data-align=end] .ss-roll__mid{grid-template-columns:100%}.ss-roll[data-align=end] .ss-roll__item{justify-self:unsafe end}.ss-roll__char{display:inline-block;white-space:pre;animation:ss-roll-in .55s cubic-bezier(.22,1,.36,1) both}.ss-roll__item[data-out]{animation:ss-roll-out .28s cubic-bezier(.55,0,1,.45) both}@keyframes ss-roll-in{0%{opacity:0;filter:blur(2px);transform:translateY(100%)}}@keyframes ss-roll-out{to{opacity:0;filter:blur(2px);transform:translateY(-100%)}}.ss-roll[data-variant=fade] .ss-roll__char{animation-name:ss-fade-in;animation-duration:.35s;animation-delay:.12s}.ss-roll[data-variant=fade] .ss-roll__item[data-out]{animation-name:ss-fade-out;animation-duration:.16s}.ss-roll[data-variant=fade] .ss-roll__mid{clip-path:inset(0);transition-duration:.4s}@keyframes ss-fade-out{to{opacity:0;filter:blur(2px);transform:translateY(-3px)}}}@layer stageshow{.ss-thread{--ss-thread-size:15px;--ss-me:#0a84ff;--ss-me-text:#fff;--ss-them:#e9e9eb;--ss-them-text:#000;--ss-scroll:.55s cubic-bezier(.25,1,.5,1);display:flex;flex-direction:column;justify-content:flex-end;gap:3px;min-height:0;clip-path:inset(0 -100vw -100vh -100vw);font-size:var(--ss-thread-size);line-height:1.3;letter-spacing:-.01em}.ss-phone__content .ss-thread{--ss-thread-size:17px}.ss-phone__content .ss-stamp,.ss-phone__content .ss-receipt{font-size:14px}.ss-thread[data-app=sms]{--ss-me:#34c759}.ss-stage[data-theme=dark] .ss-thread,.ss-phone[data-dark] .ss-thread{--ss-them:#26252a;--ss-them-text:#fff}.ss-bubble-row{position:relative;top:0;will-change:transform;display:flex;flex:none;transition:top var(--ss-scroll)}.ss-bubble-row[data-from=me]{justify-content:flex-end}.ss-bubble-row[data-from=me]+.ss-bubble-row[data-from=them],.ss-bubble-row[data-from=them]+.ss-bubble-row[data-from=me]{margin-top:8px}.ss-bubble{position:relative;max-width:75%;padding:.42em .76em;top:0;left:0;border-radius:1.06em;isolation:isolate;color:var(--t);overflow-wrap:break-word;transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1)}.ss-bubble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--b);transform-origin:inherit;transition:opacity .3s ease .06s}.ss-bubble-row[data-avatar]{align-items:flex-end}.ss-bubble__avatar{display:inline-flex;flex:none;margin-right:8px;transition:margin-bottom .45s cubic-bezier(.22,1,.36,1)}.ss-bubble-row:has(.ss-bubble[data-tapback]) .ss-bubble__avatar{margin-bottom:21px}.ss-bubble[data-tapback]{margin-bottom:21px}.ss-bubble{transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1),margin-bottom .3s cubic-bezier(.22,1,.36,1) .12s}.ss-bubble[data-tapback]{transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1),margin-bottom .45s cubic-bezier(.22,1,.36,1)}.ss-tapback{position:absolute;bottom:-17px;left:8px;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:50%;background:var(--ss-thread-ground,#fff);box-shadow:0 1px 2px #00000014,0 0 0 .5px #0000000d;font-size:13px;line-height:1;pointer-events:none;transform-origin:50% 50%;transform:scale(0);transition:transform .45s cubic-bezier(.22,1.4,.36,1),opacity .1s ease}.ss-bubble-row[data-from=me] .ss-tapback{left:auto;right:8px}.ss-stage[data-theme=dark] .ss-tapback{background:var(--ss-thread-ground,#2c2c2e);box-shadow:0 1px 3px #0006}.ss-tapback[data-show]{transform:scale(1)}.ss-tapback:not([data-show]){opacity:0;transform:scale(.5);transition:transform .16s ease,opacity .14s ease}.ss-tapback__emoji{display:block;width:1em;height:1em;line-height:1;text-align:center}.ss-bubble[data-arrived]{animation:ss-bubble-in .45s cubic-bezier(.22,1,.36,1) both}.ss-bubble[data-arrived]:before{animation:ss-bubble-fill .45s cubic-bezier(.22,1,.36,1) both}.ss-bubble[data-arrived][data-source],.ss-bubble[data-arrived][data-source]:before{animation:none}.ss-bubble[data-flying]:before{opacity:0;transition:none}.ss-bubble[data-arrived][data-source][data-tail]>.ss-bubble__tail{animation-delay:.32s}[data-from=me]>.ss-bubble{--b:var(--ss-me);--t:var(--ss-me-text);transform-origin:100% 100%}[data-from=them]>.ss-bubble{--b:var(--ss-them);--t:var(--ss-them-text);transform-origin:0 100%}@keyframes ss-bubble-in{0%{opacity:0;top:6px}}@keyframes ss-bubble-fill{0%{transform:scale(.8)}}[data-from=them]>.ss-bubble[style*=width]{clip-path:inset(0 0 -1em -1em)}[data-from=me]>.ss-bubble[style*=width]{clip-path:inset(0 -1em -1em 0)}.ss-bubble__text{display:block}.ss-bubble[data-grew]>.ss-bubble__text{animation:ss-fade-in .28s ease both}.ss-bubble__tail{position:absolute;bottom:0;width:1.06em;height:.94em;fill:var(--b);pointer-events:none;opacity:0;transform:scale(.2);transition:transform .3s cubic-bezier(.25,1,.5,1),opacity .18s ease}.ss-bubble[data-tail]>.ss-bubble__tail{opacity:1;transform:none}[data-from=me]>.ss-bubble>.ss-bubble__tail{right:-.36em;transform-origin:15% 85%}[data-from=them]>.ss-bubble>.ss-bubble__tail{left:-.36em;transform-origin:85% 85%}.ss-bubble[data-arrived][data-tail]>.ss-bubble__tail{animation:ss-tail-in .32s cubic-bezier(.25,1,.5,1) .2s backwards}@keyframes ss-tail-in{0%{opacity:0;transform:scale(.2)}}.ss-bubble__bar{display:inline-block;height:.4em;border-radius:.2em;background:currentColor;opacity:.35;vertical-align:middle}.ss-bubble[data-typing]{padding:.84em .8em}.ss-bubble__dots{display:flex;gap:.24em}.ss-bubble__dots i{width:.46em;height:.46em;border-radius:50%;background:#8e8e93;animation:ss-typing 1.2s ease-in-out infinite}.ss-bubble__dots i:nth-child(2){animation-delay:.16s}.ss-bubble__dots i:nth-child(3){animation-delay:.32s}@keyframes ss-typing{0%,60%,to{opacity:.4;transform:none}30%{opacity:1;transform:translateY(-.12em)}}.ss-stamp{position:relative;top:0;will-change:transform;transition:top var(--ss-scroll)}.ss-stamp{flex:none;margin:10px 0 6px;color:#8e8e93;font-size:.7em;font-weight:500;text-align:center}.ss-receipt{display:grid;flex:none;grid-template-rows:0fr;justify-items:end;color:#8e8e93;font-size:.66em;font-weight:500;position:relative;top:0;will-change:transform;transition:top var(--ss-scroll),grid-template-rows var(--ss-scroll),opacity .25s ease;opacity:0}.ss-receipt .ss-roll[data-variant=fade] .ss-roll__item[data-out]{animation:ss-receipt-out .3s ease both}.ss-receipt .ss-roll[data-variant=fade] .ss-roll__char{animation:ss-receipt-in .4s cubic-bezier(.25,1,.5,1) .08s both}.ss-receipt .ss-roll[data-variant=fade] .ss-roll__mid{transition-duration:.45s}@keyframes ss-receipt-out{to{opacity:0;filter:blur(1.5px);transform:translateY(-.5em)}}@keyframes ss-receipt-in{0%{opacity:0;filter:blur(1.5px);transform:translateY(.5em)}}.ss-receipt>span{min-height:0;overflow:hidden;padding-right:.3em}.ss-receipt[data-show]{grid-template-rows:1fr;opacity:1}.ss-thread[data-app=chat]{--ss-me:var(--ss-ink-1);--ss-me-text:var(--ss-text-strong);gap:18px;line-height:1.55}.ss-thread[data-app=chat] .ss-bubble{border-radius:1.2em;padding:.5em .9em}.ss-thread[data-app=chat] .ss-bubble__tail{display:none}.ss-thread[data-app=chat] [data-from=them]>.ss-bubble{--b:transparent;transition:none;max-width:100%;padding:0;border-radius:0;background:none;color:var(--ss-text)}.ss-thread[data-app=chat] .ss-bubble-row+.ss-bubble-row{margin-top:0}@media(prefers-reduced-motion:reduce){.ss-bubble,.ss-bubble__text{animation-duration:.01s}.ss-bubble__dots i{animation:none;opacity:.6}.ss-bubble-row,.ss-bubble{transition-duration:.01s}}}@layer stageshow{.ss-avatar{will-change:transform}.ss-avatar{display:inline-grid;flex-shrink:0;place-items:center;overflow:hidden;border-radius:50%;background:var(--ss-fill,var(--ss-ink-3));color:var(--ss-text-strong);font-weight:600;line-height:1;transition:background .3s ease,color .3s ease}.ss-avatar[data-tone=accent]{background:var(--ss-accent);color:#fff}.ss-avatar[data-tone=ios]{background:linear-gradient(180deg,#a5abb8,#858a96);color:#fff;font-family:ui-rounded,SF Pro Rounded,-apple-system,system-ui,sans-serif;font-weight:600;letter-spacing:.01em}.ss-avatar[data-tone=success]{background:var(--ss-success);color:#fff}.ss-avatar__initial{display:block;text-box:trim-both cap alphabetic}.ss-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.ss-avatar[data-ring]{box-shadow:0 0 0 1.5px var(--ss-ring-bg,var(--ss-surface)),0 0 0 3px var(--ss-ring,var(--ss-ink-3));transition:box-shadow .35s ease}.ss-avatar[data-ring=confirmed]{--ss-ring:var(--ss-success)}.ss-avatar[data-ring=declined]{--ss-ring:var(--ss-danger)}.ss-avatar[data-ring]{position:relative;overflow:visible}.ss-avatar[data-ring]:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 62%,var(--ss-accent) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));opacity:0;transition:opacity .3s ease;animation:ss-avatar-wait 1.1s linear infinite;pointer-events:none}.ss-avatar[data-ring=waiting]:after{opacity:1}@keyframes ss-avatar-wait{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.ss-avatar[data-ring]:after{animation:none}}}@layer stageshow{.ss-row{--ss-row-pad:12px;--ss-row-title:12px;--ss-row-subtitle:11.5px;--ss-row-meta:11px;--ss-row-line:16px;--ss-row-line-2:16px;--ss-row-gap:2px;--ss-row-dot:6px;position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;column-gap:10px;padding:var(--ss-row-pad) var(--ss-row-pad);border-radius:var(--ss-radius-lg);will-change:transform;transition:background .2s ease}.ss-row[data-selected],.ss-row[data-hover]{background:var(--ss-ink-1)}.ss-row[data-lead]{grid-template-columns:auto minmax(0,1fr)}.ss-row>:not(.ss-row__lead):not(.ss-row__body):not(.ss-row__dot):not(.ss-row__preview){grid-row:1;align-self:center;justify-self:end}.ss-row__dot{position:absolute;grid-row:1 / 2;grid-column:1 / 2;z-index:1;left:calc(-7px - var(--ss-row-dot));top:calc(50% - 3px);width:var(--ss-row-dot);height:var(--ss-row-dot);margin-top:calc(3px - var(--ss-row-dot) / 2);border-radius:50%;background:var(--ss-accent)}.ss-phone__screen .ss-row{--ss-row-title:17px;--ss-row-subtitle:15px;--ss-row-meta:15px;--ss-row-line:22px;--ss-row-line-2:20px;--ss-row-gap:0px;--ss-row-dot:10px}.ss-row__lead{grid-row:1 / 2;grid-column:1 / 2;display:inline-flex;align-items:center}.ss-row__body{grid-row:1;display:flex;flex-direction:column;gap:var(--ss-row-gap);min-width:0;justify-content:center}.ss-row:has(.ss-row__subtitle,.ss-row__preview) .ss-row__body{min-height:calc(var(--ss-row-line) + var(--ss-row-line-2) + var(--ss-row-gap))}.ss-row__head{display:flex;align-items:center;gap:8px;min-height:var(--ss-row-line)}.ss-row__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ss-row-title);font-weight:600;line-height:var(--ss-row-line);color:var(--ss-text-strong)}.ss-row__meta{flex:none;font-size:var(--ss-row-meta);line-height:var(--ss-row-line);color:var(--ss-text-faint)}.ss-row__subtitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ss-row-subtitle);line-height:var(--ss-row-line-2);color:var(--ss-text)}.ss-row__preview{grid-row:2;display:grid;justify-items:start;row-gap:calc(var(--ss-row-line-2) - 6px);padding-top:calc((var(--ss-row-line-2) - 6px) / 2)}.ss-row__preview[data-text]{display:-webkit-box;overflow:hidden;padding-top:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--ss-row-subtitle);line-height:var(--ss-row-line-2);color:var(--ss-text)}.ss-row[data-lead] .ss-row__preview{grid-column:2}.ss-row__preview>.ss-bar{display:block}.ss-row:has(.ss-row__preview) .ss-row__lead,.ss-row:has(.ss-row__preview) .ss-row__dot{grid-row:1 / 3;align-self:start}.ss-row:has(.ss-row__preview){--ss-row-lead-h:calc(var(--ss-row-line) + var(--ss-row-line-2) * 2 + var(--ss-row-gap))}.ss-row:has(.ss-row__preview) .ss-row__lead{height:var(--ss-row-lead-h)}.ss-row:has(.ss-row__preview) .ss-row__dot{top:calc(var(--ss-row-lead-h) / 2 - 3px)}.ss-row__title>.ss-bar{display:block;margin:calc((var(--ss-row-line) - 6px) / 2) 0}.ss-row__subtitle>.ss-bar{display:block;margin:calc((var(--ss-row-line-2) - 6px) / 2) 0}.ss-row__meta>.ss-bar{display:block;margin:calc((var(--ss-row-line) - 6px) / 2) 0}}@layer stageshow{.ss-badge{will-change:transform}.ss-badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 9px;border-radius:var(--ss-radius-pill);background:var(--ss-ink-2);font-size:11px;font-weight:500;color:var(--ss-text-strong);white-space:nowrap;transition:background-color .35s ease,color .35s ease}.ss-badge[data-lead]{padding-left:7px}.ss-badge[data-tone=accent]{background:var(--ss-accent-soft);color:var(--ss-accent-text)}.ss-badge[data-tone=success]{background:var(--ss-success-soft);color:var(--ss-success-text)}.ss-badge[data-tone=danger]{background:var(--ss-danger-soft);color:var(--ss-danger-text)}.ss-badge[data-tone=warning]{background:var(--ss-warning-soft);color:var(--ss-warning-text)}.ss-badge__label{display:block;text-box:trim-both cap alphabetic}.ss-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}}@layer stageshow{.ss-collapse{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .42s cubic-bezier(.4,0,.2,1) .05s,opacity .42s cubic-bezier(0,.8,.5,1)}.ss-collapse[data-open]{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .46s cubic-bezier(.4,0,.2,1),opacity .24s ease-out .15s}.ss-collapse[data-solid],.ss-collapse[data-solid][data-open]{opacity:1}.ss-collapse__inner{min-height:0;overflow:clip;overflow-clip-margin:3px}.ss-collapse[data-reveal=clip]>.ss-collapse__inner{display:flex;flex-direction:column;justify-content:center;overflow-clip-margin:0}.ss-collapse[data-reveal=clip][data-tall]>.ss-collapse__inner{justify-content:flex-start}.ss-collapse[data-reveal=clip][data-tall][data-open]{transition:grid-template-rows .46s cubic-bezier(.4,0,.2,1),opacity .24s ease-out .3s}.ss-collapse[data-open]:not([data-moving])>.ss-collapse__inner{overflow:visible}.ss-collapse[data-reveal=drop]>.ss-collapse__inner{overflow:visible}.ss-collapse[data-reveal=drop]>.ss-collapse__inner>*{transform:translateY(-10px);will-change:transform;transition:transform .3s ease}.ss-collapse[data-reveal=drop][data-from=below]>.ss-collapse__inner>*{transform:translateY(10px)}.ss-collapse[data-reveal=drop][data-open]>.ss-collapse__inner>*{transform:none;transition:transform .6s cubic-bezier(.22,1,.36,1) .2s}.ss-collapse[data-reveal=drop][data-open]{transition:grid-template-rows .5s cubic-bezier(.45,0,.2,1),opacity .3s ease .24s}}@layer stageshow{.ss-states{display:inline-grid;align-items:center;justify-items:center}.ss-states__item{display:inline-flex;grid-area:1 / 1;align-items:center;gap:6px;opacity:0;filter:blur(2px);will-change:transform;transform:translate3d(0,4px,0);transition:opacity .15s ease,filter .15s ease,transform 0s .15s}.ss-states__item[data-on]{opacity:1;filter:none;transform:translateZ(0);transition:opacity .25s ease-out .07s,filter .25s ease-out .07s,transform .3s cubic-bezier(.22,1,.36,1) .07s}.ss-states[data-align=start]{justify-items:start}.ss-states[data-align=end]{justify-items:end}.ss-states[data-reduced]>.ss-states__item{transform:translateZ(0);filter:none;transition:opacity .12s ease}}.csl .ss-stage{overflow:hidden;background:transparent;--ss-font:var(--font-body,system-ui,-apple-system,sans-serif)}.csl .csl-desk{position:absolute;top:40px;left:160px;width:860px;height:420px;box-shadow:var(--ss-shadow-hero)}.csl .csl-app{display:grid;grid-template-columns:160px 220px 330px 150px;height:100%;background:var(--ss-surface)}.csl .csl-wpmenu{display:grid;align-content:start;gap:16px;padding:20px 16px;background:#1d2327}.csl .csl-wpmenu .ss-bar{background:#50575e}.csl .csl-wpmenu .ss-bar[data-on]{background:#72aee6}.csl .csl-chats{display:flex;flex-direction:column;gap:2px;padding:12px 6px;border-right:1px solid var(--ss-line)}.csl .csl-colhead{padding:4px 10px 10px;color:var(--ss-text-strong);font-size:13px;font-weight:600;line-height:1.3}.csl .csl-row__name{color:var(--ss-text-strong);font-size:13px;font-weight:600}.csl .csl-conv{position:relative;border-right:1px solid var(--ss-line)}.csl .csl-pane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(.25,1,.5,1),visibility 0s .35s}.csl .csl-pane[data-on]{opacity:1;visibility:visible;transition:opacity .35s cubic-bezier(.25,1,.5,1)}.csl .csl-convhead{display:flex;flex:none;align-items:center;gap:10px;height:56px;padding:0 14px;border-bottom:1px solid var(--ss-line)}.csl .csl-convhead__who{display:grid;gap:5px}.csl .csl-join{display:inline-grid;flex:none;place-items:center;height:30px;margin-left:auto;padding:0 12px;border-radius:7px;background:var(--ss-accent);color:var(--csl-on-accent);font-size:12.5px;font-weight:600;transition:background-color .25s,color .25s,box-shadow .25s,scale .2s;will-change:transform}.csl .csl-join.is-joined{background:var(--ss-surface);color:var(--ss-text-strong);box-shadow:inset 0 0 0 1px var(--ss-line)}.csl .csl-join[data-pressed]{scale:.96}.csl .csl-fill-thread{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;padding:16px 14px 70px}.csl .csl-fill-me{align-self:flex-end}.csl .csl-thread{--ss-thread-size:13px;--ss-me:var(--ss-accent);--ss-me-text:var(--csl-on-accent);--ss-them:var(--ss-ink-1);--ss-them-text:var(--ss-text-strong);flex:1;min-height:0;padding:12px 14px;letter-spacing:0}.csl .csl-thread .ss-bubble__tail{display:none}.csl .csl-thread .ss-bubble{padding:6px 11px;border-radius:14px;line-height:18px}.csl .csl-sys,.csl .csl-ask{position:relative;top:0;flex:none;transition:top var(--ss-scroll)}.csl .csl-sys{animation:csl-in .35s cubic-bezier(.25,1,.5,1) both;display:flex;justify-content:center;padding:6px 0;color:var(--ss-text);font-size:11.5px;line-height:1.3}.csl .csl-dcompose,.csl .csl-wcompose{display:flex;flex:none;gap:8px;padding:10px 14px 14px}.csl .csl-field{position:relative;display:flex;flex:1;align-items:center;min-width:0;height:36px;padding:0 12px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--ss-line);color:var(--ss-text-strong);font-size:13px;white-space:nowrap;overflow:hidden}.csl .csl-field__ph{position:absolute;left:12px;color:var(--ss-text-faint);transition:opacity .15s}.csl .csl-field__ph[data-hide]{opacity:0}.csl .csl-caret{display:inline-block;width:1.5px;height:15px;margin-left:1px;vertical-align:-3px;background:var(--ss-accent)}.csl .csl-send{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--ss-accent);color:var(--csl-on-accent);transition:scale .2s;will-change:transform}.csl .csl-send[data-pressed]{scale:.92}.csl .csl-send--quiet{background:var(--ss-ink-1);color:var(--ss-icon)}.csl .csl-visitor{display:grid;align-content:start;gap:10px;padding:20px 16px}.csl .csl-visitor__group{display:grid;gap:8px;margin-top:14px}.csl .csl-widget{position:absolute;z-index:2;top:40px;left:40px;display:flex;flex-direction:column;width:260px;height:420px;overflow:hidden;border-radius:14px;background:var(--ss-surface);box-shadow:var(--ss-shadow-satellite)}.csl .csl-wh{display:flex;flex:none;align-items:center;padding:20px 16px 18px;border-bottom:1px solid var(--ss-line)}.csl .csl-wh__who{display:flex;align-items:center;gap:10px}.csl .csl-wh__mark{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ss-accent-soft);color:var(--ss-accent)}.csl .csl-wh__lines{display:grid;gap:5px;justify-items:start}.csl .csl-wh__name{color:var(--ss-text-strong);font-size:13px;font-weight:600;line-height:1.3}.csl .csl-wh__live{display:inline-flex;align-items:center;gap:5px;color:var(--ss-text);font-size:11px;line-height:1.3}.csl .csl-wh__live i{width:6px;height:6px;border-radius:50%;background:var(--ss-success)}.csl .csl-wthread{--ss-thread-size:13px;padding:16px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20px);mask-image:linear-gradient(to bottom,transparent,#000 20px)}.csl .csl-wthread .ss-bubble{max-width:86%}.csl .csl-ask{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;height:28px;margin-top:8px;padding:0 11px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--ss-line);color:var(--ss-accent-text);font-size:12px;font-weight:600;transition:top var(--ss-scroll),background-color .2s,opacity .3s}.csl .csl-ask[data-pressed]{background:var(--ss-accent-soft)}.csl .csl-ask[data-done]{opacity:.55}.csl .csl-wcompose{padding:12px 16px 16px;border-top:1px solid var(--ss-line)}.csl .csl-wcompose .csl-field,.csl .csl-wcompose .csl-send{height:34px}.csl .csl-wcompose .csl-send{width:34px}.csl .csl-rest{position:absolute;top:160px;left:800px;width:1px;height:1px}.csl .ss-stage{--csl-on-accent:#fff}.csl .ss-stage[data-theme=dark]{--csl-on-accent:#0b1f17}.csl .ss-stage[data-theme=dark] .csl-desk{box-shadow:var(--ss-shadow-hero),0 0 0 1px var(--ss-line)}.csl .ss-stage[data-layout=compact] .csl-widget{top:24px;left:24px;width:310px;height:470px}.csl .ss-stage[data-layout=compact] .csl-wthread{--ss-thread-size:14px;padding:16px}.csl .csl-wfoot{flex:none;height:60px}.csl .ss-stage[data-layout=compact] .csl-rest{top:520px;left:330px}@keyframes csl-in{0%{opacity:0;translate:0 6px}}@media(prefers-reduced-motion:reduce){.csl .csl-sys{animation:none}}.csl .csl-row__time{color:var(--ss-text);font-size:11px;line-height:1.3}.csl .csl-status{font-size:11.5px;font-weight:600;line-height:1.3}.csl .csl-status[data-tone=warning]{color:var(--ss-warning-text)}.csl .csl-status[data-tone=success]{color:var(--ss-success-text)}.csl .csl-dthread .ss-bubble{max-width:86%}.csl .csl-chats .csl-row{padding-block:16px}.csl .ss-stage[data-theme=dark] .csl-widget{background:var(--ss-raised);box-shadow:var(--ss-shadow-satellite),0 0 0 1px var(--ss-line)}.csl .ss-stage[data-layout=wide] .ss-bubble-row:has([data-greet]){display:none}