:root { color-scheme: dark; --bg:#0c0d0b; --surface:#121410; --surface-2:#171a14; --line:#292d25; --text:#f1f3ea; --muted:#939b89; --purple:#b7e448; --purple-soft:#d6ff63; --gold:#f4bd64; --green:#64d8a6; }
* { box-sizing: border-box; } html { scroll-behavior:smooth; scroll-padding-top:100px; } body { margin:0; background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; } a { color:inherit; }
.docs-header { position:fixed; inset:0 0 auto; z-index:20; height:72px; display:grid; grid-template-columns:260px minmax(300px,600px) 1fr; align-items:center; gap:30px; padding:0 26px; border-bottom:1px solid var(--line); background:rgba(14,12,23,.88); backdrop-filter:blur(20px); }
.docs-brand { display:flex; align-items:center; gap:9px; text-decoration:none; }.docs-brand strong { letter-spacing:-.04em; }.docs-brand > span:last-child { padding-left:9px; border-left:1px solid var(--line); color:var(--muted); font-size:12px; }
.brand-mark { width:31px; height:31px; padding:3px; overflow:hidden; display:grid; place-items:center; border-radius:9px; background:linear-gradient(145deg,#30293b,#1c1824); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }.brand-mark img { width:100%; height:100%; object-fit:contain; }
.search-wrap { position:relative; height:40px; display:flex; align-items:center; gap:10px; padding:0 12px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.04); color:var(--muted); }.search-wrap:focus-within { border-color:rgba(130,108,255,.65); box-shadow:0 0 0 3px rgba(130,108,255,.1); }.search-wrap input { min-width:0; flex:1; border:0; outline:0; color:white; background:transparent; }.search-wrap kbd { padding:3px 6px; border:1px solid var(--line); border-radius:5px; font:10px/1.2 ui-monospace,monospace; }
.header-links { display:flex; justify-content:flex-end; gap:20px; }.header-links a { color:#c9c3d1; font-size:11px; text-decoration:none; }.menu-button { display:none; border:0; color:white; background:none; font-size:18px; }
.header-links .language-toggle { min-width:40px; height:30px; padding:0 9px; display:inline-grid; place-items:center; border:1px solid #39402f; border-radius:9px; color:var(--purple-soft); background:rgba(183,228,72,.07); font-weight:700; }
.docs-layout { display:grid; grid-template-columns:280px 1fr; min-height:100vh; padding-top:72px; }
.sidebar { position:fixed; top:72px; bottom:0; width:280px; padding:30px 24px 20px 26px; display:flex; flex-direction:column; justify-content:space-between; overflow-y:auto; border-right:1px solid var(--line); background:#100e1a; }.sidebar nav { display:grid; gap:3px; }.sidebar nav p { margin:25px 0 8px 12px; color:#655f70; font:700 9px/1 ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; }.sidebar nav p:first-of-type { margin-top:22px; }.sidebar nav a { padding:8px 12px; border-radius:8px; color:#aaa4b4; font-size:12px; text-decoration:none; transition:.15s; }.sidebar nav a:hover,.sidebar nav a.active { color:white; background:rgba(130,108,255,.12); }.sidebar nav a.active { box-shadow:inset 2px 0 var(--purple); }.sidebar-foot { display:grid; gap:5px; padding:24px 12px 0; color:var(--muted); }.sidebar-foot span { font-size:10px; }.sidebar-foot small { font-size:9px; }
.docs-main { grid-column:2; display:grid; grid-template-columns:minmax(0,780px) 150px; justify-content:center; gap:80px; padding:75px 48px 140px; }.docs-main article { min-width:0; }.docs-main section { margin-bottom:110px; scroll-margin-top:100px; }.docs-main section:last-child { margin-bottom:0; }
.eyebrow { margin:0 0 16px; color:var(--purple-soft); font:700 10px/1.2 ui-monospace,monospace; letter-spacing:.17em; }.docs-main h1 { margin:0 0 27px; font-size:clamp(48px,6vw,74px); line-height:.98; letter-spacing:-.065em; }.docs-main h2 { margin:0 0 26px; font-size:38px; line-height:1.06; letter-spacing:-.05em; }.docs-main h3 { margin:34px 0 14px; font-size:20px; letter-spacing:-.025em; }.docs-main p,.docs-main li { color:#b2acbc; font-size:14px; line-height:1.85; }.lead { font-size:17px!important; color:#cbc5d2!important; }.docs-main strong { color:var(--text); }.docs-main a { color:var(--purple-soft); }.docs-main code { color:#d5ccff; font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; }.docs-main pre { overflow-x:auto; margin:25px 0; padding:22px; border:1px solid var(--line); border-radius:14px; background:#09080e; }.docs-main pre code { color:#cbc6d4; white-space:pre; }.docs-main ul { padding-left:20px; }.docs-main li { padding-left:7px; margin-bottom:8px; }
.notice { margin:30px 0; padding:20px 22px; border:1px solid var(--line); border-radius:13px; }.notice strong { display:block; margin-bottom:7px; font-size:12px; }.notice p { margin:0; font-size:12px; }.notice.warning { border-color:rgba(244,189,100,.23); background:rgba(244,189,100,.055); }.notice.warning strong { color:var(--gold); }.notice.info { border-color:rgba(130,108,255,.28); background:rgba(130,108,255,.07); }.notice.info strong { color:var(--purple-soft); }
.quick-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:34px; }.quick-grid a { position:relative; min-height:130px; padding:20px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid var(--line); border-radius:14px; color:white; background:linear-gradient(145deg,rgba(130,108,255,.09),transparent); text-decoration:none; }.quick-grid a:hover { border-color:rgba(130,108,255,.48); }.quick-grid span { color:var(--muted); font-size:9px; }.quick-grid strong { margin-top:7px; font-size:13px; }.quick-grid i { position:absolute; top:18px; right:18px; color:var(--purple-soft); font-style:normal; }
table { width:100%; margin:24px 0; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid var(--line); border-radius:13px; }.docs-main th,.docs-main td { padding:14px 16px; border-bottom:1px solid var(--line); color:#b4aebe; font-size:12px; line-height:1.6; text-align:left; }.docs-main th { color:#8d8798; font-weight:550; background:rgba(255,255,255,.025); }.docs-main tr:last-child th,.docs-main tr:last-child td { border-bottom:0; }.docs-main thead th { color:#8d8798; }.address-table td:last-child { font-family:ui-monospace,monospace; }
.steps { margin:28px 0; padding:0; list-style:none; border-top:1px solid var(--line); }.steps li { display:grid; grid-template-columns:38px 1fr; gap:15px; padding:22px 0; border-bottom:1px solid var(--line); }.steps li > span { width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(130,108,255,.4); border-radius:9px; color:var(--purple-soft); background:rgba(130,108,255,.08); font:700 10px/1 ui-monospace,monospace; }.steps strong { display:block; margin-bottom:5px; font-size:13px; }.steps p { margin:0; font-size:12px; }.formula { margin:28px 0; padding:20px; display:grid; gap:10px; border:1px solid rgba(69,220,179,.2); border-radius:13px; background:rgba(69,220,179,.05); }.formula span { color:var(--green); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }.formula code { overflow-wrap:anywhere; color:#c9f4e7; }
.state-flow,.architecture { margin:28px 0; display:flex; align-items:center; gap:8px; overflow-x:auto; padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }.state-flow span { flex:0 0 auto; padding:9px 11px; border:1px solid var(--line); border-radius:8px; font-size:10px; }.state-flow i,.architecture b { color:#625c6d; font-style:normal; font-weight:400; }.architecture { padding:28px 20px; }.architecture div { flex:1 0 130px; text-align:center; }.architecture small,.architecture strong { display:block; }.architecture small { margin-bottom:7px; color:var(--muted); font-size:9px; }.architecture strong { font-size:12px; }
.risk-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.risk-grid article { padding:22px; border:1px solid var(--line); border-radius:13px; background:var(--surface); }.risk-grid strong { display:block; margin-bottom:10px; font-size:12px; }.risk-grid p { margin:0; font-size:11px; line-height:1.7; }
details { border-bottom:1px solid var(--line); } details:first-of-type { border-top:1px solid var(--line); } summary { padding:20px 2px; color:#d5cfdd; font-size:13px; font-weight:650; cursor:pointer; } details p { margin:0 0 20px; font-size:12px!important; }
.on-this-page { position:sticky; top:110px; align-self:start; display:grid; gap:10px; padding-left:18px; border-left:1px solid var(--line); }.on-this-page p { margin:0 0 5px; color:#696271; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }.on-this-page a { color:#8e8898; font-size:10px; text-decoration:none; }.on-this-page a:hover { color:white; }.on-this-page span { height:1px; margin:7px 0; background:var(--line); }
.search-results { position:fixed; z-index:50; top:61px; left:50%; width:min(600px,calc(100% - 32px)); max-height:420px; overflow-y:auto; transform:translateX(-50%); padding:9px; border:1px solid var(--line); border-radius:13px; background:#181423; box-shadow:0 30px 80px rgba(0,0,0,.5); }.search-results a { display:block; padding:13px; border-radius:9px; color:#c8c2d0; font-size:12px; text-decoration:none; }.search-results a:hover { color:white; background:rgba(130,108,255,.12); }.search-results small { display:block; margin-top:4px; color:#716b7b; }
@media(max-width:1100px){.docs-header{grid-template-columns:230px minmax(260px,1fr) auto}.header-links a:last-child{display:none}.docs-layout{grid-template-columns:240px 1fr}.sidebar{width:240px}.docs-main{grid-column:2;grid-template-columns:minmax(0,760px);padding-left:38px;padding-right:38px}.on-this-page{display:none}}
@media(max-width:760px){.docs-header{height:64px;grid-template-columns:auto 1fr;gap:12px;padding:0 14px}.docs-brand>span:last-child{display:none}.header-links{display:flex;grid-row:1;grid-column:2;justify-self:end;margin-right:38px}.header-links a:not(.language-toggle){display:none}.menu-button{display:block;grid-row:1;grid-column:2;justify-self:end}.search-wrap{position:absolute;top:74px;left:12px;right:12px;display:none}.search-wrap.open{display:flex}.docs-layout{display:block;padding-top:64px}.sidebar{top:64px;left:0;width:280px;z-index:15;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.docs-main{display:block;padding:62px 20px 90px}.docs-main section{margin-bottom:82px}.docs-main h1{font-size:48px}.docs-main h2{font-size:34px}.quick-grid,.risk-grid{grid-template-columns:1fr}.quick-grid a{min-height:95px}.architecture{align-items:stretch;flex-direction:column}.architecture b{transform:rotate(90deg);text-align:center}}