@font-face{font-family:"Heebo";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-hebrew-wght-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--cream:#FFF4E4;--peach:#FFE3D3;--plum:#3B2032;--muted:#5F4252;--line:#7A5A6C;--soft:#EBD9C6;--coral:#E8573C;--ink:#AC3620;--ink-dark:#9C2F1A;--amber:#F0A93C;--pink:#E8699E;--purple:#7F3FA0;--blue:#3C6FD8;--teal:#2E9E8F;--r:24px;--max:1120px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font-family:"Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:1.125rem;line-height:1.7;color:var(--plum);background:var(--cream);overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--ink);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.08em}
a:hover{color:var(--ink-dark);text-decoration-thickness:.15em}
:focus{outline:none}
:focus-visible{outline:3px solid var(--plum);outline-offset:3px;box-shadow:0 0 0 6px #fff;border-radius:6px}
.on-dark :focus-visible,.dark :focus-visible{outline-color:var(--cream);box-shadow:0 0 0 6px var(--plum)}
.skip{position:absolute;inset-inline-start:12px;top:-100px;z-index:100;background:var(--plum);color:#fff;padding:12px 20px;border-radius:12px;font-weight:700;min-height:44px}
.skip:focus{top:12px}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:min(100% - 40px,var(--max));margin-inline:auto}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;font-weight:800;letter-spacing:0}
h1{font-size:clamp(2.6rem,7vw,5rem)}
h2{font-size:clamp(1.9rem,4vw,2.6rem)}
h3{font-size:1.35rem}
p{margin:0 0 1em}
.lead{font-size:clamp(1.2rem,2.2vw,1.45rem);color:var(--muted);max-width:40em}
.accent{color:var(--ink)}
.muted{color:var(--muted)}
.blobs{position:absolute;inset:0 0 -220px 0;overflow:hidden;pointer-events:none;z-index:0}
.blobs i{position:absolute;border-radius:50%;display:block}
.b1{width:520px;height:520px;inset-inline-end:-120px;top:-140px;background:radial-gradient(circle,#F7B6C8 0,rgba(247,182,200,0) 68%)}
.b2{width:560px;height:560px;inset-inline-start:-180px;top:40px;background:radial-gradient(circle,#F6B08F 0,rgba(246,176,143,0) 68%)}
.b3{width:520px;height:520px;inset-inline-start:30%;top:200px;background:radial-gradient(circle,#F8D48A 0,rgba(248,212,138,0) 68%)}
header.site{position:relative;z-index:2;padding:18px 0}
header.site .wrap{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;color:var(--plum);text-decoration:none;font-size:1.9rem;font-weight:800;min-height:44px}
.brand img{width:44px;height:44px}
.brand:hover{color:var(--plum)}
nav.main{flex:1}
nav.main ul{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:0}
nav.main a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--plum);text-decoration:none;font-weight:600;font-size:1.05rem;border-radius:12px}
nav.main a:hover,nav.main a[aria-current="page"]{text-decoration:underline;text-underline-offset:.3em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:999px;font:inherit;font-size:1.1rem;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer;line-height:1.2;text-align:center}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:var(--ink-dark);color:#fff}
.btn-ghost{background:transparent;border-color:var(--plum);color:var(--plum)}
.btn-ghost:hover{background:var(--plum);color:#fff}
.btn-amber{background:var(--amber);color:var(--plum)}
.btn-amber:hover{background:#F7BC5A;color:var(--plum)}
.btn-line-light{background:transparent;border-color:var(--cream);color:var(--cream)}
.btn-line-light:hover{background:var(--cream);color:var(--plum)}
.btn-sm{min-height:44px;padding:0 20px;font-size:1rem}
.hero{position:relative;padding:24px 0 72px}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.pill{display:inline-block;background:rgba(255,255,255,.7);border:1px solid #F2B8A5;color:var(--ink-dark);font-weight:700;font-size:1rem;padding:6px 22px;border-radius:999px;margin-bottom:20px}
.hero h1{margin-bottom:.25em}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.mock{position:relative}
.browser{background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(59,32,50,.18);overflow:hidden;border:1px solid #EBD9C6}
.browser .bar{display:flex;gap:8px;padding:12px 16px;background:#F4EFEA;align-items:center}
.browser .bar b{width:11px;height:11px;border-radius:50%;display:block}
.browser .bar span{flex:1;background:#fff;border-radius:8px;height:22px;margin-inline-start:12px;font-size:.75rem;line-height:22px;text-align:center;color:var(--muted)}
.browser .page{position:relative;padding:20px;min-height:420px}
.ln{height:12px;border-radius:6px;background:#E3E0E6;margin-bottom:12px}
.ph{height:170px;border-radius:16px;background:var(--peach);margin-top:24px;position:relative}
.fab{position:absolute;inset-inline-start:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:var(--ink);display:grid;place-items:center}
.fab svg{width:30px;height:30px}
.panel{position:absolute;inset-inline-start:20px;top:20px;width:min(270px,70%);background:#fff;border-radius:18px;box-shadow:0 18px 40px rgba(59,32,50,.25);overflow:hidden;border:1px solid #EBD9C6;font-size:.95rem}
.panel .ph-head{background:var(--ink);color:#fff;font-weight:800;padding:12px 16px;display:flex;justify-content:space-between}
.panel ul{list-style:none;margin:0;padding:12px;display:grid;gap:8px}
.panel li{display:flex;justify-content:space-between;align-items:center;background:#FBF4EC;border-radius:10px;padding:8px 12px;line-height:1.3}
.sw{width:34px;height:20px;border-radius:999px;background:#C9BEC4;position:relative;flex:none}
.sw::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:#fff}
.sw.on{background:var(--ink)}
.sw.on::after{inset-inline-start:16px}
.langs{display:flex;gap:6px;padding:12px 12px 0}
.langs span{flex:1;text-align:center;background:#F1E4D6;border-radius:8px;padding:4px 0;font-size:.85rem;font-weight:700}
.langs span.cur{background:var(--ink);color:#fff}
.caption{font-size:.9rem;color:var(--muted);margin-top:10px;text-align:center}
section{position:relative}
.sec{padding:72px 0}
.sec-head{margin-bottom:36px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:0;padding:0}
.card{background:#fff;border-radius:var(--r);padding:28px 24px;box-shadow:0 10px 30px rgba(59,32,50,.08);border:1px solid #F1E3D3}
.card .ic{width:52px;height:52px;border-radius:14px;background:var(--peach);display:grid;place-items:center;margin-bottom:16px}
.card .ic svg{width:28px;height:28px}
.card p{color:var(--muted);margin:0;font-size:1.02rem}
.card h3{margin-bottom:.4em}
.dark{background:var(--plum);color:var(--cream)}
.dark a{color:#FFD9A0}
.dark a:hover{color:#fff}
.dark .lead,.dark .muted{color:#EBD6C6}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;background:#fff;border-radius:var(--r);padding:28px 24px;border:1px solid #F1E3D3}
.steps li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;margin-bottom:12px}
.steps p{color:var(--muted);margin:0}
.profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;margin:0;padding:0}
.profiles li{background:#fff;border-radius:var(--r);padding:22px 24px;border:1px solid #F1E3D3}
.profiles h3{font-size:1.2rem;margin-bottom:.3em}
.profiles p{margin:0;color:var(--muted);font-size:1rem}
.tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.tags li{background:#fff;border:1px solid #E7D3BF;border-radius:999px;padding:6px 16px;font-size:1rem;color:var(--plum)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.box{background:#fff;border-radius:var(--r);padding:28px;border:1px solid #F1E3D3}
.box h3{margin-bottom:.5em}
.list{list-style:none;margin:0;padding:0}
.list li{position:relative;padding-inline-start:26px;margin-bottom:.55em}
.list li::before{content:"";position:absolute;inset-inline-start:2px;top:.7em;width:10px;height:10px;border-radius:50%;background:var(--ink)}
.dark .list li::before{background:var(--amber)}
.legal{background:var(--plum);color:var(--cream);border-radius:32px;padding:clamp(28px,5vw,56px);border:4px solid var(--amber)}
.legal h2{color:#fff;font-size:clamp(1.8rem,4vw,2.5rem)}
.legal .big{font-size:clamp(1.35rem,2.6vw,1.8rem);font-weight:800;line-height:1.4;color:#FFE3B0;margin-bottom:.8em}
.legal p,.legal li{color:#FBEBDD}
.legal blockquote{margin:1.2em 0;padding:16px 22px;border-inline-start:6px solid var(--amber);background:rgba(255,255,255,.08);border-radius:12px;font-size:1.05rem}
.legal blockquote cite{display:block;margin-top:8px;font-style:normal;font-size:.95rem;color:#EBD6C6}
.credit{background:var(--amber);color:var(--plum);border-radius:32px;padding:clamp(28px,5vw,52px);text-align:center}
.credit p{margin:0 0 .4em;font-size:1.2rem}
.credit .name{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:900;line-height:1.1;margin:.1em 0 .3em}
.credit a.btn{background:var(--plum);color:#fff;margin-top:12px;font-size:1.15rem}
.credit a.btn:hover{background:#000}
.faq details{background:#fff;border:1px solid #F1E3D3;border-radius:18px;margin-bottom:12px}
.faq summary{cursor:pointer;min-height:56px;padding:14px 24px;font-weight:700;font-size:1.15rem;display:flex;align-items:center;gap:12px}
.faq summary::marker{content:""}
.faq summary::before{content:"";width:12px;height:12px;border-inline-end:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(45deg);margin-top:-4px;flex:none}
.faq summary::before{transition:transform .22s ease,margin .22s ease}
.faq details[open]:not(.closing) summary::before{transform:rotate(-135deg);margin-top:4px}
.faq .ans{color:var(--muted)}
.faq .ans p{margin:0;padding:0 24px 18px}
pre.code,.codebox{direction:ltr;text-align:left;background:var(--plum);color:#FFF4E4;border-radius:16px;padding:18px 20px;overflow-x:auto;font:500 .95rem/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:0;white-space:pre}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;direction:ltr;unicode-bidi:isolate;font-size:.92em;background:#F6E8D8;padding:1px 6px;border-radius:6px;color:var(--plum)}
.dark code{background:rgba(255,255,255,.12);color:#FFF4E4}
pre code{background:none;padding:0;color:inherit;font-size:inherit}
footer.site{background:var(--plum);color:var(--cream);padding:48px 0 40px;margin-top:0}
footer.site a{color:#FFD9A0}
footer.site a:hover{color:#fff}
footer.site .cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}
footer.site h2{font-size:1.1rem;color:#fff;margin-bottom:.6em}
footer.site ul{list-style:none;margin:0;padding:0}
footer.site li a{display:inline-flex;align-items:center;min-height:44px}
footer.site .small{font-size:.95rem;color:#EBD6C6}
footer.site .fine{border-top:1px solid rgba(255,255,255,.2);margin-top:28px;padding-top:20px;font-size:.95rem;color:#EBD6C6}
.page-top{position:relative;padding:12px 0 24px}
.page-top .wrap{position:relative;z-index:1}
.crumb{font-size:.95rem;color:var(--muted)}
.ph-note{border:2px dashed var(--ink);background:#fff;border-radius:12px;padding:12px 16px;font-weight:600}
@media (max-width:900px){.hero .wrap,.two{grid-template-columns:1fr}.cards,.profiles{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}footer.site .cols{grid-template-columns:1fr}}
@media (max-width:560px){.cards,.profiles{grid-template-columns:1fr}body{font-size:1.05rem}.sec{padding:52px 0}}
@media (forced-colors:active){.btn{border:2px solid ButtonText}.sw{border:2px solid CanvasText}}
.steps a{color:var(--ink)}.steps a:hover{color:var(--ink-dark)}
.legal a{color:#FFD9A0}.legal a:hover{color:#fff}.legal .list li::before{background:var(--amber)}
.dark .btn-amber,.dark .btn-amber:hover{color:var(--plum)}
.dark .btn-line-light{color:var(--cream)}.dark .btn-line-light:hover{color:var(--plum)}
.res code{overflow-wrap:anywhere;word-break:break-all}
.res{min-width:0}
@media (max-width:640px){nav.main{flex-basis:100%;order:3}nav.main a{padding:0 8px;font-size:1rem}header.site .btn{margin-inline-start:auto}}

/* what is Shayach: bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.bn{border-radius:28px;padding:32px;position:relative;overflow:hidden;min-width:0}
.bn h3{font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.25;margin-bottom:.5em}
.bn p{margin:0 0 .8em}
.eyebrow{font-weight:800;font-size:1rem;letter-spacing:0;margin:0 0 .6em!important}
.bn-code{grid-column:span 4;background:var(--plum);color:var(--cream)}
.bn-code .eyebrow{color:var(--amber)}
.bn-code a{color:#FFD9A0}.bn-code a:hover{color:#fff}
.bn-code pre.mini{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);font-size:.9rem;margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.bn-lang{grid-column:span 2;background:var(--amber);color:var(--plum)}
.langs-big{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.langs-big li{background:rgba(255,255,255,.55);border-radius:16px;padding:14px 10px;text-align:center;font-weight:800;font-size:1.35rem;line-height:1.2}
.bn-prof{grid-column:span 2;background:var(--peach);color:var(--plum)}
.bn-prof img{display:block;width:120px;height:120px;margin:0 0 14px}
.bn-doc{grid-column:span 4;background:#fff;border:1px solid #F1E3D3;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center}
.bn-doc .doc{width:150px;flex:none;background:var(--cream);border:2px solid var(--plum);border-radius:14px;padding:18px 16px;transform:rotate(-3deg)}
.bn-doc .doc b{display:block;height:12px;width:60%;background:var(--ink);border-radius:6px;margin-bottom:16px}
.bn-doc .doc i{display:block;height:8px;background:#D9C9B8;border-radius:4px;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0!important}
.chips span{background:var(--peach);border-radius:999px;padding:4px 16px;font-weight:700;font-size:.95rem}
/* motion */
@media (prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 header.site{view-transition-name:site-header}
 ::view-transition-group(site-header){animation-duration:0s}
 ::view-transition-old(root){animation:vt-out .2s cubic-bezier(.4,0,1,1) both}
 ::view-transition-new(root){animation:vt-in .42s cubic-bezier(.16,1,.3,1) both}
 @keyframes vt-out{to{opacity:0;transform:translateY(-8px) scale(.995)}}
 @keyframes vt-in{from{opacity:0;transform:translateY(18px) scale(.995)}}
 @supports not (view-transition-name:a){html.anim main{animation:page-in .45s cubic-bezier(.16,1,.3,1) both}@keyframes page-in{from{opacity:0;transform:translateY(14px)}}}
 .btn{transition:transform .15s ease,background-color .15s ease,color .15s ease}
 .btn:hover{transform:translateY(-2px)}
 .anim .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
 .anim .rv.in{opacity:1;transform:none}
 .anim .bn:nth-child(2){transition-delay:.08s}.anim .bn:nth-child(3){transition-delay:.16s}.anim .bn:nth-child(4){transition-delay:.24s}
}
@media (max-width:900px){.bn-code,.bn-lang,.bn-prof,.bn-doc{grid-column:span 6}.bn-doc{grid-template-columns:1fr}.bn-doc .doc{width:120px}}
@media (min-width:600px) and (max-width:900px){.bn-lang,.bn-prof{grid-column:span 3}}

/* docs pages and the statement page */
.doc-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.doc-toc{position:sticky;top:96px;background:#fff;border:1px solid #F1E3D3;border-radius:20px;padding:20px 22px;max-height:calc(100vh - 120px);overflow:auto}
.doc-toc summary{font-weight:800;font-size:1.1rem;cursor:pointer;margin:0 0 .4em;min-height:44px;display:flex;align-items:center}
.doc-grid.no-toc{grid-template-columns:minmax(0,1fr)}
.doc-toc ol{margin:0;padding:0;list-style:none;font-size:.98rem;line-height:1.4}
.doc-toc li{margin:0}
.doc-toc a{display:block;padding:7px 0;text-decoration:none;color:var(--plum)}
.doc-toc a:hover{color:var(--ink);text-decoration:underline}
.doc-body{background:#fff;border:1px solid #F1E3D3;border-radius:28px;padding:clamp(22px,4vw,48px);box-shadow:0 10px 30px rgba(59,32,50,.06);min-width:0;font-size:1.06rem}
.doc-body>:first-child{margin-top:0}
.doc-body h1{font-size:clamp(1.8rem,3.4vw,2.4rem);margin-top:0}
.doc-body h2{font-size:clamp(1.5rem,2.6vw,1.9rem);margin-top:2em;padding-top:.2em;scroll-margin-top:96px}
.doc-body h3{font-size:1.25rem;margin-top:1.6em;scroll-margin-top:96px}
.doc-body h4{font-size:1.1rem;margin-top:1.3em}
.doc-body ul,.doc-body ol{padding-inline-start:1.4em;margin:0 0 1em}
.doc-body li{margin:.3em 0}
.doc-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--peach);border-radius:6px;padding:.1em .35em;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere}
.doc-body pre{direction:ltr;text-align:left;background:var(--plum);color:#FFF4E4;border-radius:16px;padding:18px 20px;overflow:auto;margin:1.2em 0;font-size:.92rem;line-height:1.6}
.doc-body pre code{background:none;padding:0;color:inherit;overflow-wrap:normal;font-size:inherit}
.doc-body blockquote{margin:1.2em 0;padding:12px 20px;border-inline-start:5px solid var(--amber);background:#FFF8EC;border-radius:12px}
.doc-body blockquote p:last-child{margin:0}
.doc-body hr{border:0;border-top:1px solid var(--soft);margin:2em 0}
.doc-body img{max-width:100%;height:auto}
.doc-body .tbl{overflow-x:auto;margin:1.2em 0;border:1px solid var(--soft);border-radius:14px}
.doc-body table{border-collapse:collapse;width:100%;font-size:.97rem;min-width:520px}
.doc-body th,.doc-body td{padding:10px 14px;border-bottom:1px solid var(--soft);vertical-align:top;text-align:start}
.doc-body thead th{background:var(--peach)}
.doc-body tr:last-child td,.doc-body tr:last-child th{border-bottom:0}
.doc-body .nolink{text-decoration:none}
.doc-body[dir=ltr] .tbl{direction:ltr}
.shayach-statement{background:#fff;border:1px solid #F1E3D3;border-radius:28px;padding:clamp(22px,4vw,48px);box-shadow:0 10px 30px rgba(59,32,50,.06);font-size:1.1rem}
.shayach-statement h2{font-size:clamp(1.7rem,3vw,2.2rem);margin-top:0}
.shayach-statement h3{font-size:1.3rem;margin-top:1.6em}
.shayach-statement ul{padding-inline-start:1.4em}
.demo-note{display:flex;gap:16px;align-items:flex-start;background:var(--amber);color:var(--plum);border-radius:24px;padding:20px 24px;margin:0 0 28px;border:3px solid var(--plum)}
.demo-note strong{display:block;font-size:1.2rem}
.demo-note p{margin:0}
.demo-note .tag{flex:none;background:var(--plum);color:#fff;border-radius:999px;padding:4px 16px;font-weight:800}
.stmt-cta{margin-top:32px;background:var(--plum);color:var(--cream);border-radius:28px;padding:clamp(24px,4vw,40px)}
.stmt-cta h2{color:#fff;font-size:1.6rem}
.stmt-cta p{color:#FBEBDD}
.stmt-cta .row{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:900px){.doc-grid{grid-template-columns:1fr}.doc-toc{position:static;max-height:none}}
@media (max-width:560px){.demo-note{flex-direction:column}}
.doc-body a,.doc-body p,.doc-body li{overflow-wrap:anywhere}
[hidden]{display:none!important}

/* Site background: the logo spheres, soft and slowly drifting, with scroll and pointer parallax (set by site.js). */
.blobs{display:none}
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.bg .o{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);display:block;will-change:transform;transform:translate3d(calc(var(--mx,0)*var(--k)*1px),calc(var(--sy,0)*var(--v)*-1px + var(--my,0)*var(--k)*1px),0)}
.bg .o b{display:block;width:100%;height:100%;border-radius:50%;opacity:var(--a);background:radial-gradient(circle,var(--c) 0,var(--c) 30%,transparent 68%)}
@media (prefers-reduced-motion:no-preference){
 .bg .o b{animation:orb var(--d) ease-in-out infinite alternate}
 @keyframes orb{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(var(--dx),var(--dy),0) scale(var(--sc))}}
 .bg{view-transition-name:site-bg}
 ::view-transition-group(site-bg){animation-duration:0s}
}
@media (max-width:640px){.bg .o-purple,.bg .o-peach{display:none}.bg .o{--s:420px!important}}

/* Scrollbars follow the site scheme everywhere (standing rule): slim, coral thumb on a cream track. */
/* Firefox uses the standard properties; Chrome and Safari use the pseudo-elements below (they allow a hover state). */
@supports (-moz-appearance:none){:root{scrollbar-color:#AC3620 #FFF4E4;scrollbar-width:thin}}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#FFF4E4;border-inline-start:1px solid #EBD9C6}
::-webkit-scrollbar-thumb{background:#AC3620;border-radius:999px;border:3px solid #FFF4E4}
::-webkit-scrollbar-thumb:hover{background:#8F2B17}
::-webkit-scrollbar-thumb:active{background:#3B2032}
::-webkit-scrollbar-corner{background:#FFF4E4}
@supports (-moz-appearance:none){.doc-body pre,.bn-code pre,pre.code{scrollbar-color:#F0A93C #3B2032}}
.doc-body pre::-webkit-scrollbar-track,pre.code::-webkit-scrollbar-track{background:#3B2032;border-color:#3B2032}
.doc-body pre::-webkit-scrollbar-thumb,pre.code::-webkit-scrollbar-thumb{background:#F0A93C;border-color:#3B2032}
.doc-body pre::-webkit-scrollbar-thumb:hover,pre.code::-webkit-scrollbar-thumb:hover{background:#FFD9A0}