:root{--color-primary:#3d8b4f;--color-primary-dark:#2e6b3c;--color-accent:#d4a017;--color-accent-dark:#b8860b;--color-bg:#f8f6f2;--color-surface:#fff;--color-border:#d4c9b8;--color-text:#1e2029;--color-text-muted:#6b7280;--color-error:#dc2626;--color-success:#16a34a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--z-base:0;--z-sidebar:10;--z-toolbar:20;--z-overlay:30;--z-modal:40;--z-toast:50}.dark{--color-primary:#5aad64;--color-primary-dark:#4a9d54;--color-accent:#e8b830;--color-accent-dark:#c9a31f;--color-bg:#0f1117;--color-surface:#1a1a2e;--color-border:#333;--color-text:#e0e0e0;--color-text-muted:#888}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{min-height:100dvh;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}canvas{touch-action:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}#root{flex-direction:column;min-height:100dvh;display:flex}