*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;scroll-behavior:smooth;line-height:1.5}body{font-family:system-ui,-apple-system,sans-serif;line-height:inherit;margin:0}h1,h2,h3,h4,h5,h6,p,pre{margin:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}img,svg{max-width:100%;display:block}:root{--color-cream:#d5d6c8;--color-dark-brown:#4a3728;--color-sage-green:#6b7b5e;--color-warm-gray:#7a7a6e;--color-white:#fff;--color-black:#000;--color-sage-green-light:#8a9a7d;--color-sage-green-dark:#4d5a43;--color-cream-light:#e8e9df;--color-cream-dark:#c2c3b5;--surface-background:var(--color-cream);--surface-paper:var(--color-white);--surface-paper-muted:var(--color-cream-light);--surface-header:var(--color-sage-green);--surface-hover:#0000000a;--surface-selected:#6b7b5e1f;--border-default:#0000001f;--border-subtle:#00000014;--border-strong:#0000003b;--border-focus:var(--color-sage-green);--text-primary:var(--color-dark-brown);--text-secondary:var(--color-warm-gray);--text-disabled:#00000061;--text-on-primary:var(--color-cream);--text-on-dark:var(--color-white);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}.surface-paper{background-color:var(--surface-paper)}.surface-muted{background-color:var(--surface-paper-muted)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.border-subtle{border:1px solid var(--border-subtle)}.border-default{border:1px solid var(--border-default)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}