:root{--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}a{color:inherit;text-decoration:inherit}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:transparent;background-image:none;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}}:root[data-theme=light]{--bg: #f8f7f4;--surface: #ffffff;--surface2: #f2f1ec;--surface3: #eae9e4;--border: #e4e3dc;--border-light: #d8d7d0;--text: #1a1a18;--text-secondary: #5c5b55;--muted: #9a9890;--muted-dim: #c8c7c0;--accent: #2a8c5a;--accent-hover: #238050;--accent-dim: #2a8c5a;--accent-glow: rgba(42, 140, 90, .06);--accent-glow-strong: rgba(42, 140, 90, .12);--danger: #d95555;--editor-bg: var(--surface);--editor-text: var(--text);--heading-color: var(--text);--link-color: var(--accent);--code-bg: #f0f5f0;--code-text: var(--accent);--toolbar-bg: var(--surface);--header-bg: var(--surface);--header-text: var(--text);--page-bg: var(--bg);--border-color: var(--border);--sidebar-bg: var(--surface);--button-bg: var(--surface2);--button-text: var(--text);--button-hover-bg: var(--surface3);--button-active-bg: var(--accent);--accent-text: #ffffff;--landing-gradient: linear-gradient(135deg, #f5f4f0 0%, #e8e6e1 100%);--landing-text: #1a1a1a;--landing-button-bg: #2a8c5a;--landing-button-text: #ffffff;--landing-toggle-bg: rgba(255, 255, 255, .9);--landing-toggle-text: #1a1a1a}:root[data-theme=dark]{--bg: #0b0c0e;--surface: #111214;--surface2: #161719;--surface3: #1c1d20;--border: #1f2023;--border-light: #292a2e;--text: #e8e6e1;--text-secondary: #a09e96;--muted: #5e5d57;--muted-dim: #3a3a3d;--accent: #c8f56e;--accent-hover: #d4ff7a;--accent-dim: #a5cc55;--accent-glow: rgba(200, 245, 110, .06);--accent-glow-strong: rgba(200, 245, 110, .12);--danger: #f56e6e;--editor-bg: var(--surface);--editor-text: var(--text);--heading-color: #ffffff;--link-color: var(--accent);--code-bg: var(--surface2);--code-text: var(--accent-dim);--toolbar-bg: var(--surface);--header-bg: var(--surface);--header-text: var(--text);--page-bg: var(--bg);--border-color: var(--border);--sidebar-bg: var(--surface);--button-bg: var(--surface3);--button-text: var(--text);--button-hover-bg: var(--surface3);--button-active-bg: var(--accent);--accent-text: #0b0c0e;--landing-gradient: linear-gradient(135deg, #0e0f11 0%, #16171b 100%);--landing-text: #e8e6e1;--landing-button-bg: #c8f56e;--landing-button-text: #111111;--landing-toggle-bg: rgba(22, 23, 27, .9);--landing-toggle-text: #e8e6e1}:root{--bg: #0b0c0e;--surface: #111214;--surface2: #161719;--surface3: #1c1d20;--border: #1f2023;--border-light: #292a2e;--text: #e8e6e1;--text-secondary: #a09e96;--muted: #5e5d57;--muted-dim: #3a3a3d;--accent: #c8f56e;--accent-hover: #d4ff7a;--accent-dim: #a5cc55;--accent-glow: rgba(200, 245, 110, .06);--accent-glow-strong: rgba(200, 245, 110, .12);--danger: #f56e6e;--sidebar-w: 272px;--topbar-h: 56px;--toolbar-h: 44px;--editor-bg: var(--surface);--editor-text: var(--text);--heading-color: #ffffff;--link-color: var(--accent);--code-bg: var(--surface2);--code-text: var(--accent-dim);--toolbar-bg: var(--surface);--header-bg: var(--surface);--header-text: var(--text);--page-bg: var(--bg);--border-color: var(--border);--sidebar-bg: var(--surface);--button-bg: var(--surface3);--button-text: var(--text);--button-hover-bg: var(--surface3);--button-active-bg: var(--accent);--accent-text: #0b0c0e;--landing-gradient: linear-gradient(135deg, #0e0f11 0%, #16171b 100%);--landing-text: #e8e6e1;--landing-button-bg: #c8f56e;--landing-button-text: #111111;--landing-toggle-bg: rgba(22, 23, 27, .9);--landing-toggle-text: #e8e6e1}body{font-family:var(--font-sans);background-color:var(--page-bg);color:var(--editor-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,kbd,samp{font-family:var(--font-mono)}::selection{background-color:var(--accent);color:var(--accent-text)}