:root{--bg:#F2F2EF;--s1:#EAEAE6;--line:#D3D3CD;--txt:#141416;--mut:#5E606A;--dim:#8D8F98;--acc:#6B57FF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0A0A0A;--s1:#121212;--line:#232325;--txt:#DFE1E5;--mut:#9DA0A8;--dim:#6A6D75;--acc:#8B7BFF}}
:root[data-theme="dark"]{--bg:#0A0A0A;--s1:#121212;--line:#232325;--txt:#DFE1E5;--mut:#9DA0A8;--dim:#6A6D75;--acc:#8B7BFF}
*{box-sizing:border-box;margin:0;padding:0}
html,body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
img,svg{-webkit-user-drag:none}
body{background:var(--bg);color:var(--txt);font:16px/1.7 Inter,system-ui,sans-serif}
a{color:var(--acc)}
.bar{position:sticky;top:0;height:48px;display:flex;align-items:stretch;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:5}
.bar a.home{width:64px;display:grid;place-items:center;border-right:1px solid var(--line)}
.mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#0A0A0A;outline:1px solid var(--line)}
.mark img{width:118%;height:118%}
.crumb{display:flex;align-items:center;padding:0 16px;gap:8px;font:500 11px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.crumb a{color:var(--mut);text-decoration:none}
.crumb b{color:var(--txt);font-weight:500}
main{max-width:760px;margin:0 auto;padding:56px 20px 40px}
.app{display:flex;align-items:center;gap:14px;margin-bottom:34px}
.app .ic{width:52px;height:52px;border-radius:14px;overflow:hidden;outline:1px solid var(--line)}
.app .ic svg,.app .ic img{width:100%;height:100%;display:block}
.app strong{display:block;font:700 20px "Space Grotesk",sans-serif}
.muted,.app span{color:var(--mut)}
h1{font:700 clamp(36px,6vw,52px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.03em;margin-bottom:12px}
h2{font:700 21px "Space Grotesk",sans-serif;margin:34px 0 8px}
p,li{color:var(--mut);margin-bottom:12px}
p strong,li strong{color:var(--txt)}
ul{padding-left:22px}
code{font:14px "JetBrains Mono",monospace;background:var(--s1);padding:1px 6px}
.card{border:1.5px solid var(--txt);box-shadow:4px 4px 0 var(--acc);padding:18px 20px;margin:26px 0;color:var(--mut)}
.card strong{color:var(--txt)}
nav.pages{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
nav.pages a{font:700 11px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--txt);border:1.5px solid var(--txt);padding:12px 16px;box-shadow:4px 4px 0 var(--acc);transition:transform .12s,box-shadow .12s}
nav.pages a:hover{transform:translate(4px,4px);box-shadow:0 0 0 var(--acc)}
nav.pages a.on{background:var(--txt);color:var(--bg)}
footer{border-top:1px solid var(--line);padding:18px 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font:400 11px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
footer a{color:var(--mut);text-decoration:none}