:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-card: #ffffff;--bg-code: #f4f5f7;--bg-nav: #fafbfc;--text-primary: #1a1a2e;--text-secondary: #4a4a5a;--text-muted: #8a8a9a;--accent-red: #e74c3c;--accent-orange: #f39c12;--accent-green: #27ae60;--accent-blue: #2980b9;--accent-indigo: #6366f1;--accent-violet: #8b5cf6;--accent-rose: #ec4899;--accent-teal: #14b8a6;--accent-link: #2563eb;--accent-link-hover: #1d4ed8;--border-primary: #e5e7eb;--border-subtle: #f0f1f3;--border-accent: #d1d5db;--highlight-bg: #fffbeb;--highlight-border: #f59e0b;--ornament-color: #d1d5db;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Crimson Pro", "Palatino Linotype", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace}[data-theme=dark]{--bg-primary: #0f0f14;--bg-secondary: #16161d;--bg-card: #1a1a24;--bg-code: #12121a;--bg-nav: #12121a;--text-primary: #e8e8f0;--text-secondary: #a8a8b8;--text-muted: #5a5a6a;--accent-red: #f87171;--accent-orange: #fbbf24;--accent-green: #34d399;--accent-blue: #60a5fa;--accent-indigo: #818cf8;--accent-violet: #a78bfa;--accent-rose: #f472b6;--accent-teal: #2dd4bf;--accent-link: #60a5fa;--accent-link-hover: #93c5fd;--border-primary: #2a2a38;--border-subtle: #1e1e28;--border-accent: #3a3a4a;--highlight-bg: #1a1810;--highlight-border: #fbbf24;--ornament-color: #3a3a4a;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.65;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}.site-layout{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;background:var(--bg-nav);border-right:1px solid var(--border-primary);padding:1.5rem 0;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;z-index:50;transition:transform .3s ease}.sidebar-header{padding:0 1.25rem 1rem;border-bottom:1px solid var(--border-primary);margin-bottom:.75rem}.sidebar-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);text-decoration:none;border-bottom:none;display:block;line-height:1.3}.sidebar-title:hover{border-bottom:none}.sidebar-subtitle{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.2rem}.nav-section{padding:.5rem 0}.nav-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:.5rem 1.25rem .25rem}.nav-link{display:block;padding:.3rem 1.25rem;font-size:.85rem;color:var(--text-secondary);text-decoration:none;border-bottom:none;border-left:2px solid transparent;transition:all .15s ease}.nav-link:hover{color:var(--text-primary);background:var(--bg-secondary);border-bottom:none}.nav-link.active{color:var(--accent-link);border-left-color:var(--accent-link);background:color-mix(in srgb,var(--accent-link) 6%,transparent);font-weight:500}.nav-link .nav-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:.5rem;vertical-align:middle}.dot-red{background:var(--accent-red)}.dot-orange{background:var(--accent-orange)}.dot-green{background:var(--accent-green)}.dot-blue{background:var(--accent-blue)}.dot-indigo{background:var(--accent-indigo)}.dot-violet{background:var(--accent-violet)}.dot-rose{background:var(--accent-rose)}.dot-teal{background:var(--accent-teal)}.main-content{flex:1;margin-left:260px;padding:2.5rem 2rem 4rem;max-width:100%}.content-wrapper{max-width:720px;margin:0 auto}.mobile-toggle{display:none;position:fixed;top:.75rem;left:.75rem;z-index:60;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:opacity .25s ease,transform .25s ease}.mobile-toggle.hidden,.theme-toggle.hidden{opacity:0;pointer-events:none;transform:translateY(-10px)}@media(max-width:768px){.sidebar{transform:translate(-100%);padding-top:3.5rem}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:4rem 1.25rem 3rem}.mobile-toggle{display:flex}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:40}.sidebar-overlay.open{display:block}}.theme-toggle{position:fixed;top:.75rem;right:.75rem;z-index:100;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all .2s ease,opacity .25s ease,transform .25s ease}.theme-toggle:hover{box-shadow:var(--shadow-md);border-color:var(--border-accent);color:var(--text-primary);transform:none}[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:inline}html:not([data-theme=dark]) .theme-toggle .icon-moon{display:none}html:not([data-theme=dark]) .theme-toggle .icon-sun{display:inline}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);font-weight:700}h1{font-family:var(--font-display);font-size:2rem;line-height:1.2;margin-bottom:.5rem}@media(min-width:768px){h1{font-size:2.4rem}}h2{font-size:1.3rem;margin-top:2.5rem;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-primary)}h3{font-size:1.05rem;margin-top:1.75rem;margin-bottom:.5rem}p{margin-bottom:.9rem;color:var(--text-secondary)}a{color:var(--accent-link);text-decoration:none;border-bottom:1px solid transparent;transition:all .15s}a:hover{color:var(--accent-link-hover);border-bottom-color:var(--accent-link-hover)}strong{color:var(--text-primary);font-weight:600}em{font-style:italic}blockquote{margin:1.5rem 0;padding:.9rem 1.25rem;border-left:3px solid var(--accent-orange);background:var(--bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text-secondary)}blockquote p{margin-bottom:0}.page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-primary)}.page-header h1{margin-bottom:.25rem}.page-header .subtitle{color:var(--text-muted);font-size:1rem;font-style:italic}.page-header .author{color:var(--text-muted);font-size:.8rem;margin-top:.5rem}.page-header[data-accent=red]{border-bottom-color:var(--accent-red)}.page-header[data-accent=orange]{border-bottom-color:var(--accent-orange)}.page-header[data-accent=green]{border-bottom-color:var(--accent-green)}.page-header[data-accent=blue]{border-bottom-color:var(--accent-blue)}.page-header[data-accent=indigo]{border-bottom-color:var(--accent-indigo)}.page-header[data-accent=violet]{border-bottom-color:var(--accent-violet)}.page-header[data-accent=rose]{border-bottom-color:var(--accent-rose)}.page-header[data-accent=teal]{border-bottom-color:var(--accent-teal)}.breadcrumb{font-size:.8rem;color:var(--text-muted);margin-bottom:1.5rem}.breadcrumb a{color:var(--text-muted);border-bottom:none}.breadcrumb a:hover{color:var(--accent-link)}.section-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s;border-left:3px solid transparent}.section-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-accent)}.section-card[data-accent=red]{border-left-color:var(--accent-red)}.section-card[data-accent=orange]{border-left-color:var(--accent-orange)}.section-card[data-accent=green]{border-left-color:var(--accent-green)}.section-card[data-accent=blue]{border-left-color:var(--accent-blue)}.section-card[data-accent=indigo]{border-left-color:var(--accent-indigo)}.section-card[data-accent=violet]{border-left-color:var(--accent-violet)}.section-card[data-accent=rose]{border-left-color:var(--accent-rose)}.section-card[data-accent=teal]{border-left-color:var(--accent-teal)}.section-card h3{margin-top:0;font-size:1.1rem}.section-card h3 a{color:var(--text-primary);border-bottom:none}.section-card h3 a:hover{color:var(--accent-link)}.section-number{display:inline-block;font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.15rem}.section-card p{font-size:.9rem;margin-bottom:.5rem}.section-card .go-deeper{font-size:.8rem;font-weight:500}.stack-diagram{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1.5rem;margin:1.5rem 0;text-align:center}.stack-step{padding:.4rem 1rem;margin:.2rem auto;max-width:380px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm)}.stack-arrow{color:var(--text-muted);font-size:1rem;line-height:1;margin:.1rem 0}.stack-step.highlight-step{background:var(--accent-indigo);color:#fff;font-weight:600;border-color:var(--accent-indigo)}code{font-family:var(--font-mono);font-size:.82em;background:var(--bg-code);padding:.15rem .35rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}pre{background:var(--bg-code);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1rem;overflow-x:auto;margin:1.25rem 0;font-size:.82rem;line-height:1.55}pre code{background:none;padding:0;border:none}ul,ol{margin-bottom:.9rem;padding-left:1.5rem;color:var(--text-secondary)}li{margin-bottom:.3rem}li>ul,li>ol{margin-top:.3rem;margin-bottom:.2rem}table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.85rem}th,td{border:1px solid var(--border-primary);padding:.5rem .7rem;text-align:left}th{background:var(--bg-secondary);font-weight:600;font-size:.8rem;color:var(--text-primary)}td{color:var(--text-secondary)}.callout{padding:.9rem 1.1rem;margin:1.25rem 0;border-left:3px solid;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--bg-secondary)}.callout.insight{border-color:var(--accent-orange)}.callout.principle{border-color:var(--accent-indigo)}.callout.tip{border-color:var(--accent-green)}.callout strong{display:block;margin-bottom:.2rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.callout.insight strong{color:var(--accent-orange)}.callout.principle strong{color:var(--accent-indigo)}.callout.tip strong{color:var(--accent-green)}.callout p{margin-bottom:0;font-size:.9rem}.ref-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1rem 0}@media(min-width:600px){.ref-grid{grid-template-columns:1fr 1fr}}.ref-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.75rem 1rem;transition:box-shadow .2s}.ref-card:hover{box-shadow:var(--shadow-md)}.ref-card-name{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.ref-card-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.divider{text-align:center;margin:2rem 0;color:var(--ornament-color);font-size:.9rem;letter-spacing:.4em;user-select:none}.page-footer{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--border-primary);font-size:.8rem;color:var(--text-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.page-footer a{color:var(--text-muted)}.page-footer a:hover{color:var(--accent-link)}.site-footer{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--border-primary);text-align:center;color:var(--text-muted);font-size:.8rem}@media print{body{background:#fff;color:#000}.sidebar,.theme-toggle,.mobile-toggle,.sidebar-overlay{display:none!important}.main-content{margin-left:0;padding:0}.section-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}a{color:#000}h2,h3{break-after:avoid}}