:root{--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius: 8px;--max-width: 780px;--bg: #faf9fc;--surface: #ffffff;--surface-2: #f1f0f8;--border: #e2e1ed;--text: #232235;--text-dim: #63617a;--purple: #7c3aed;--blue: #2563eb;--green: #15803d;--link: var(--blue);--link-hover: var(--purple);--code-bg: #f1f0f8;--code-text: #4c3a91;--shadow: 0 1px 2px rgba(35, 34, 53, 0.06)}:root[data-theme="dark"]{--bg: #14131c;--surface: #191825;--surface-2: #1f1e2e;--border: #2c2b3f;--text: #e7e5f5;--text-dim: #a29fc2;--purple: #b794f6;--blue: #7dd3fc;--green: #6ee7a0;--link: var(--blue);--link-hover: var(--purple);--code-bg: #1f1e2e;--code-text: #b9a6ff;--shadow: 0 1px 2px rgba(0, 0, 0, 0.4)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #14131c;--surface: #191825;--surface-2: #1f1e2e;--border: #2c2b3f;--text: #e7e5f5;--text-dim: #a29fc2;--purple: #b794f6;--blue: #7dd3fc;--green: #6ee7a0;--link: var(--blue);--link-hover: var(--purple);--code-bg: #1f1e2e;--code-text: #b9a6ff;--shadow: 0 1px 2px rgba(0, 0, 0, 0.4)}}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background-color 0.15s ease, color 0.15s ease}.page{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem 6rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:600;line-height:1.3;color:var(--text);margin:2.2em 0 0.7em}h1{font-size:1.9rem;margin-top:0}h2{font-size:1.4rem;padding-bottom:0.4em;border-bottom:1px solid var(--border)}h3{font-size:1.15rem;color:var(--purple)}h4{font-size:1rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.04em}h1:first-child,h2:first-child{margin-top:0}p{margin:1em 0}a{color:var(--link);text-decoration:none;border-bottom:1px solid transparent;transition:color 0.12s ease, border-color 0.12s ease}a:hover{color:var(--link-hover);border-bottom-color:currentColor}strong{color:var(--text);font-weight:700}em{color:var(--text-dim)}ul,ol{padding-left:1.4em}li{margin:0.35em 0}li::marker{color:var(--purple)}blockquote{margin:1.5em 0;padding:0.6em 1.2em;border-left:3px solid var(--green);background:var(--surface-2);color:var(--text-dim);border-radius:0 var(--radius) var(--radius) 0}blockquote p{margin:0.4em 0}code{font-family:var(--font-mono);font-size:0.88em;background:var(--code-bg);color:var(--code-text);padding:0.15em 0.4em;border-radius:4px}pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;overflow-x:auto;box-shadow:var(--shadow)}pre code{background:none;color:inherit;padding:0;font-size:0.85em}.highlight{background:var(--surface);border-radius:var(--radius)}.highlight .c,.highlight .cm,.highlight .c1{color:var(--text-dim);font-style:italic}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kr{color:var(--purple)}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb{color:var(--green)}.highlight .n,.highlight .nb{color:var(--text)}.highlight .nf,.highlight .nc{color:var(--blue)}.highlight .m,.highlight .mi,.highlight .mf{color:var(--blue)}.highlight .o{color:var(--purple)}.highlight .err{color:#f87171}table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:0.95em}th,td{padding:0.55em 0.9em;border:1px solid var(--border);text-align:left}th{background:var(--surface-2);color:var(--text-dim);font-weight:600}table:has(>tbody:only-child>tr:only-child){width:auto;display:inline-block}table:has(>tbody:only-child>tr:only-child) td{border:none;padding:0.3em 1em 0.3em 0;background:none}img{max-width:100%;height:auto;border-radius:var(--radius)}hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}#theme-toggle{position:fixed;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);z-index:10}#theme-toggle:hover{border-color:var(--purple)}.theme-toggle-icon{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg, var(--purple), var(--blue), var(--green))}@media (max-width: 600px){.page{padding:3.5rem 1.1rem 4rem}h1{font-size:1.55rem}h2{font-size:1.2rem}}