:root{--color-bg:#fff;--color-bg-soft:#0000000a;--color-bg-softer:#00000005;--color-bg-hover:#0000000f;--color-text:#000;--color-text-soft:#0009;--color-text-fade:#0006;--color-border:#0000001a;--color-border-bold:#0000002e;--color-danger:#b3261e;--color-ok:#1f6f43;--color-warn:#8a5a00;--color-footer-bg:#101010;--color-footer-text:#f2efec;--color-footer-soft:#f2efec99;--color-footer-border:#f2efec26;--font-serif:"Instrument Serif", "Times New Roman", Georgia, serif;--font-sans:"Instrument Sans", system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "Menlo", "Consolas", monospace;--max-width:1280px;--container-px:clamp(20px, 4vw, 48px)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:15px;line-height:1.5}::selection{color:#f2efec;background:#101010}a{color:inherit}code,pre{font-family:var(--font-mono);font-size:13px}p code{overflow-wrap:anywhere}button,input,select,textarea{font:inherit;color:inherit}