:root{--accent-h: 232;--accent-s: 80%;--accent-l: 64%;--color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--color-accent-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%));--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "SF Mono", Menlo, Monaco, Consolas, monospace;--sidebar-width: 260px;--toc-width: 220px;--content-max-width: 750px;--content-padding: 48px}:root{--color-bg: #ffffff;--color-bg-secondary: hsl(var(--accent-h), calc(var(--accent-s) / 6), 96%);--color-bg-tertiary: hsl(var(--accent-h), calc(var(--accent-s) / 4), 94%);--color-text: hsl(var(--accent-h), 12%, 12%);--color-text-secondary: hsl(var(--accent-h), 9%, 36%);--color-text-muted: hsl(var(--accent-h), 6%, 64%);--color-link: var(--color-accent);--color-link-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));--color-red: rgb(221, 44, 56);--color-orange: rgb(222, 116, 23);--color-yellow: rgb(192, 156, 12);--color-green: rgb(29, 165, 29);--color-blue: rgb(23, 117, 217);--color-purple: rgb(143, 71, 225);--color-border: hsla(var(--accent-h), calc(.4 * var(--accent-s)), var(--accent-l), .2);--color-sidebar-bg: hsl(var(--accent-h), calc(var(--accent-s) / 6), 98%)}@media(prefers-color-scheme:dark){:root{--accent-l: 72%;--color-bg: hsl(var(--accent-h), calc(var(--accent-s) / 5), 12%);--color-bg-secondary: hsl(var(--accent-h), calc(var(--accent-s) / 5), 14%);--color-bg-tertiary: hsl(var(--accent-h), calc(var(--accent-s) / 5), 18%);--color-text: hsl(var(--accent-h), 24%, 84%);--color-text-secondary: hsl(var(--accent-h), 18%, 72%);--color-text-muted: hsl(var(--accent-h), 12%, 44%);--color-link: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--color-link-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%));--color-border: hsla(var(--accent-h), calc(.4 * var(--accent-s)), calc(.9 * var(--accent-l)), .2);--color-sidebar-bg: hsl(var(--accent-h), calc(var(--accent-s) / 5), 10%);--color-red: rgb(255, 120, 129);--color-orange: rgb(251, 187, 131);--color-yellow: rgb(255, 232, 139);--color-green: rgb(124, 211, 124);--color-blue: rgb(137, 189, 244);--color-purple: rgb(203, 158, 255)}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-text);background:var(--color-bg);color:var(--color-text);line-height:1.7;min-height:100vh}.site-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);position:fixed;top:0;left:0;height:100vh;overflow-y:auto}.sidebar-content{padding:24px}.site-title{display:block;font-family:var(--font-ui);font-size:1.1rem;font-weight:700;color:var(--color-text);text-decoration:none;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.nav-links{display:flex;flex-direction:column;gap:4px}.nav-links a{display:block;padding:8px 12px;color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-ui);font-size:.9rem;border-radius:6px;transition:all .15s ease}.nav-links a:hover{background:var(--color-bg-secondary);color:var(--color-text)}.nav-divider{border:none;border-top:1px solid var(--color-border);margin:16px 0}.recent-posts{margin-top:8px}.recent-title{font-family:var(--font-ui);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:0 12px;margin-bottom:8px}.recent-links{display:flex;flex-direction:column;gap:2px}.recent-links a{display:block;padding:6px 12px;color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-ui);font-size:.8rem;border-radius:6px;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-links a:hover{background:var(--color-bg-secondary);color:var(--color-text)}.main-content{flex:1;margin-left:var(--sidebar-width);margin-right:var(--toc-width);min-height:100vh;display:flex;flex-direction:column}.content-wrapper{flex:1;max-width:var(--content-max-width);width:100%;margin:0 auto;padding:var(--content-padding);padding-top:40px}footer{max-width:var(--content-max-width);width:100%;margin:0 auto;padding:24px var(--content-padding);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-ui);font-size:.85rem}.toc-sidebar{width:var(--toc-width);position:fixed;top:0;right:0;height:100vh;overflow-y:auto;padding:40px 16px}.toc-content{position:sticky;top:40px}.toc-title{font-family:var(--font-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.75rem}.toc-nav ul{list-style:none;padding:0;margin:0}.toc-nav li{margin:0}.toc-nav a{display:block;font-size:.8rem;color:var(--color-text-muted);text-decoration:none;border-left:2px solid transparent;padding:.25rem 0 .25rem .75rem;transition:all .15s ease}.toc-nav a:hover{color:var(--color-text);border-left-color:var(--color-accent)}.toc-nav .toc-h2{padding-left:.75rem}.toc-nav .toc-h3{padding-left:1.5rem;font-size:.75rem}@media(max-width:1100px){.toc-sidebar{display:none}.main-content{margin-right:0}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0}.content-wrapper{padding:24px}footer{padding:24px}}a{color:var(--color-link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-link-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-text);font-weight:500;line-height:1.4;margin-top:1.8em;margin-bottom:.6em}h1{font-size:2rem;font-weight:600;margin-top:0;letter-spacing:-.02em;color:var(--color-red, #dd2c38)}h2{font-size:1.5rem;padding-bottom:.3em;border-bottom:1px solid var(--color-orange, #de7417);color:var(--color-orange, #de7417)}h3{font-size:1.25rem;color:var(--color-yellow, #c09c0c)}h4{font-size:1.1rem;color:var(--color-green, #1da51d)}h5{font-size:1rem;color:var(--color-blue, #1775d9)}h6{font-size:.9rem;color:var(--color-purple, #8f47e1)}p{margin-bottom:1.2em}ul,ol{margin-bottom:1.2em;padding-left:1.5em}li{margin-bottom:.3em}li>ul,li>ol{margin-bottom:0;margin-top:.3em}blockquote{border-left:3px solid var(--color-accent);padding-left:1.2em;margin:1.5em 0;color:var(--color-text-secondary);font-style:italic}blockquote p:last-child{margin-bottom:0}code{font-family:var(--font-mono);font-size:.88em;background:var(--color-bg-secondary);padding:.2em .4em;border-radius:4px}pre{background:var(--color-bg-secondary);padding:1rem 1.2rem;border-radius:8px;overflow-x:auto;margin:1.5em 0;font-size:.9rem;line-height:1.5}pre code{background:none;padding:0}hr{border:none;border-top:1px solid var(--color-border);margin:2.5em 0}table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95em}th,td{padding:.75rem;border:1px solid var(--color-border);text-align:left}th{background:var(--color-bg-secondary);font-family:var(--font-ui);font-weight:600}img{max-width:100%;height:auto;border-radius:4px}.footnotes{margin-top:3em;padding-top:1em;border-top:1px solid var(--color-border);font-size:.9em;color:var(--color-text-secondary)}sup a{color:var(--color-accent);font-weight:500;text-decoration:none}.callout{background:var(--color-bg-secondary);border-left:4px solid var(--color-accent);padding:1rem 1.25rem;margin:1.5em 0;border-radius:0 8px 8px 0}.callout-title{font-family:var(--font-ui);font-weight:600;margin-bottom:.5em;color:var(--color-text)}.callout-content{color:var(--color-text-secondary)}.callout-content p:last-child{margin-bottom:0}.callout-quote{border-left-color:#8b5cf6}.callout-warning{border-left-color:#f59e0b}.callout-info{border-left-color:#3b82f6}.broken-link{color:var(--color-text-muted);border-bottom:1px dashed var(--color-text-muted);cursor:help}.internal-link{text-decoration:none;border-bottom:1px solid var(--color-link)}.internal-link:hover{border-bottom-color:transparent}.external-link{display:inline;line-height:inherit}.external-link .favicon{width:1em;height:1em;vertical-align:-.125em;margin-right:.2em;border-radius:2px;display:inline}.external-link .external-icon{font-size:.65em;opacity:.4;vertical-align:super}::selection{background:hsla(var(--accent-h),var(--accent-s),var(--accent-l),.25)}