:root {

  color-scheme: light;

  --bg: #ffffff;

  --bg-secondary: #f9f9f9;

  --text: #0d0d0d;

  --text-secondary: #6e6e6e;

  --text-tertiary: #999999;

  --border: #e5e5e5;

  --border-light: #efefef;

  --accent: #0d0d0d;

  --accent-hover: #333333;

  --accent-contrast: #ffffff;

  --danger: #ef4444;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);

  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);

  --shadow-lg: 0 8px 30px rgba(0,0,0,0.10);

  --radius: 12px;

  --radius-lg: 16px;

  --radius-full: 9999px;

  --sidebar-w: 52px;

  --sidebar-w-expanded: 244px;

  --sidebar-active-w: var(--sidebar-w);

  --document-viewer-w: min(720px, 46vw);

  --content-max: 1040px;

  --composer-max: 820px;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);

  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);

  --motion-fast: 140ms;

  --motion-medium: 200ms;

  --transition: var(--motion-fast) var(--ease-out);

  --code-bg: #f6f8fa;

  --code-header-bg: #eef1f4;

  --code-border: #e5e7eb;

  --code-text: #24292f;

  --code-inline-bg: #fce8ef;

  --code-inline-text: #9b2335;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}

*, *::before, *::after { box-sizing: border-box; }

html, body {

  width: 100%;

  height: 100%;

  margin: 0;

}

body {

  background: var(--bg);

  color: var(--text);

  font-size: 16px;

  line-height: 1.5;

  -webkit-font-smoothing: antialiased;

  overflow-x: hidden;

}

#app {

  min-width: 0;

  min-height: 100dvh;

}