/* id="stay-css" */
.sbar{position:fixed;z-index:60;left:clamp(16px,4vw,26px);right:clamp(16px,4vw,26px);
bottom:calc(clamp(16px,4vw,26px) + env(safe-area-inset-bottom,0px));
max-width:384px;background:var(--su-1,#fff);border:1px solid var(--ln-1,#e7e8f5);
border-radius:18px;padding:18px 18px 15px;
box-shadow:0 2px 4px rgba(17,24,39,.04),0 20px 50px -14px rgba(31,26,58,.30);
opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;
transition:opacity .38s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.16,1,.3,1)}
.sbar.on{opacity:1;transform:none;pointer-events:auto}
/* A line of accent across the top, the width of the card, so it reads as
   something the site sent rather than something the browser did. */
.sbar::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;
border-radius:0 0 2px 2px;
background:linear-gradient(90deg,var(--ac-1,#4f46e5),rgba(124,92,255,.25))}
.sbar-k{margin:0 0 12px;font-family:var(--font-heading);font-size:16.5px;
font-weight:600;letter-spacing:-.02em;color:var(--tx-1,#111827);padding-right:24px}
.sbar-x{position:absolute;top:11px;right:11px;width:26px;height:26px;border:0;padding:0;
background:none;color:var(--tx-3,#a79fb8);font-size:16px;line-height:1;cursor:pointer;
border-radius:999px;transition:background .18s,color .18s}
.sbar-x:hover{background:var(--su-2,#f4f4fb);color:var(--tx-1,#111827)}
.sbar-f{position:relative;display:flex;align-items:center;
border:1px solid var(--ln-2,#dfe3f5);border-radius:12px;background:var(--su-2,#fafaff);
transition:border-color .18s,background .18s,box-shadow .18s}
.sbar-f:focus-within{border-color:var(--ac-1,#4f46e5);background:var(--su-1,#fff);
box-shadow:0 0 0 3px rgba(79,70,229,.14)}
.sbar input{flex:1;min-width:0;border:0;background:none;padding:13px 6px 13px 14px;
font:inherit;font-size:15px;color:var(--tx-1,#111827);outline:0}
.sbar input::placeholder{color:var(--tx-3,#a79fb8)}
.sbar-go{flex:none;width:34px;height:34px;margin:0 5px 0 0;border:0;border-radius:999px;
background:var(--ac-1,#4f46e5);color:#fff;cursor:pointer;display:flex;
align-items:center;justify-content:center;opacity:.3;
transition:opacity .2s,transform .2s,box-shadow .2s}
.sbar-go[data-live="1"]{opacity:1;box-shadow:0 2px 8px rgba(79,70,229,.35)}
.sbar-go[data-live="1"]:hover{transform:translateX(1.5px)}
.sbar-go svg{width:15px;height:15px;display:block}
.sbar-m{max-height:0;overflow:hidden;opacity:0;
transition:max-height .34s cubic-bezier(.16,1,.3,1),opacity .24s,margin .34s}
.sbar-m.open{max-height:68px;opacity:1;margin-top:9px}
.sbar-n{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--tx-3,#6b6f82)}
.sbar-n b{font-weight:600;color:var(--tx-2,#5f6473)}
/* The chat bubble owns the bottom right. On a wide screen the card sits far
enough left to ignore it; on a narrow one the card is nearly full width, so it
sits above the bubble instead of under it. Found in a phone screenshot with the
reply line running behind it. */
@media (max-width:520px){
.sbar{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:reduce){
.sbar{transition:opacity .01s;transform:none}
.sbar-m{transition:none}}
/* id="thr-css" */
.thr{border-top:2px solid var(--tx-1,#111827);padding:18px 0 0;margin:0}
.thr-k{margin:0 0 9px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
font-weight:600;color:var(--tx-3,#6b6f82)}
.thr-p{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 13px}
.thr-p a{font-size:12.5px;color:var(--tx-2,#5f6473);border:1px solid var(--ln-1,#e7e8f5);
border-radius:999px;padding:4px 11px;background:var(--su-1,#ffffff);white-space:nowrap}
.thr-p a.on{border-color:var(--tx-1,#111827);color:var(--tx-1,#111827);font-weight:500}
.thr-p span{font-size:12.5px;color:var(--tx-3,#6b6f82)}
.thr-s{margin:0 0 4px;font-family:var(--font-heading);font-weight:600;
font-size:clamp(17px,2vw,21px);letter-spacing:-.025em;color:var(--tx-1,#111827);max-width:44ch}
.thr-d{margin:0 0 14px;color:var(--tx-2,#5f6473);font-size:15px;line-height:1.6;max-width:56ch}
.thr-go{display:inline-flex;align-items:baseline;gap:8px;font-size:15.5px;font-weight:600;
color:var(--ac-1,#4f46e5)}
.thr-f{margin:14px 0 0;font-size:12.5px;color:var(--tx-3,#6b6f82)}
.thr-f button{font:inherit;font-size:12.5px;background:none;border:0;padding:0;
color:var(--tx-3,#6b6f82);text-decoration:underline;cursor:pointer}
.thr-wrap{border-bottom:1px solid var(--ln-1,#e7e8f5)}
.thr-wrap>div{max-width:1200px;margin:0 auto;padding:clamp(30px,4vw,52px) clamp(20px,5vw,56px)}
/* id="vt-css" */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;
animation-timing-function:cubic-bezier(.4,0,.2,1)}
@media (prefers-reduced-motion:reduce){
@view-transition{navigation:none}
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){
animation:none!important}}