:root{--bg:#090711;--panel:#121022;--panel2:#171126;--line:#302344;--text:#f4efff;--muted:#aaa0c4;--pink:#d04fd5;--purple:#a94be4;--green:#54e3b0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,#241137 0,#090711 43%);color:var(--text);font:15px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:76px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr minmax(280px,520px) 1fr;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1240px)/2));position:sticky;top:0;background:rgba(9,7,17,.9);backdrop-filter:blur(16px);z-index:5}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;min-width:220px}.brand-mark{width:37px;height:37px;border:1px solid var(--pink);border-radius:10px;display:grid;place-items:center;color:#f4cfff;background:linear-gradient(135deg,#6d36a9,#c64fd0);font-size:19px}.brand strong{display:block;font-size:17px;letter-spacing:-.02em}.brand small{display:block;color:#a999bc;font-size:9px;letter-spacing:.22em}.search{display:flex;align-items:center;gap:9px;max-width:520px;width:100%;justify-self:center;background:#100d1b;border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font:inherit}.app-link{color:#eab8ff;text-decoration:none;font-weight:650;white-space:nowrap;justify-self:end}.shell{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{border-right:1px solid var(--line);padding:34px 22px 28px;display:flex;flex-direction:column}.sidebar-title{color:#cf6bf1;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:750;margin-bottom:18px}.sidebar nav{display:grid;gap:4px}.sidebar button{color:var(--muted);background:transparent;border:0;text-align:left;border-radius:8px;padding:9px 11px;cursor:pointer;font:inherit}.sidebar button:hover,.sidebar button.active{color:var(--text);background:linear-gradient(90deg,#281638,#1a1126)}.sidebar button.active{box-shadow:inset 2px 0 var(--pink)}.sidebar-footer{margin-top:auto;padding-top:25px;color:#e4d9ef;font-size:12px}.sidebar-footer span{color:var(--muted)}.content{padding:64px clamp(28px,6vw,88px) 90px;max-width:900px}.eyebrow{color:#d86af2;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:750}.content h1{font-size:clamp(35px,5vw,58px);line-height:1.08;letter-spacing:-.05em;margin:12px 0 18px}.content h2{font-size:27px;line-height:1.2;margin:42px 0 12px;letter-spacing:-.03em}.content h3{font-size:19px;margin:28px 0 7px}.content p{color:var(--muted);max-width:720px}.content ul,.content ol{color:var(--muted);padding-left:24px}.content li{margin:7px 0}.callout{border:1px solid #633778;border-left:3px solid var(--pink);background:linear-gradient(100deg,#24132f,#151020);border-radius:10px;padding:16px 18px;margin:22px 0;color:#d8c9e4}.pill{display:inline-block;border:1px solid #68417b;border-radius:99px;padding:2px 9px;color:#e5a7f4;font-size:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.card{border:1px solid var(--line);border-radius:13px;background:rgba(20,15,31,.7);padding:18px}.card strong{display:block;color:var(--text);margin-bottom:4px}.card span{color:var(--muted);font-size:14px}.code{background:#0d0a14;border:1px solid var(--line);border-radius:9px;padding:14px 16px;color:#eec9ff;overflow:auto;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.footer-nav{border-top:1px solid var(--line);margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;gap:12px}.footer-nav button{background:#171126;color:#e7d7f2;border:1px solid var(--line);border-radius:8px;padding:9px 12px;cursor:pointer}@media(max-width:760px){.topbar{height:auto;min-height:72px;display:flex;flex-wrap:wrap;padding:14px 18px;gap:12px}.brand{min-width:0;flex:1}.app-link{font-size:13px}.search{order:3;flex-basis:100%;max-width:none}.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:13px 18px}.sidebar-title{display:none}.sidebar nav{display:flex;overflow:auto;gap:5px}.sidebar button{white-space:nowrap;padding:7px 10px}.sidebar-footer{display:none}.content{padding:38px 22px 65px}.grid{grid-template-columns:1fr}.content h1{font-size:39px}}