:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b10;--panel:#0f131b;--panel2:#141a24;--line:#252c38;--text:#f3f6fa;--muted:#9ba7b7;--accent:#72f3b6;--blue:#69c8ff;--sidebar:276px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 70% -10%,#5aa0b421,transparent 30%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-shell{min-height:100vh}.topbar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b10e0;align-items:center;height:66px;padding:0 22px;display:flex;position:fixed;inset:0 0 auto}.brand{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brand span{background:linear-gradient(145deg,var(--accent),#c0ffdc);color:#07110d;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand strong{font-size:14px}.version{color:var(--muted);margin-left:auto;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.menu{color:#fff;background:0 0;border:0;margin-right:8px;font-size:22px;display:none}.sidebar{width:var(--sidebar);z-index:30;border-right:1px solid var(--line);background:#0c0f16f0;padding:20px 14px;position:fixed;top:66px;bottom:0;left:0;overflow:auto}.search{border:1px solid var(--line);height:42px;color:var(--muted);background:#0a0d13;border-radius:9px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.sidebar nav p{letter-spacing:.16em;color:#657083;margin:26px 10px 10px;font-size:10px}.sidebar nav button{text-align:left;color:#929eb0;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:8px 10px;font-size:12.5px;display:block}.sidebar nav button:hover{color:#fff;background:#151b26}.sidebar nav button.active{color:var(--accent);background:#72f3b617}.sidebar-note{border:1px solid var(--line);background:#0d1118;border-radius:10px;gap:10px;margin-top:22px;padding:14px;display:flex}.sidebar-note strong{color:var(--accent)}.sidebar-note span{color:var(--muted);font-size:11px;line-height:1.5}main{margin-left:var(--sidebar);padding:66px clamp(24px,7vw,100px) 100px}.doc-section{border-bottom:1px solid var(--line);max-width:980px;margin:0 auto;padding:72px 0;scroll-margin-top:80px}.hero{padding-top:95px}.eyebrow,.tag{letter-spacing:.17em;color:var(--accent);text-transform:uppercase;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace}.hero h1{letter-spacing:-.065em;max-width:850px;margin:18px 0 26px;font-size:clamp(52px,7vw,90px);line-height:1}.hero h1 em{color:#8390a2;font-style:normal}.lead{max-width:820px;font-size:18px!important}.hero-grid,.module-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:34px 0;display:grid}.hero-grid article,.module-grid article{border:1px solid var(--line);background:linear-gradient(150deg,#121721,#0c1017);border-radius:12px;padding:18px}.hero-grid b,.module-grid b{margin-bottom:7px;display:block}.hero-grid span,.module-grid span{color:var(--muted);font-size:13px;line-height:1.55}.module-grid{grid-template-columns:repeat(3,1fr)}.module-grid code{color:var(--accent);margin-bottom:14px;font-size:11px;display:block}h2{letter-spacing:-.045em;margin:12px 0 22px;font-size:clamp(34px,4vw,48px)}h3{letter-spacing:-.025em;margin:40px 0 12px;font-size:22px}h4{margin:0 0 10px;font-size:14px}p,li{color:var(--muted);font-size:15px;line-height:1.78}.inline{color:#b8f9d8;background:#121c19;border:1px solid #21372e;border-radius:5px;padding:2px 5px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.two-col{grid-template-columns:1fr 1fr;gap:18px;display:grid}.code-block{border:1px solid var(--line);background:#080b10;border-radius:11px;margin:22px 0 30px;overflow:hidden}.code-head{border-bottom:1px solid var(--line);background:#111620;justify-content:space-between;align-items:center;height:38px;padding:0 13px;display:flex}.code-head span,.code-head button{text-transform:uppercase;color:#7f8b9e;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.code-head button{cursor:pointer;background:0 0;border:0}.code-head button:hover{color:var(--accent)}pre{margin:0;padding:20px;overflow:auto}pre code{color:#dce5f0;white-space:pre;font:12.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.table-wrap{border:1px solid var(--line);border-radius:10px;margin:22px 0 34px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}th{color:#eef3f8;background:#141a24}td{color:var(--muted)}td code{color:#baf8db;white-space:nowrap;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}tr:last-child td{border-bottom:0}.callout{background:#72f3b60b;border:1px solid #72f3b63b;border-radius:10px;grid-template-columns:150px 1fr;gap:20px;margin:26px 0;padding:18px;display:grid}.callout strong{color:var(--accent);font-size:13px}.callout div{color:var(--muted);font-size:14px;line-height:1.65}.roadmap{gap:8px;padding-left:20px;display:grid}.roadmap li::marker{color:var(--accent)}.end-card{border:1px solid var(--line);background:linear-gradient(145deg,#121a20,#0f1218);border-radius:14px;align-items:center;gap:20px;margin-top:42px;padding:24px;display:flex}.end-card>span{background:var(--accent);color:#08120e;border-radius:13px;flex:0 0 58px;place-items:center;height:58px;font-size:20px;font-weight:900;display:grid}.end-card h3{margin:0 0 4px}.end-card p{margin:0}.backdrop{display:none}.spec-grid,.syntax-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.spec-grid article,.syntax-cards article{border:1px solid var(--line);background:linear-gradient(145deg,#121721,#0c1017);border-radius:12px;padding:18px}.spec-grid b,.syntax-cards b{margin-bottom:12px;display:block}.spec-grid article>code{color:var(--accent);margin:0 6px 8px 0;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.spec-grid p{margin:4px 0 0;font-size:13px}.syntax-cards pre{background:#080b10;border-radius:7px;margin:0;padding:12px}.rule-list{gap:10px;margin:24px 0;display:grid}.rule-list article{border:1px solid var(--line);background:#0d1118;border-radius:10px;grid-template-columns:38px 1fr;gap:14px;padding:16px;display:grid}.rule-list article>span,.steps article>span{width:34px;height:34px;color:var(--accent);background:#72f3b61f;border-radius:9px;place-items:center;font-weight:800;display:grid}.rule-list b{margin:2px 0 4px;display:block}.rule-list p{margin:0;font-size:13px}.file-tree{border:1px solid var(--line);background:#080b10;border-radius:11px;gap:5px;margin:22px 0;padding:20px;display:grid}.file-tree code{color:#cfe8dc;font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace}.timeline{grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0;display:grid}.timeline article{border:1px solid var(--line);background:#10151e;border-radius:11px;padding:18px}.timeline b{color:var(--accent);margin-bottom:8px;display:block}.timeline span{color:var(--muted);font-size:12.5px;line-height:1.55}.steps{gap:12px;margin:28px 0;display:grid}.steps article{grid-template-columns:44px 1fr;align-items:start;gap:16px;display:grid}.steps h3{margin:2px 0 5px;font-size:17px}.steps p{margin:0}.tutorial{position:relative}.tutorial:before{content:"";background:linear-gradient(var(--accent),transparent);width:2px;position:absolute;top:76px;bottom:76px;left:-28px}.api-map{padding-top:40px}@media (width<=900px){.menu{display:block}.sidebar{width:min(86vw,310px);transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.backdrop{z-index:25;background:#00000094;display:block;position:fixed;inset:66px 0 0}main{margin-left:0}.brand strong{display:none}.hero{padding-top:65px}.module-grid,.two-col{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){main{padding-inline:20px}.doc-section{padding:54px 0}.hero h1{font-size:49px}.hero-grid,.spec-grid,.syntax-cards,.timeline{grid-template-columns:1fr}.callout{grid-template-columns:1fr;gap:7px}.lead{font-size:16px!important}}
