:root{--bg:#fff;--surface:#fff;--surface-tint:#f3f0fb;--purple:#5b21b6;--purple-deep:#3b0764;--purple-light:#ede9fe;--purple-mid:#ddd6fe;--purple-dim:#7c3aed;--purple-border:#c4b5fd;--text:#1a1523;--text-mid:#4c4069;--text-muted:#8b7aa8;--border:#e8e1f5;--font-serif:"Lora",Georgia,"Times New Roman",serif;--font-mono:"Overpass Mono","Courier New",monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-serif);min-height:100vh;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text);font-weight:400;line-height:1.2}p{color:var(--text-mid);line-height:1.8}a{color:var(--purple);text-decoration:none;transition:color .15s}a:hover{color:var(--purple-deep)}code,pre,kbd{font-family:var(--font-mono)}pre{overflow-x:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-tint)}::-webkit-scrollbar-thumb{background:var(--purple-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--purple-dim)}::selection{background:var(--purple-light);color:var(--purple-deep)}:focus-visible{outline:2px solid var(--purple);outline-offset:3px;border-radius:4px}.main-content{flex:1;max-width:100vw;min-height:100vh;margin-left:220px;overflow-x:hidden}@media (max-width:768px){.main-content{margin-left:0;padding-bottom:80px}}