/* Inkstone — GENERATED by tools/build-tokens.mjs from core/tokens — do not edit by hand. */
:root, [data-theme="dark"] {
  --bg-sunken: #0e0e0d;
  --bg-canvas: #141413;
  --bg-surface: #1b1b19;
  --bg-raised: #232321;
  --bg-overlay: #2b2a28;
  --fill-hover: rgba(236,233,226,0.06);
  --fill-selected: rgba(236,233,226,0.10);
  --scrim: rgba(0,0,0,0.60);
  --fg-primary: #edebe6;
  --fg-secondary: #b8b5ac;
  --fg-muted: #94918a;
  --fg-disabled: #5f5d58;
  --border-subtle: rgba(236,233,226,0.06);
  --border-default: rgba(236,233,226,0.10);
  --border-strong: rgba(236,233,226,0.18);
  --border-control: #7a776f;
  --accent: #97acc8;
  --accent-hover: #aabdd6;
  --accent-subtle: rgba(151,172,200,0.14);
  --on-accent: var(--bg-canvas);
  --focus-ring: var(--accent);
  --success: #7cc69a;
  --warning: #e3b55f;
  --reward: #e3b55f;
  --danger: #f0817a;
  --success-subtle: rgba(124,198,154,0.14);
  --warning-subtle: rgba(227,181,95,0.14);
  --danger-subtle: rgba(240,129,122,0.14);
  --market-up: #f0626b;
  --market-down: #4fcf8e;
  --market-flat: var(--fg-muted);
  --market-up-subtle: rgba(240,98,107,0.14);
  --market-down-subtle: rgba(79,207,142,0.14);
  --series-1: var(--accent);
  --series-2: #c1c494;
  --series-3: #b59392;
  --series-4: #bce4e5;
  --on-market: var(--bg-canvas);
  --shadow-color: rgba(0,0,0,0.55);
  --shadow-overlay: 0 0 0 1px var(--border-default), 0 12px 32px var(--shadow-color);
  --button-primary-bg: var(--accent);
  --button-primary-bg-hover: var(--accent-hover);
  --button-primary-fg: var(--on-accent);
  --button-secondary-bg: var(--bg-raised);
  --button-secondary-bg-hover: var(--bg-overlay);
  --button-secondary-border: var(--border-strong);
  --button-secondary-fg: var(--fg-primary);
  --button-ghost-fg: var(--fg-secondary);
  --button-ghost-bg-hover: var(--fill-hover);
  --button-danger-fg: var(--danger);
  --button-danger-bg-hover: var(--danger-subtle);
  --button-link-fg: var(--accent);
  --input-bg: var(--bg-sunken);
  --input-border: var(--border-control);
  --input-border-focus: var(--focus-ring);
  --input-border-error: var(--danger);
  --input-placeholder: var(--fg-muted);
  --card-bg: var(--bg-surface);
  --card-border: var(--border-default);
  --segmented-track-bg: var(--bg-raised);
  --segmented-selected-bg: var(--bg-overlay);
  --segmented-fg: var(--fg-secondary);
  --segmented-fg-selected: var(--fg-primary);
  --tab-bar-bg: var(--bg-overlay);
  --tab-bar-fg: var(--fg-secondary);
  --tab-bar-fg-selected: var(--accent);
  --table-row-border: var(--border-subtle);
  --table-header-border: var(--border-default);
  --table-row-bg-hover: var(--fill-hover);
  --table-row-bg-selected: var(--fill-selected);
  --nav-item-fg: var(--fg-secondary);
  --nav-item-fg-selected: var(--fg-primary);
  --nav-item-bg-hover: var(--fill-hover);
  --nav-item-bg-selected: var(--fill-selected);
  --checkbox-border: var(--border-control);
  --checkbox-bg: var(--bg-sunken);
  --checkbox-bg-checked: var(--accent);
  --checkbox-fg-checked: var(--on-accent);
  --switch-track-bg: var(--border-control);
  --switch-track-bg-checked: var(--accent);
  --switch-thumb-bg: var(--fg-primary);
  --slider-track-bg: var(--border-strong);
  --slider-fill: var(--accent);
  --slider-thumb-bg: var(--fg-primary);
  --chip-bg: var(--bg-raised);
  --chip-border: var(--border-strong);
  --chip-fg: var(--fg-secondary);
  --chip-bg-selected: var(--accent-subtle);
  --chip-border-selected: var(--accent-subtle);
  --chip-fg-selected: var(--accent);
  --menu-bg: var(--bg-overlay);
  --menu-separator: var(--border-default);
  --menu-item-fg: var(--fg-primary);
  --menu-item-fg-muted: var(--fg-muted);
  --menu-item-bg-hover: var(--fill-selected);
  --dialog-bg: var(--bg-overlay);
  --sheet-bg: var(--bg-overlay);
  --popover-bg: var(--bg-overlay);
  --tooltip-bg: var(--bg-overlay);
  --tooltip-fg: var(--fg-primary);
  --toast-bg: var(--bg-overlay);
  --progress-track: var(--border-strong);
  --progress-fill: var(--accent);
  --skeleton-bg: var(--fill-selected);
  --tabs-fg: var(--fg-secondary);
  --tabs-fg-selected: var(--fg-primary);
  --tabs-indicator: var(--accent);
  --tabs-border: var(--border-default);
  --app-bar-border: var(--border-subtle);
  --toolbar-bg: var(--bg-overlay);
  --list-bg: var(--bg-surface);
  --list-separator: var(--border-subtle);
  --list-item-bg-hover: var(--fill-hover);
  --list-item-bg-selected: var(--fill-selected);
  --avatar-bg: var(--fill-selected);
  --avatar-fg: var(--fg-secondary);
  --split-divider: var(--border-default);
  --split-grip: var(--border-strong);
  --pane-header-bg: var(--bg-surface);
  --pane-active: var(--accent);
  --pane-stage-bg: var(--bg-sunken);
  --player-controls-bg: var(--bg-overlay);
  --player-backdrop: var(--bg-sunken);
  --graph-group-bg: var(--bg-surface);
  --graph-node-bg: var(--bg-raised);
  --graph-node-border: var(--border-default);
  --graph-edge: var(--border-strong);
  --graph-edge-active: var(--accent);
  --chart-grid: var(--border-subtle);
  --chart-axis: var(--fg-muted);
  --chart-crosshair: var(--border-strong);
  --chart-area: var(--accent-subtle);
  --chart-volume-up: rgba(240,98,107,0.45);
  --chart-volume-down: rgba(79,207,142,0.45);
  --gauge-track: var(--border-strong);
  --date-picker-range-bg: var(--accent-subtle);
  --code-bg: var(--bg-sunken);
}
[data-theme="light"] {
  --bg-sunken: #edebe6;
  --bg-canvas: #f5f3ef;
  --bg-surface: #fbfaf8;
  --bg-raised: #e4e1da;
  --bg-overlay: #ffffff;
  --fill-hover: rgba(20,20,19,0.05);
  --fill-selected: rgba(20,20,19,0.08);
  --scrim: rgba(0,0,0,0.32);
  --fg-primary: #141413;
  --fg-secondary: #45433f;
  --fg-muted: #5f5d58;
  --fg-disabled: #94918a;
  --border-subtle: rgba(20,20,19,0.07);
  --border-default: rgba(20,20,19,0.11);
  --border-strong: rgba(20,20,19,0.20);
  --border-control: #7a776f;
  --accent: #3f5c83;
  --accent-hover: #334b6b;
  --accent-subtle: rgba(63,92,131,0.12);
  --on-accent: #ffffff;
  --focus-ring: var(--accent);
  --success: #286a43;
  --warning: #7c5812;
  --reward: #a87610;
  --danger: #ab332b;
  --success-subtle: rgba(40,106,67,0.12);
  --warning-subtle: rgba(124,88,18,0.12);
  --danger-subtle: rgba(171,51,43,0.12);
  --market-up: #9e2129;
  --market-down: #196b42;
  --market-flat: var(--fg-muted);
  --market-up-subtle: rgba(158,33,41,0.12);
  --market-down-subtle: rgba(25,107,66,0.12);
  --series-1: var(--accent);
  --series-2: #707237;
  --series-3: #7c5150;
  --series-4: #2d7476;
  --on-market: #ffffff;
  --shadow-color: rgba(0,0,0,0.16);
  --shadow-overlay: 0 0 0 1px var(--border-default), 0 12px 32px var(--shadow-color);
  --button-primary-bg: var(--accent);
  --button-primary-bg-hover: var(--accent-hover);
  --button-primary-fg: var(--on-accent);
  --button-secondary-bg: var(--bg-raised);
  --button-secondary-bg-hover: var(--bg-overlay);
  --button-secondary-border: var(--border-strong);
  --button-secondary-fg: var(--fg-primary);
  --button-ghost-fg: var(--fg-secondary);
  --button-ghost-bg-hover: var(--fill-hover);
  --button-danger-fg: var(--danger);
  --button-danger-bg-hover: var(--danger-subtle);
  --button-link-fg: var(--accent);
  --input-bg: var(--bg-sunken);
  --input-border: var(--border-control);
  --input-border-focus: var(--focus-ring);
  --input-border-error: var(--danger);
  --input-placeholder: var(--fg-muted);
  --card-bg: var(--bg-surface);
  --card-border: var(--border-default);
  --segmented-track-bg: var(--bg-raised);
  --segmented-selected-bg: var(--bg-overlay);
  --segmented-fg: var(--fg-secondary);
  --segmented-fg-selected: var(--fg-primary);
  --tab-bar-bg: var(--bg-overlay);
  --tab-bar-fg: var(--fg-secondary);
  --tab-bar-fg-selected: var(--accent);
  --table-row-border: var(--border-subtle);
  --table-header-border: var(--border-default);
  --table-row-bg-hover: var(--fill-hover);
  --table-row-bg-selected: var(--fill-selected);
  --nav-item-fg: var(--fg-secondary);
  --nav-item-fg-selected: var(--fg-primary);
  --nav-item-bg-hover: var(--fill-hover);
  --nav-item-bg-selected: var(--fill-selected);
  --checkbox-border: var(--border-control);
  --checkbox-bg: var(--bg-sunken);
  --checkbox-bg-checked: var(--accent);
  --checkbox-fg-checked: var(--on-accent);
  --switch-track-bg: var(--border-control);
  --switch-track-bg-checked: var(--accent);
  --switch-thumb-bg: var(--bg-overlay);
  --slider-track-bg: var(--border-strong);
  --slider-fill: var(--accent);
  --slider-thumb-bg: var(--bg-overlay);
  --chip-bg: var(--bg-raised);
  --chip-border: var(--border-strong);
  --chip-fg: var(--fg-secondary);
  --chip-bg-selected: var(--accent-subtle);
  --chip-border-selected: var(--accent-subtle);
  --chip-fg-selected: var(--accent);
  --menu-bg: var(--bg-overlay);
  --menu-separator: var(--border-default);
  --menu-item-fg: var(--fg-primary);
  --menu-item-fg-muted: var(--fg-muted);
  --menu-item-bg-hover: var(--fill-selected);
  --dialog-bg: var(--bg-overlay);
  --sheet-bg: var(--bg-overlay);
  --popover-bg: var(--bg-overlay);
  --tooltip-bg: var(--bg-overlay);
  --tooltip-fg: var(--fg-primary);
  --toast-bg: var(--bg-overlay);
  --progress-track: var(--border-strong);
  --progress-fill: var(--accent);
  --skeleton-bg: var(--fill-selected);
  --tabs-fg: var(--fg-secondary);
  --tabs-fg-selected: var(--fg-primary);
  --tabs-indicator: var(--accent);
  --tabs-border: var(--border-default);
  --app-bar-border: var(--border-subtle);
  --toolbar-bg: var(--bg-overlay);
  --list-bg: var(--bg-surface);
  --list-separator: var(--border-subtle);
  --list-item-bg-hover: var(--fill-hover);
  --list-item-bg-selected: var(--fill-selected);
  --avatar-bg: var(--fill-selected);
  --avatar-fg: var(--fg-secondary);
  --split-divider: var(--border-default);
  --split-grip: var(--border-strong);
  --pane-header-bg: var(--bg-surface);
  --pane-active: var(--accent);
  --pane-stage-bg: var(--bg-sunken);
  --player-controls-bg: var(--bg-overlay);
  --player-backdrop: var(--bg-sunken);
  --graph-group-bg: var(--bg-surface);
  --graph-node-bg: var(--bg-raised);
  --graph-node-border: var(--border-default);
  --graph-edge: var(--border-strong);
  --graph-edge-active: var(--accent);
  --chart-grid: var(--border-subtle);
  --chart-axis: var(--fg-muted);
  --chart-crosshair: var(--border-strong);
  --chart-area: var(--accent-subtle);
  --chart-volume-up: rgba(158,33,41,0.45);
  --chart-volume-down: rgba(25,107,66,0.45);
  --gauge-track: var(--border-strong);
  --date-picker-range-bg: var(--accent-subtle);
  --code-bg: var(--bg-sunken);
}
[data-brand="exchangerate"], [data-brand="exchangerate"][data-theme="dark"], [data-brand="exchangerate"] [data-theme="dark"] {
  --bg-sunken: #05090c;
  --bg-canvas: #0b1116;
  --bg-surface: #162026;
  --bg-raised: #1f2b32;
  --bg-overlay: #263238;
  --fill-hover: rgba(236,233,226,0.06);
  --fill-selected: rgba(236,233,226,0.10);
  --scrim: rgba(0,0,0,0.60);
  --fg-primary: #e8eef1;
  --fg-secondary: #b8c2c8;
  --fg-muted: #95a1a8;
  --fg-disabled: #5f5d58;
  --border-subtle: rgba(236,233,226,0.06);
  --border-default: rgba(236,233,226,0.10);
  --border-strong: rgba(236,233,226,0.18);
  --border-control: #7a776f;
  --accent: #ef5350;
  --accent-hover: #f37b79;
  --accent-subtle: rgba(239,83,80,0.14);
  --on-accent: var(--bg-canvas);
  --focus-ring: var(--accent);
  --success: #7cc69a;
  --warning: #e3b55f;
  --reward: #e3b55f;
  --danger: #f0817a;
  --success-subtle: rgba(124,198,154,0.14);
  --warning-subtle: rgba(227,181,95,0.14);
  --danger-subtle: rgba(240,129,122,0.14);
  --market-up: #f0626b;
  --market-down: #4fcf8e;
  --market-flat: var(--fg-muted);
  --market-up-subtle: rgba(240,98,107,0.14);
  --market-down-subtle: rgba(79,207,142,0.14);
  --series-1: #6aa8ff;
  --series-2: #ad8cff;
  --series-3: #ffa04d;
  --series-4: #3fd08a;
  --on-market: var(--bg-canvas);
  --shadow-color: rgba(0,0,0,0.55);
  --shadow-overlay: 0 0 0 1px var(--border-default), 0 12px 32px var(--shadow-color);
  --button-primary-bg: var(--accent);
  --button-primary-bg-hover: var(--accent-hover);
  --button-primary-fg: var(--on-accent);
  --button-secondary-bg: var(--bg-raised);
  --button-secondary-bg-hover: var(--bg-overlay);
  --button-secondary-border: var(--border-strong);
  --button-secondary-fg: var(--fg-primary);
  --button-ghost-fg: var(--fg-secondary);
  --button-ghost-bg-hover: var(--fill-hover);
  --button-danger-fg: var(--danger);
  --button-danger-bg-hover: var(--danger-subtle);
  --button-link-fg: var(--accent);
  --input-bg: var(--bg-sunken);
  --input-border: var(--border-control);
  --input-border-focus: var(--focus-ring);
  --input-border-error: var(--danger);
  --input-placeholder: var(--fg-muted);
  --card-bg: var(--bg-surface);
  --card-border: var(--border-default);
  --segmented-track-bg: var(--bg-raised);
  --segmented-selected-bg: var(--bg-overlay);
  --segmented-fg: var(--fg-secondary);
  --segmented-fg-selected: var(--fg-primary);
  --tab-bar-bg: var(--bg-overlay);
  --tab-bar-fg: var(--fg-secondary);
  --tab-bar-fg-selected: var(--accent);
  --table-row-border: var(--border-subtle);
  --table-header-border: var(--border-default);
  --table-row-bg-hover: var(--fill-hover);
  --table-row-bg-selected: var(--fill-selected);
  --nav-item-fg: var(--fg-secondary);
  --nav-item-fg-selected: var(--fg-primary);
  --nav-item-bg-hover: var(--fill-hover);
  --nav-item-bg-selected: var(--fill-selected);
  --checkbox-border: var(--border-control);
  --checkbox-bg: var(--bg-sunken);
  --checkbox-bg-checked: var(--accent);
  --checkbox-fg-checked: var(--on-accent);
  --switch-track-bg: var(--border-control);
  --switch-track-bg-checked: var(--accent);
  --switch-thumb-bg: var(--fg-primary);
  --slider-track-bg: var(--border-strong);
  --slider-fill: var(--accent);
  --slider-thumb-bg: var(--fg-primary);
  --chip-bg: var(--bg-raised);
  --chip-border: var(--border-strong);
  --chip-fg: var(--fg-secondary);
  --chip-bg-selected: var(--accent-subtle);
  --chip-border-selected: var(--accent-subtle);
  --chip-fg-selected: var(--accent);
  --menu-bg: var(--bg-overlay);
  --menu-separator: var(--border-default);
  --menu-item-fg: var(--fg-primary);
  --menu-item-fg-muted: var(--fg-muted);
  --menu-item-bg-hover: var(--fill-selected);
  --dialog-bg: var(--bg-overlay);
  --sheet-bg: var(--bg-overlay);
  --popover-bg: var(--bg-overlay);
  --tooltip-bg: var(--bg-overlay);
  --tooltip-fg: var(--fg-primary);
  --toast-bg: var(--bg-overlay);
  --progress-track: var(--border-strong);
  --progress-fill: var(--accent);
  --skeleton-bg: var(--fill-selected);
  --tabs-fg: var(--fg-secondary);
  --tabs-fg-selected: var(--fg-primary);
  --tabs-indicator: var(--accent);
  --tabs-border: var(--border-default);
  --app-bar-border: var(--border-subtle);
  --toolbar-bg: var(--bg-overlay);
  --list-bg: var(--bg-surface);
  --list-separator: var(--border-subtle);
  --list-item-bg-hover: var(--fill-hover);
  --list-item-bg-selected: var(--fill-selected);
  --avatar-bg: var(--fill-selected);
  --avatar-fg: var(--fg-secondary);
  --split-divider: var(--border-default);
  --split-grip: var(--border-strong);
  --pane-header-bg: var(--bg-surface);
  --pane-active: var(--accent);
  --pane-stage-bg: var(--bg-sunken);
  --player-controls-bg: var(--bg-overlay);
  --player-backdrop: var(--bg-sunken);
  --graph-group-bg: var(--bg-surface);
  --graph-node-bg: var(--bg-raised);
  --graph-node-border: var(--border-default);
  --graph-edge: var(--border-strong);
  --graph-edge-active: var(--accent);
  --chart-grid: var(--border-subtle);
  --chart-axis: var(--fg-muted);
  --chart-crosshair: var(--border-strong);
  --chart-area: var(--accent-subtle);
  --chart-volume-up: rgba(240,98,107,0.45);
  --chart-volume-down: rgba(79,207,142,0.45);
  --gauge-track: var(--border-strong);
  --date-picker-range-bg: var(--accent-subtle);
  --code-bg: var(--bg-sunken);
}
[data-brand="exchangerate"][data-theme="light"], [data-brand="exchangerate"] [data-theme="light"], [data-theme="light"] [data-brand="exchangerate"] {
  --bg-sunken: #e9edef;
  --bg-canvas: #f3f5f6;
  --bg-surface: #fbfcfc;
  --bg-raised: #e3e8ea;
  --bg-overlay: #ffffff;
  --fill-hover: rgba(20,20,19,0.05);
  --fill-selected: rgba(20,20,19,0.08);
  --scrim: rgba(0,0,0,0.32);
  --fg-primary: #0b1116;
  --fg-secondary: #37474f;
  --fg-muted: #4f6570;
  --fg-disabled: #94918a;
  --border-subtle: rgba(20,20,19,0.07);
  --border-default: rgba(20,20,19,0.11);
  --border-strong: rgba(20,20,19,0.20);
  --border-control: #7a776f;
  --accent: #b3261e;
  --accent-hover: #931f19;
  --accent-subtle: rgba(179,38,30,0.10);
  --on-accent: #ffffff;
  --focus-ring: var(--accent);
  --success: #286a43;
  --warning: #7c5812;
  --reward: #a87610;
  --danger: #ab332b;
  --success-subtle: rgba(40,106,67,0.12);
  --warning-subtle: rgba(124,88,18,0.12);
  --danger-subtle: rgba(171,51,43,0.12);
  --market-up: #9e2129;
  --market-down: #196b42;
  --market-flat: var(--fg-muted);
  --market-up-subtle: rgba(158,33,41,0.12);
  --market-down-subtle: rgba(25,107,66,0.12);
  --series-1: #2f7ff0;
  --series-2: #8656f0;
  --series-3: #d96500;
  --series-4: #13a05e;
  --on-market: #ffffff;
  --shadow-color: rgba(0,0,0,0.16);
  --shadow-overlay: 0 0 0 1px var(--border-default), 0 12px 32px var(--shadow-color);
  --button-primary-bg: var(--accent);
  --button-primary-bg-hover: var(--accent-hover);
  --button-primary-fg: var(--on-accent);
  --button-secondary-bg: var(--bg-raised);
  --button-secondary-bg-hover: var(--bg-overlay);
  --button-secondary-border: var(--border-strong);
  --button-secondary-fg: var(--fg-primary);
  --button-ghost-fg: var(--fg-secondary);
  --button-ghost-bg-hover: var(--fill-hover);
  --button-danger-fg: var(--danger);
  --button-danger-bg-hover: var(--danger-subtle);
  --button-link-fg: var(--accent);
  --input-bg: var(--bg-sunken);
  --input-border: var(--border-control);
  --input-border-focus: var(--focus-ring);
  --input-border-error: var(--danger);
  --input-placeholder: var(--fg-muted);
  --card-bg: var(--bg-surface);
  --card-border: var(--border-default);
  --segmented-track-bg: var(--bg-raised);
  --segmented-selected-bg: var(--bg-overlay);
  --segmented-fg: var(--fg-secondary);
  --segmented-fg-selected: var(--fg-primary);
  --tab-bar-bg: var(--bg-overlay);
  --tab-bar-fg: var(--fg-secondary);
  --tab-bar-fg-selected: var(--accent);
  --table-row-border: var(--border-subtle);
  --table-header-border: var(--border-default);
  --table-row-bg-hover: var(--fill-hover);
  --table-row-bg-selected: var(--fill-selected);
  --nav-item-fg: var(--fg-secondary);
  --nav-item-fg-selected: var(--fg-primary);
  --nav-item-bg-hover: var(--fill-hover);
  --nav-item-bg-selected: var(--fill-selected);
  --checkbox-border: var(--border-control);
  --checkbox-bg: var(--bg-sunken);
  --checkbox-bg-checked: var(--accent);
  --checkbox-fg-checked: var(--on-accent);
  --switch-track-bg: var(--border-control);
  --switch-track-bg-checked: var(--accent);
  --switch-thumb-bg: var(--bg-overlay);
  --slider-track-bg: var(--border-strong);
  --slider-fill: var(--accent);
  --slider-thumb-bg: var(--bg-overlay);
  --chip-bg: var(--bg-raised);
  --chip-border: var(--border-strong);
  --chip-fg: var(--fg-secondary);
  --chip-bg-selected: var(--accent-subtle);
  --chip-border-selected: var(--accent-subtle);
  --chip-fg-selected: var(--accent);
  --menu-bg: var(--bg-overlay);
  --menu-separator: var(--border-default);
  --menu-item-fg: var(--fg-primary);
  --menu-item-fg-muted: var(--fg-muted);
  --menu-item-bg-hover: var(--fill-selected);
  --dialog-bg: var(--bg-overlay);
  --sheet-bg: var(--bg-overlay);
  --popover-bg: var(--bg-overlay);
  --tooltip-bg: var(--bg-overlay);
  --tooltip-fg: var(--fg-primary);
  --toast-bg: var(--bg-overlay);
  --progress-track: var(--border-strong);
  --progress-fill: var(--accent);
  --skeleton-bg: var(--fill-selected);
  --tabs-fg: var(--fg-secondary);
  --tabs-fg-selected: var(--fg-primary);
  --tabs-indicator: var(--accent);
  --tabs-border: var(--border-default);
  --app-bar-border: var(--border-subtle);
  --toolbar-bg: var(--bg-overlay);
  --list-bg: var(--bg-surface);
  --list-separator: var(--border-subtle);
  --list-item-bg-hover: var(--fill-hover);
  --list-item-bg-selected: var(--fill-selected);
  --avatar-bg: var(--fill-selected);
  --avatar-fg: var(--fg-secondary);
  --split-divider: var(--border-default);
  --split-grip: var(--border-strong);
  --pane-header-bg: var(--bg-surface);
  --pane-active: var(--accent);
  --pane-stage-bg: var(--bg-sunken);
  --player-controls-bg: var(--bg-overlay);
  --player-backdrop: var(--bg-sunken);
  --graph-group-bg: var(--bg-surface);
  --graph-node-bg: var(--bg-raised);
  --graph-node-border: var(--border-default);
  --graph-edge: var(--border-strong);
  --graph-edge-active: var(--accent);
  --chart-grid: var(--border-subtle);
  --chart-axis: var(--fg-muted);
  --chart-crosshair: var(--border-strong);
  --chart-area: var(--accent-subtle);
  --chart-volume-up: rgba(158,33,41,0.45);
  --chart-volume-down: rgba(25,107,66,0.45);
  --gauge-track: var(--border-strong);
  --date-picker-range-bg: var(--accent-subtle);
  --code-bg: var(--bg-sunken);
}
[data-brand="meditation"], [data-brand="meditation"][data-theme="dark"], [data-brand="meditation"] [data-theme="dark"] {
  --bg-sunken: #051230;
  --bg-canvas: #0b1a3a;
  --bg-surface: #12244a;
  --bg-raised: #17305e;
  --bg-overlay: #1e3a6b;
  --fill-hover: rgba(236,233,226,0.06);
  --fill-selected: rgba(236,233,226,0.10);
  --scrim: rgba(0,0,0,0.60);
  --fg-primary: #e6ecf5;
  --fg-secondary: #b6bfc1;
  --fg-muted: #97a6bc;
  --fg-disabled: #5f5d58;
  --border-subtle: rgba(236,233,226,0.06);
  --border-default: rgba(236,233,226,0.10);
  --border-strong: rgba(236,233,226,0.18);
  --border-control: #7a776f;
  --accent: #97acc8;
  --accent-hover: #aabdd6;
  --accent-subtle: rgba(151,172,200,0.14);
  --on-accent: var(--bg-canvas);
  --focus-ring: var(--accent);
  --success: #7cc69a;
  --warning: #e3b55f;
  --reward: #e3b55f;
  --danger: #f0817a;
  --success-subtle: rgba(124,198,154,0.14);
  --warning-subtle: rgba(227,181,95,0.14);
  --danger-subtle: rgba(240,129,122,0.14);
  --market-up: #f0626b;
  --market-down: #4fcf8e;
  --market-flat: var(--fg-muted);
  --market-up-subtle: rgba(240,98,107,0.14);
  --market-down-subtle: rgba(79,207,142,0.14);
  --series-1: var(--accent);
  --series-2: #c1c494;
  --series-3: #b59392;
  --series-4: #bce4e5;
  --on-market: var(--bg-canvas);
  --shadow-color: rgba(0,0,0,0.55);
  --shadow-overlay: 0 0 0 1px var(--border-default), 0 12px 32px var(--shadow-color);
  --button-primary-bg: var(--accent);
  --button-primary-bg-hover: var(--accent-hover);
  --button-primary-fg: var(--on-accent);
  --button-secondary-bg: var(--bg-raised);
  --button-secondary-bg-hover: var(--bg-overlay);
  --button-secondary-border: var(--border-strong);
  --button-secondary-fg: var(--fg-primary);
  --button-ghost-fg: var(--fg-secondary);
  --button-ghost-bg-hover: var(--fill-hover);
  --button-danger-fg: var(--danger);
  --button-danger-bg-hover: var(--danger-subtle);
  --button-link-fg: var(--accent);
  --input-bg: var(--bg-sunken);
  --input-border: var(--border-control);
  --input-border-focus: var(--focus-ring);
  --input-border-error: var(--danger);
  --input-placeholder: var(--fg-muted);
  --card-bg: var(--bg-surface);
  --card-border: var(--border-default);
  --segmented-track-bg: var(--bg-raised);
  --segmented-selected-bg: var(--bg-overlay);
  --segmented-fg: var(--fg-secondary);
  --segmented-fg-selected: var(--fg-primary);
  --tab-bar-bg: var(--bg-overlay);
  --tab-bar-fg: var(--fg-secondary);
  --tab-bar-fg-selected: var(--accent);
  --table-row-border: var(--border-subtle);
  --table-header-border: var(--border-default);
  --table-row-bg-hover: var(--fill-hover);
  --table-row-bg-selected: var(--fill-selected);
  --nav-item-fg: var(--fg-secondary);
  --nav-item-fg-selected: var(--fg-primary);
  --nav-item-bg-hover: var(--fill-hover);
  --nav-item-bg-selected: var(--fill-selected);
  --checkbox-border: var(--border-control);
  --checkbox-bg: var(--bg-sunken);
  --checkbox-bg-checked: var(--accent);
  --checkbox-fg-checked: var(--on-accent);
  --switch-track-bg: var(--border-control);
  --switch-track-bg-checked: var(--accent);
  --switch-thumb-bg: var(--fg-primary);
  --slider-track-bg: var(--border-strong);
  --slider-fill: var(--accent);
  --slider-thumb-bg: var(--fg-primary);
  --chip-bg: var(--bg-raised);
  --chip-border: var(--border-strong);
  --chip-fg: var(--fg-secondary);
  --chip-bg-selected: var(--accent-subtle);
  --chip-border-selected: var(--accent-subtle);
  --chip-fg-selected: var(--accent);
  --menu-bg: var(--bg-overlay);
  --menu-separator: var(--border-default);
  --menu-item-fg: var(--fg-primary);
  --menu-item-fg-muted: var(--fg-muted);
  --menu-item-bg-hover: var(--fill-selected);
  --dialog-bg: var(--bg-overlay);
  --sheet-bg: var(--bg-overlay);
  --popover-bg: var(--bg-overlay);
  --tooltip-bg: var(--bg-overlay);
  --tooltip-fg: var(--fg-primary);
  --toast-bg: var(--bg-overlay);
  --progress-track: var(--border-strong);
  --progress-fill: var(--accent);
  --skeleton-bg: var(--fill-selected);
  --tabs-fg: var(--fg-secondary);
  --tabs-fg-selected: var(--fg-primary);
  --tabs-indicator: var(--accent);
  --tabs-border: var(--border-default);
  --app-bar-border: var(--border-subtle);
  --toolbar-bg: var(--bg-overlay);
  --list-bg: var(--bg-surface);
  --list-separator: var(--border-subtle);
  --list-item-bg-hover: var(--fill-hover);
  --list-item-bg-selected: var(--fill-selected);
  --avatar-bg: var(--fill-selected);
  --avatar-fg: var(--fg-secondary);
  --split-divider: var(--border-default);
  --split-grip: var(--border-strong);
  --pane-header-bg: var(--bg-surface);
  --pane-active: var(--accent);
  --pane-stage-bg: var(--bg-sunken);
  --player-controls-bg: var(--bg-overlay);
  --player-backdrop: var(--bg-sunken);
  --graph-group-bg: var(--bg-surface);
  --graph-node-bg: var(--bg-raised);
  --graph-node-border: var(--border-default);
  --graph-edge: var(--border-strong);
  --graph-edge-active: var(--accent);
  --chart-grid: var(--border-subtle);
  --chart-axis: var(--fg-muted);
  --chart-crosshair: var(--border-strong);
  --chart-area: var(--accent-subtle);
  --chart-volume-up: rgba(240,98,107,0.45);
  --chart-volume-down: rgba(79,207,142,0.45);
  --gauge-track: var(--border-strong);
  --date-picker-range-bg: var(--accent-subtle);
  --code-bg: var(--bg-sunken);
}
[data-brand="meditation"][data-theme="light"], [data-brand="meditation"] [data-theme="light"], [data-theme="light"] [data-brand="meditation"] {
  --bg-sunken: #edebe6;
  --bg-canvas: #f5f3ef;
  --bg-surface: #fbfaf8;
  --bg-raised: #e4e1da;
  --bg-overlay: #ffffff;
  --fill-hover: rgba(20,20,19,0.05);
  --fill-selected: rgba(20,20,19,0.08);
  --scrim: rgba(0,0,0,0.32);
  --fg-primary: #141413;
  --fg-secondary: #45433f;
  --fg-muted: #5f5d58;
  --fg-disabled: #94918a;
  --border-subtle: rgba(20,20,19,0.07);
  --border-default: rgba(20,20,19,0.11);
  --border-strong: rgba(20,20,19,0.20);
  --border-control: #7a776f;
  --accent: #3f5c83;
  --accent-hover: #334b6b;
  --accent-subtle: rgba(63,92,131,0.12);
  --on-accent: #ffffff;
  --focus-ring: var(--accent);
  --success: #286a43;
  --warning: #7c5812;
  --reward: #a87610;
  --danger: #ab332b;
  --success-subtle: rgba(40,106,67,0.12);
  --warning-subtle: rgba(124,88,18,0.12);
  --danger-subtle: rgba(171,51,43,0.12);
  --market-up: #9e2129;
  --market-down: #196b42;
  --market-flat: var(--fg-muted);
  --market-up-subtle: rgba(158,33,41,0.12);
  --market-down-subtle: rgba(25,107,66,0.12);
  --series-1: var(--accent);
  --series-2: #707237;
  --series-3: #7c5150;
  --series-4: #2d7476;
  --on-market: #ffffff;
  --shadow-color: rgba(0,0,0,0.16);
  --shadow-overlay: 0 0 0 1px var(--border-default), 0 12px 32px var(--shadow-color);
  --button-primary-bg: var(--accent);
  --button-primary-bg-hover: var(--accent-hover);
  --button-primary-fg: var(--on-accent);
  --button-secondary-bg: var(--bg-raised);
  --button-secondary-bg-hover: var(--bg-overlay);
  --button-secondary-border: var(--border-strong);
  --button-secondary-fg: var(--fg-primary);
  --button-ghost-fg: var(--fg-secondary);
  --button-ghost-bg-hover: var(--fill-hover);
  --button-danger-fg: var(--danger);
  --button-danger-bg-hover: var(--danger-subtle);
  --button-link-fg: var(--accent);
  --input-bg: var(--bg-sunken);
  --input-border: var(--border-control);
  --input-border-focus: var(--focus-ring);
  --input-border-error: var(--danger);
  --input-placeholder: var(--fg-muted);
  --card-bg: var(--bg-surface);
  --card-border: var(--border-default);
  --segmented-track-bg: var(--bg-raised);
  --segmented-selected-bg: var(--bg-overlay);
  --segmented-fg: var(--fg-secondary);
  --segmented-fg-selected: var(--fg-primary);
  --tab-bar-bg: var(--bg-overlay);
  --tab-bar-fg: var(--fg-secondary);
  --tab-bar-fg-selected: var(--accent);
  --table-row-border: var(--border-subtle);
  --table-header-border: var(--border-default);
  --table-row-bg-hover: var(--fill-hover);
  --table-row-bg-selected: var(--fill-selected);
  --nav-item-fg: var(--fg-secondary);
  --nav-item-fg-selected: var(--fg-primary);
  --nav-item-bg-hover: var(--fill-hover);
  --nav-item-bg-selected: var(--fill-selected);
  --checkbox-border: var(--border-control);
  --checkbox-bg: var(--bg-sunken);
  --checkbox-bg-checked: var(--accent);
  --checkbox-fg-checked: var(--on-accent);
  --switch-track-bg: var(--border-control);
  --switch-track-bg-checked: var(--accent);
  --switch-thumb-bg: var(--bg-overlay);
  --slider-track-bg: var(--border-strong);
  --slider-fill: var(--accent);
  --slider-thumb-bg: var(--bg-overlay);
  --chip-bg: var(--bg-raised);
  --chip-border: var(--border-strong);
  --chip-fg: var(--fg-secondary);
  --chip-bg-selected: var(--accent-subtle);
  --chip-border-selected: var(--accent-subtle);
  --chip-fg-selected: var(--accent);
  --menu-bg: var(--bg-overlay);
  --menu-separator: var(--border-default);
  --menu-item-fg: var(--fg-primary);
  --menu-item-fg-muted: var(--fg-muted);
  --menu-item-bg-hover: var(--fill-selected);
  --dialog-bg: var(--bg-overlay);
  --sheet-bg: var(--bg-overlay);
  --popover-bg: var(--bg-overlay);
  --tooltip-bg: var(--bg-overlay);
  --tooltip-fg: var(--fg-primary);
  --toast-bg: var(--bg-overlay);
  --progress-track: var(--border-strong);
  --progress-fill: var(--accent);
  --skeleton-bg: var(--fill-selected);
  --tabs-fg: var(--fg-secondary);
  --tabs-fg-selected: var(--fg-primary);
  --tabs-indicator: var(--accent);
  --tabs-border: var(--border-default);
  --app-bar-border: var(--border-subtle);
  --toolbar-bg: var(--bg-overlay);
  --list-bg: var(--bg-surface);
  --list-separator: var(--border-subtle);
  --list-item-bg-hover: var(--fill-hover);
  --list-item-bg-selected: var(--fill-selected);
  --avatar-bg: var(--fill-selected);
  --avatar-fg: var(--fg-secondary);
  --split-divider: var(--border-default);
  --split-grip: var(--border-strong);
  --pane-header-bg: var(--bg-surface);
  --pane-active: var(--accent);
  --pane-stage-bg: var(--bg-sunken);
  --player-controls-bg: var(--bg-overlay);
  --player-backdrop: var(--bg-sunken);
  --graph-group-bg: var(--bg-surface);
  --graph-node-bg: var(--bg-raised);
  --graph-node-border: var(--border-default);
  --graph-edge: var(--border-strong);
  --graph-edge-active: var(--accent);
  --chart-grid: var(--border-subtle);
  --chart-axis: var(--fg-muted);
  --chart-crosshair: var(--border-strong);
  --chart-area: var(--accent-subtle);
  --chart-volume-up: rgba(158,33,41,0.45);
  --chart-volume-down: rgba(25,107,66,0.45);
  --gauge-track: var(--border-strong);
  --date-picker-range-bg: var(--accent-subtle);
  --code-bg: var(--bg-sunken);
}
:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang TC", "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "PingFang TC", "Noto Sans TC", monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  --control-sm: 28px;
  --control-md: 32px;
  --control-lg: 44px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-stroke: 1.5px;
  --sidebar-width: 232px;
  --breakpoint-medium: 600px;
  --breakpoint-expanded: 1024px;
  --breakpoint-large: 1440px;
  --stroke-hairline: 1px;
  --stroke-focus: 2px;
  --focus-offset: 2px;
  --duration-fast: 120ms;
  --duration-base: 180ms;
  --duration-slow: 240ms;
  --easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --control-height: var(--control-md);
  --control-height-dense: var(--control-sm);
  --page-margin: var(--space-6);
  --button-height: var(--control-height);
  --button-height-dense: var(--control-height-dense);
  --button-radius: var(--radius-sm);
  --button-padding-x: var(--space-3);
  --input-height: var(--control-height);
  --input-radius: var(--radius-sm);
  --input-padding-x: var(--space-3);
  --badge-height: 20px;
  --badge-radius: var(--radius-full);
  --badge-padding-x: var(--space-2);
  --badge-dot-size: 6px;
  --change-pill-height: var(--badge-height);
  --change-pill-min-width: 0px;
  --change-pill-radius: var(--radius-full);
  --card-radius: var(--radius-md);
  --card-padding: var(--space-4);
  --stat-spark-height: 32px;
  --stat-spark-stroke: 1.5px;
  --segmented-height: var(--control-sm);
  --segmented-radius: var(--radius-sm);
  --segmented-padding: 2px;
  --tab-bar-height: 64px;
  --table-row-height: var(--control-height);
  --table-header-height: var(--control-height-dense);
  --table-cell-padding-x: var(--space-3);
  --nav-item-height: var(--control-height);
  --nav-item-radius: var(--radius-sm);
  --checkbox-size: 16px;
  --checkbox-radius: var(--radius-xs);
  --radio-size: var(--checkbox-size);
  --radio-dot-size: 6px;
  --switch-width: 36px;
  --switch-height: 20px;
  --switch-thumb-gap: 2px;
  --slider-track-height: 4px;
  --slider-thumb-size: 16px;
  --chip-height: var(--control-sm);
  --chip-radius: var(--radius-full);
  --chip-padding-x: var(--space-3);
  --menu-min-width: 200px;
  --menu-padding: var(--space-1);
  --menu-radius: var(--radius-md);
  --menu-item-height: var(--control-height-dense);
  --menu-item-padding-x: var(--space-2);
  --menu-item-radius: var(--radius-xs);
  --dialog-width: 480px;
  --dialog-alert-width: 400px;
  --dialog-padding: var(--space-6);
  --dialog-radius: var(--radius-lg);
  --sheet-width: 360px;
  --sheet-radius: var(--radius-lg);
  --sheet-grabber-width: 36px;
  --sheet-grabber-height: 5px;
  --popover-min-width: 240px;
  --popover-padding: var(--space-3);
  --popover-radius: var(--radius-md);
  --tooltip-max-width: 240px;
  --tooltip-padding-x: var(--space-2);
  --tooltip-padding-y: var(--space-1);
  --tooltip-radius: var(--radius-sm);
  --toast-max-width: 420px;
  --toast-padding: var(--space-3);
  --toast-radius: var(--radius-md);
  --banner-padding: var(--space-3);
  --banner-radius: var(--radius-md);
  --progress-height: 4px;
  --progress-spinner-size: var(--icon-md);
  --progress-spinner-stroke: 2px;
  --skeleton-radius: var(--radius-xs);
  --empty-icon-size: var(--control-lg);
  --empty-max-width: 480px;
  --tabs-height: var(--control-height);
  --tabs-gap: var(--space-5);
  --tabs-indicator-height: 2px;
  --tabs-height-lg: var(--control-lg);
  --tabs-gap-lg: var(--space-6);
  --tabs-icon-gap: var(--space-2);
  --app-bar-height: 48px;
  --toolbar-padding: var(--space-1);
  --toolbar-radius: var(--radius-md);
  --list-item-height: var(--control-height);
  --list-item-padding-x: var(--space-3);
  --list-radius: var(--radius-md);
  --list-swipe-width: 88px;
  --tree-indent: var(--space-4);
  --tree-item-height: var(--control-height-dense);
  --avatar-size-sm: var(--icon-md);
  --avatar-size-md: var(--control-md);
  --avatar-size-lg: var(--control-lg);
  --shell-rail-width: 56px;
  --shell-inspector-width: 320px;
  --split-hit-area: var(--space-2);
  --split-grip-length: var(--space-8);
  --split-grip-thickness: var(--space-1);
  --pane-header-height: var(--control-height);
  --pane-padding: var(--space-6);
  --player-controls-inset: var(--space-4);
  --player-controls-radius: var(--radius-md);
  --graph-group-min-width: 280px;
  --graph-group-padding: var(--space-4);
  --graph-group-radius: var(--radius-lg);
  --graph-node-min-width: 152px;
  --graph-node-max-width: 240px;
  --graph-node-padding-x: var(--space-3);
  --graph-node-padding-y: var(--space-2);
  --graph-node-radius: var(--radius-md);
  --graph-layer-gap: var(--space-8);
  --graph-edge-width: 1.5px;
  --chart-height-sm: 120px;
  --chart-height-md: 240px;
  --chart-height-lg: 360px;
  --chart-stroke: 1.5px;
  --gauge-size: 96px;
  --gauge-stroke: 8px;
  --date-picker-cell-size: 32px;
  --command-width: 560px;
  --prose-max-width: 640px;
  --code-padding: var(--space-3);
  --code-radius: var(--radius-md);
  --type-display-family: var(--font-sans);
  --type-display-size: 48px;
  --type-display-leading: 56px;
  --type-display-weight: 600;
  --type-display-tracking: normal;
  --type-display-numeric: normal;
  --type-title-lg-family: var(--font-sans);
  --type-title-lg-size: 24px;
  --type-title-lg-leading: 32px;
  --type-title-lg-weight: 600;
  --type-title-lg-tracking: -0.01em;
  --type-title-lg-numeric: normal;
  --type-title-family: var(--font-sans);
  --type-title-size: 18px;
  --type-title-leading: 26px;
  --type-title-weight: 600;
  --type-title-tracking: normal;
  --type-title-numeric: normal;
  --type-heading-family: var(--font-sans);
  --type-heading-size: 15px;
  --type-heading-leading: 22px;
  --type-heading-weight: 600;
  --type-heading-tracking: normal;
  --type-heading-numeric: normal;
  --type-body-family: var(--font-sans);
  --type-body-size: 14px;
  --type-body-leading: 22px;
  --type-body-weight: 400;
  --type-body-tracking: normal;
  --type-body-numeric: normal;
  --type-label-family: var(--font-sans);
  --type-label-size: 13px;
  --type-label-leading: 18px;
  --type-label-weight: 500;
  --type-label-tracking: normal;
  --type-label-numeric: normal;
  --type-caption-family: var(--font-sans);
  --type-caption-size: 12px;
  --type-caption-leading: 16px;
  --type-caption-weight: 400;
  --type-caption-tracking: normal;
  --type-caption-numeric: normal;
  --type-read-title-family: var(--font-sans);
  --type-read-title-size: 28px;
  --type-read-title-leading: 38px;
  --type-read-title-weight: 600;
  --type-read-title-tracking: normal;
  --type-read-title-numeric: normal;
  --type-read-body-family: var(--font-sans);
  --type-read-body-size: 17px;
  --type-read-body-leading: 30px;
  --type-read-body-weight: 400;
  --type-read-body-tracking: normal;
  --type-read-body-numeric: normal;
  --type-data-xl-family: var(--font-sans);
  --type-data-xl-size: 32px;
  --type-data-xl-leading: 38px;
  --type-data-xl-weight: 500;
  --type-data-xl-tracking: -0.02em;
  --type-data-xl-numeric: tabular-nums;
  --type-data-lg-family: var(--font-sans);
  --type-data-lg-size: 18px;
  --type-data-lg-leading: 24px;
  --type-data-lg-weight: 500;
  --type-data-lg-tracking: normal;
  --type-data-lg-numeric: tabular-nums;
  --type-data-family: var(--font-sans);
  --type-data-size: 14px;
  --type-data-leading: 22px;
  --type-data-weight: 400;
  --type-data-tracking: normal;
  --type-data-numeric: tabular-nums;
  --type-code-family: var(--font-mono);
  --type-code-size: 13px;
  --type-code-leading: 20px;
  --type-code-weight: 400;
  --type-code-tracking: normal;
  --type-code-numeric: normal;
}
[data-platform="ios"] {
  --control-height: var(--control-lg);
  --control-height-dense: var(--control-lg);
  --page-margin: var(--space-4);
  --button-height: var(--control-height);
  --button-height-dense: var(--control-height-dense);
  --button-radius: var(--radius-md);
  --input-height: var(--control-height);
  --input-radius: var(--radius-lg);
  --change-pill-height: 28px;
  --change-pill-min-width: 88px;
  --card-radius: var(--radius-lg);
  --segmented-height: 32px;
  --segmented-radius: var(--radius-md);
  --table-row-height: var(--control-height);
  --table-header-height: var(--control-height-dense);
  --nav-item-height: var(--control-height);
  --checkbox-size: 22px;
  --checkbox-radius: var(--radius-full);
  --radio-size: var(--checkbox-size);
  --radio-dot-size: 8px;
  --switch-width: 51px;
  --switch-height: 31px;
  --slider-thumb-size: 28px;
  --chip-height: 32px;
  --menu-radius: var(--radius-lg);
  --menu-item-height: var(--control-height-dense);
  --dialog-alert-width: 300px;
  --dialog-padding: var(--space-5);
  --popover-radius: var(--radius-lg);
  --toast-radius: var(--radius-lg);
  --tabs-height: var(--control-height);
  --app-bar-height: 44px;
  --toolbar-radius: var(--radius-full);
  --list-item-height: var(--control-height);
  --list-item-padding-x: var(--space-4);
  --list-radius: var(--radius-lg);
  --tree-item-height: var(--control-height-dense);
  --pane-header-height: var(--control-height);
  --pane-padding: var(--space-4);
  --player-controls-radius: var(--radius-lg);
  --date-picker-cell-size: 40px;
  --type-display-size: 56px;
  --type-display-leading: 64px;
  --type-title-lg-size: 34px;
  --type-title-lg-leading: 41px;
  --type-title-lg-tracking: normal;
  --type-title-size: 22px;
  --type-title-leading: 28px;
  --type-heading-size: 17px;
  --type-body-size: 17px;
  --type-label-size: 15px;
  --type-label-leading: 20px;
  --type-data-size: 17px;
}
.display { font-family: var(--type-display-family); font-size: var(--type-display-size); line-height: var(--type-display-leading); font-weight: var(--type-display-weight); }
.title-lg { font-family: var(--type-title-lg-family); font-size: var(--type-title-lg-size); line-height: var(--type-title-lg-leading); font-weight: var(--type-title-lg-weight); letter-spacing: var(--type-title-lg-tracking); }
.title { font-family: var(--type-title-family); font-size: var(--type-title-size); line-height: var(--type-title-leading); font-weight: var(--type-title-weight); }
.heading { font-family: var(--type-heading-family); font-size: var(--type-heading-size); line-height: var(--type-heading-leading); font-weight: var(--type-heading-weight); }
.body { font-family: var(--type-body-family); font-size: var(--type-body-size); line-height: var(--type-body-leading); font-weight: var(--type-body-weight); }
.label { font-family: var(--type-label-family); font-size: var(--type-label-size); line-height: var(--type-label-leading); font-weight: var(--type-label-weight); }
.caption { font-family: var(--type-caption-family); font-size: var(--type-caption-size); line-height: var(--type-caption-leading); font-weight: var(--type-caption-weight); }
.read-title { font-family: var(--type-read-title-family); font-size: var(--type-read-title-size); line-height: var(--type-read-title-leading); font-weight: var(--type-read-title-weight); }
.read-body { font-family: var(--type-read-body-family); font-size: var(--type-read-body-size); line-height: var(--type-read-body-leading); font-weight: var(--type-read-body-weight); }
.data-xl { font-family: var(--type-data-xl-family); font-size: var(--type-data-xl-size); line-height: var(--type-data-xl-leading); font-weight: var(--type-data-xl-weight); letter-spacing: var(--type-data-xl-tracking); font-variant-numeric: var(--type-data-xl-numeric); }
.data-lg { font-family: var(--type-data-lg-family); font-size: var(--type-data-lg-size); line-height: var(--type-data-lg-leading); font-weight: var(--type-data-lg-weight); font-variant-numeric: var(--type-data-lg-numeric); }
.data { font-family: var(--type-data-family); font-size: var(--type-data-size); line-height: var(--type-data-leading); font-weight: var(--type-data-weight); font-variant-numeric: var(--type-data-numeric); }
.code { font-family: var(--type-code-family); font-size: var(--type-code-size); line-height: var(--type-code-leading); font-weight: var(--type-code-weight); }
.ios-display { font-family: var(--font-sans); font-size: 56px; line-height: 64px; font-weight: 600; }
.ios-large-title { font-family: var(--font-sans); font-size: 34px; line-height: 41px; font-weight: 600; }
.ios-title { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 600; }
.ios-headline { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 600; }
.ios-body { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 400; }
.ios-subheadline { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 500; }
.ios-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }