*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-serif: "Lora", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg_h: #fdfbf7;--bg: #f4f0e8;--bg_s: #ede8df;--bg1: #e5dfd3;--bg2: #d8d0c1;--bg3: #c4bba8;--bg4: #b0a693;--fg: #2c2a28;--fg1: #3f3c39;--fg2: #54504c;--fg3: #6b6661;--fg4: #827d78;--red: #a63c3a;--green: #4b6b4e;--yellow: #b88231;--blue: #375c7b;--purple: #794f71;--aqua: #3b7a78;--orange: #b25f38;--gray: #7a7671;--red-dim: #8b2f2d;--green-dim: #3c563e;--yellow-dim: #966925;--blue-dim: #2b4a63;--purple-dim: #613e5a;--aqua-dim: #2e6160;--orange-dim: #8f4b2b;--gray-dim: #615e5a;--color-bg: var(--bg);--color-text: var(--fg);--color-text-muted: var(--fg3);--color-border: var(--bg2);--color-accent: var(--blue);--color-tag-bg: var(--bg1);--max-width: 680px}[data-theme=dark]{--bg_h: #111215;--bg: #1a1b20;--bg_s: #212329;--bg1: #282a33;--bg2: #353842;--bg3: #474a57;--bg4: #5a5e6d;--fg: #e2dfd8;--fg1: #d1cbbd;--fg2: #bbb4a3;--fg3: #a49c89;--fg4: #8d8675;--red: #e06b74;--green: #98c379;--yellow: #e5c07b;--blue: #61afef;--purple: #c678dd;--aqua: #56b6c2;--gray: #8b92a5;--orange: #d19a66;--red-dim: #be5058;--green-dim: #7ba35d;--yellow-dim: #c49d56;--blue-dim: #4b8bc2;--purple-dim: #a65ab9;--aqua-dim: #41949f;--gray-dim: #6c7385;--orange-dim: #af7c4e}html{font-size:18px;line-height:1.7}body{font-family:var(--font-serif);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}.container{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem;min-height:100vh;display:flex;flex-direction:column}.container.wide{--max-width: 1200px}header{margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}nav{display:flex;justify-content:space-between;align-items:center}.nav-right{display:flex;align-items:center;gap:1.5rem}.logo{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;color:var(--color-text);text-decoration:none}nav ul{display:flex;gap:1.5rem;list-style:none}nav a{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-muted);text-decoration:none}nav a:hover{color:var(--color-text)}nav a.active{color:var(--color-text);border-bottom:2px solid var(--color-accent);padding-bottom:2px}.btn-share{background:var(--color-accent);color:var(--bg)!important;padding:.4rem 1rem;border-radius:6px;font-weight:500;transition:opacity .2s}.btn-share:hover{opacity:.85}[data-theme=dark] .btn-share{color:var(--bg)!important}#theme-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .2s,background-color .2s}#theme-toggle:hover{background-color:var(--color-tag-bg);color:var(--color-text)}.sun-icon{display:block}.moon-icon,[data-theme=dark] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:block}main{flex:1}footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}footer p{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-muted);margin:0}.social-links{display:flex;gap:1.25rem;align-items:center}.social-links a{color:var(--color-text-muted);text-decoration:none;transition:color .2s;line-height:0}.social-links a:hover{color:var(--color-text)}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:600;line-height:1.3;margin-bottom:1rem;color:var(--color-text)}h1{font-size:2.5rem}h2{font-size:1.5rem;margin-top:2rem}h3{font-size:1.25rem;margin-top:1.5rem}p{margin-bottom:1.5rem}a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-border);text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color .2s}a:hover{text-decoration-color:var(--color-accent)}ul,ol{padding-left:1.5rem}code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.85em;background:var(--bg_s);color:var(--fg1);padding:.15rem .4rem;border-radius:4px;border:1px solid var(--bg2)}pre{background:var(--bg_s);padding:1.25rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem;border:1px solid var(--bg2)}pre code{background:none;padding:0;color:inherit;border:none}blockquote{border-left:3px solid var(--aqua);padding-left:1.25rem;margin:1.5rem 0;font-style:italic;color:var(--fg2)}img{max-width:100%;height:auto;border-radius:6px;margin:1.5rem 0}hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}