:root{--font-sans:var(--font-suit),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--spacing-xs:.625rem;--spacing-sm:1.25rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:5rem;--line-height-body:1.8;--line-height-heading:1.35;--max-width-reading:38rem;--max-width-content:56rem;--max-width-wide:72rem;--radius-sm:.625rem;--radius-md:1rem;--radius-lg:1.5rem}[data-theme=light]{--color-bg-light:#faf7fb;--color-bg-canvas:#fff;--color-text-primary:#382c21;--color-text-secondary:#6a5c4f;--color-text-tertiary:#9e958c;--color-accent:#5fa3b8;--color-accent-hover:#4a8a9d;--color-accent-soft:#e8f5f9;--color-accent-secondary:#ff6b9d;--color-accent-secondary-soft:#ffe8f0;--color-border:#c5b8ab;--color-border-hover:#b9b1a8;--shadow-sm:0 1px 2px #382c211a,0 2px 4px #382c210f;--shadow-md:0 4px 8px #382c211f,0 6px 12px #382c2114;--shadow-lg:0 8px 16px #382c2124,0 12px 24px #382c211a;--gray-50:#f8f5f2;--gray-100:#f0ede9;--gray-200:#e3ded8;--gray-300:#d1cac2;--gray-400:#b9b1a8;--gray-500:#9e958c;--gray-600:#847b72;--gray-700:#69625b;--gray-800:#524a43;--gray-900:#38312a}[data-theme=dark]{--color-bg-light:#121212;--color-bg-canvas:#1e1e1e;--color-text-primary:#e6e1d9;--color-text-secondary:#d8d1c9;--color-text-tertiary:#9e9e9e;--color-accent:#bfa78f;--color-accent-hover:#d4bba5;--color-accent-soft:#3e2723;--color-accent-secondary:#ff8fb3;--color-accent-secondary-soft:#4a1f33;--color-border:#505050;--color-border-hover:#666;--shadow-sm:0 1px 2px #00000040,0 2px 4px #0003;--shadow-md:0 3px 6px #00000052,0 4px 8px #00000040;--shadow-lg:0 5px 10px #0006,0 8px 16px #0000004d;--gray-50:#2a2a2a;--gray-100:#333;--gray-200:#3d3d3d;--gray-300:#4f4f4f;--gray-400:#666;--gray-500:gray;--gray-600:#9e9e9e;--gray-700:#bdbdbd;--gray-800:#d8d8d8;--gray-900:#f0f0f0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg-light);color:var(--color-text-primary);line-height:var(--line-height-body);font-size:1rem;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul[role=list],ol[role=list]{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}