/* Universe UI 0.3.0 — compact monochrome visual contract.
   Canonical source for consumers and the preview. No remote assets. */
[data-universe-ui] {
  color-scheme: light;
  --u-bg: #f5f5f5;
  --u-surface: #ffffff;
  --u-subtle: #ededed;
  --u-surface-soft: #fafafa;
  --u-fg: #202020;
  --u-muted: #686868;
  --u-line: #e4e4e4;
  --u-control-border: #8c8c8c;
  --u-primary: #202020;
  --u-on-primary: #ffffff;
  --u-accent: var(--u-fg);
  --u-focus: var(--u-fg);
  --u-accent-soft: var(--u-subtle);
  --u-primary-hover: #383838;
  --u-primary-active: #111111;
  --u-disabled-bg: #e9e9e9;
  --u-disabled-fg: #767676;
  /* Preserve semantic interfaces; distinguish states with icons and wording. */
  --u-success-fg: var(--u-muted);
  --u-success-bg: var(--u-subtle);
  --u-warning-fg: var(--u-fg);
  --u-warning-bg: var(--u-subtle);
  --u-danger-fg: var(--u-fg);
  --u-danger-bg: var(--u-subtle);
  --u-info-fg: var(--u-muted);
  --u-info-bg: var(--u-subtle);
  --u-overlay: rgb(0 0 0 / 28%);
  --u-shadow-panel: 0 1px 2px rgb(0 0 0 / 3%), 0 12px 36px -12px rgb(0 0 0 / 9%);
  --u-shadow-header: 0 1px 2px rgb(0 0 0 / 3%), 0 12px 40px -14px rgb(0 0 0 / 12%);
  --u-shadow-hover: 0 2px 4px rgb(0 0 0 / 3%), 0 18px 44px -14px rgb(0 0 0 / 14%);
  --u-shadow-selected: 0 1px 3px rgb(0 0 0 / 7%), 0 3px 8px rgb(0 0 0 / 3%);
  --u-shadow-inset: inset 0 2px 4px rgb(0 0 0 / 2%);
  --u-shadow-dialog: 0 24px 80px rgb(0 0 0 / 18%);
  --u-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --u-font-heading: var(--u-font);
  --u-text-body: 14px;
  --u-text-reading: 14px;
  --u-text-ui: 13px;
  --u-text-small: 12px;
  --u-text-title: 24px;
  --u-text-section: 16px;
  --u-text-editor: 15px;
  --u-text-brand: 18px;
  --u-text-caption: 12px;
  --u-leading-body: 1.65;
  --u-leading-reading: 1.65;
  --u-leading-editor: 1.65;
  --u-leading-ui: 1.5;
  --u-leading-title: 1.3;
  --u-leading-brand: 1.2;
  --u-weight-regular: 400;
  --u-weight-medium: 500;
  --u-weight-heading: 600;
  --u-tracking-text: 0em;
  --u-tracking-heading: 0em;
  --u-tracking-caption: .04em;
  --u-tracking-latin: .12em;
  --u-measure-reading: 42em;
  --u-space-1: 4px;
  --u-space-2: 8px;
  --u-space-3: 12px;
  --u-space-4: 16px;
  --u-space-6: 24px;
  --u-space-8: 32px;
  --u-space-12: 48px;
  --u-space-16: 64px;
  --u-radius-control: 16px;
  --u-radius-panel: 24px;
  --u-radius-dialog: 28px;
  --u-radius-pill: 999px;
  --u-control-height: 36px;
  --u-control-compact-height: 32px;
  --u-control-padding-y: 7px;
  --u-control-compact-padding-y: 5px;
  --u-duration: 180ms;
  --u-duration-enter: 180ms;
  --u-ease: cubic-bezier(.22, 1, .36, 1);
  --u-page-max: 880px;
  --u-page-gutter: 0px;
  --u-reading-max: 720px;
  --u-aside-width: 272px;
  --u-editor-height: 104px;
}
[data-universe-ui][data-theme="dark"],
[data-theme="dark"] [data-universe-ui]:not([data-theme="light"]) {
  color-scheme: dark;
  --u-bg: #191919;
  --u-surface: #242424;
  --u-surface-soft: #202020;
  --u-subtle: #303030;
  --u-fg: #f4f4f4;
  --u-muted: #b2b2b2;
  --u-line: #393939;
  --u-control-border: #858585;
  --u-primary: #f4f4f4;
  --u-on-primary: #202020;
  --u-primary-hover: #e0e0e0;
  --u-primary-active: #cccccc;
  --u-disabled-bg: #333333;
  --u-disabled-fg: #999999;
  --u-overlay: rgb(0 0 0 / 60%);
  --u-shadow-panel: 0 1px 2px rgb(0 0 0 / 12%), 0 12px 36px -12px rgb(0 0 0 / 28%);
  --u-shadow-header: 0 1px 2px rgb(0 0 0 / 12%), 0 12px 40px -14px rgb(0 0 0 / 36%);
  --u-shadow-hover: 0 2px 4px rgb(0 0 0 / 12%), 0 18px 44px -14px rgb(0 0 0 / 42%);
  --u-shadow-selected: 0 1px 3px rgb(0 0 0 / 14%), 0 3px 8px rgb(0 0 0 / 8%);
  --u-shadow-inset: inset 0 2px 4px rgb(0 0 0 / 8%);
  --u-shadow-dialog: 0 24px 80px rgb(0 0 0 / 35%);
}
@media (prefers-reduced-motion: reduce) {
  [data-universe-ui] { --u-duration: 0ms; --u-duration-enter: 0ms; }
}
@media (max-width: 767px) {
  [data-universe-ui] { --u-text-title: 22px; --u-text-editor: 16px; --u-radius-panel: 20px; --u-radius-dialog: 24px; --u-control-height: 40px; --u-control-compact-height: 36px; --u-control-padding-y: 9px; --u-control-compact-padding-y: 7px; }
}