*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #faf9f7;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f5f3f0;--color-accent: #e85d4c;--color-accent-hover: #f06b5a;--color-accent-soft: rgba(232, 93, 76, .12);--color-text: #2d2a26;--color-text-secondary: #5c5854;--color-text-muted: #8a8580;--color-border: rgba(45, 42, 38, .08);--color-border-hover: rgba(45, 42, 38, .15);--color-success: #22a559;--color-warning: #f59e0b;--color-error: #ef4444;--canvas-bg: #ffffff;--canvas-dot: #d4d0c8;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:var(--color-bg);color:var(--color-text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent-soft);color:var(--color-accent)}.nav{padding:10px 20px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.nav button{margin-right:10px;padding:8px 16px;border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:4px}.nav button:hover{background:var(--color-bg-tertiary)}