/* Quire Design System — quire.css
 * GENERATED FILE — do not edit.
 *
 * version 0.75.17
 * build   eceb1b250b8d
 *
 * Source:  design-system/tokens/quire.tokens.json
 * Wiring:  design-system/tokens/manifest.json
 * Rebuild: node design-system/tokens/build.mjs
 *
 * This file is copied into consuming projects. The two values above are
 * how a copy identifies itself once it is no longer beside its source:
 * "version" is the release, "build" is a hash of everything below this
 * comment. Run "npm run consumers" in the design system to see where
 * every copy stands.
 */
:root {
  --mode-swatch-neutral-light: #f2f2f2;
  --mode-swatch-neutral-dark: #2b2b2b;
  --mode-swatch-godfather-light: #efe4d6;
  --mode-swatch-godfather-dark: #2e2a25;
  --mode-swatch-fargo-light: #dfe7ef;
  --mode-swatch-fargo-dark: #282b2e;
  --mode-swatch-matrix-light: #daecdd;
  --mode-swatch-matrix-dark: #262d27;
  --mode-swatch-dune-light: #f4e1df;
  --mode-swatch-dune-dark: #302928;
  --mode-swatch-persona-light: #fefefe;
  --mode-swatch-persona-dark: #090909;
  --mode-swatch-paper-light: #e4cfb2;
  --mode-swatch-paper-dark: #433b2f;
  --mode-swatch-terminal-light: #ffffff;
  --mode-swatch-terminal-dark: #000000;
  --spacing: 0.25rem;
  --space-0-5: 2px;
  --space-1: var(--spacing);
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --fade-scroll: var(--space-4);
  --border-width-hairline: 0.5px;
  --border-width-default: 1px;
  --border-width-thick: 2px;
  --opacity-hidden: 0;
  --opacity-disabled: 0.4;
  --opacity-muted: 0.7;
  --opacity-fill-hover: 0.86;
  --opacity-fill-active: 0.72;
  --opacity-visible: 1;
  --radius-2xs: 2px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-4xl: 24px;
  --radius-full: 9999px;
  --radius-control-compact: var(--radius-xs);
  --radius-control: var(--radius-md);
  --radius-control-action: var(--radius-md);
  --radius-panel: var(--radius-md);
  --radius-overlay: var(--radius-xl);
  --icon-2xs: 14px;
  --icon-xs: 16px;
  --icon-sm: 18px;
  --icon-md: 24px;
  --icon-lg: 28px;
  --icon-stroke-width: 1.25px;
  --icon-inline: var(--icon-2xs);
  --icon-control: var(--icon-xs);
  --icon-emphasis: var(--icon-sm);
  --icon-feature: var(--icon-md);
  --icon-display: var(--icon-lg);
  --layout-row-padding-inline: var(--space-2);
  --layout-row-padding-block: var(--space-1);
  --layout-cell-padding-inline: var(--space-2);
  --layout-row-min-height: var(--layout-row-tight);
  --layout-row-intrinsic-size: var(--layout-row-tight);
  --layout-link-underline-offset: 0.28em;
  --layout-link-underline-thickness: max(1px, 0.055em);
  --layout-panel-padding-compact: var(--space-3);
  --layout-panel-padding-default: var(--space-5);
  --layout-tooltip-offset: var(--space-1);
  --layout-tooltip-padding-block: var(--space-1);
  --layout-tooltip-padding-inline: var(--space-1-5);
  --layout-tooltip-gap: var(--space-2);
  --layout-tooltip-max-width: 220px;
  --layout-toolbar-padding-inline-compact: var(--space-2);
  --layout-toolbar-padding-inline-default: var(--space-4);
  --layout-toolbar-height-compact: 36px;
  --layout-toolbar-height-secondary: 40px;
  --layout-toolbar-height-default: 46px;
  --layout-rail-width-min: 240px;
  --layout-rail-width-default: 275px;
  --layout-rail-width-max: 520px;
  --layout-content-width-min: 320px;
  --layout-rail-padding-inline: var(--space-4);
  --layout-rail-scroll-fade: var(--fade-scroll);
  --layout-shell-header-height: 54px;
  --radius-row-tight: var(--radius-md);
  --radius-row-medium: var(--radius-lg);
  --radius-row-loose: var(--radius-xl);
  --layout-row-tight: 30px;
  --layout-row-medium: 36px;
  --layout-row-loose: 40px;
  --layout-row-comfortable: 52px;
  --layout-dialog-width: 560px;
  --layout-dialog-drop: 14vh;
  --layout-menu-min-width: 220px;
  --layout-menu-max-height: 320px;
  --layout-menu-padding: var(--space-1-5);
  --layout-menu-item-padding-inline: var(--layout-row-padding-inline);
  --layout-menu-item-gap: var(--space-2);
  --layout-menu-separator-air: var(--space-2);
  --layout-keycap-size: var(--space-4);
  --layout-avatar-size: var(--space-10);
  --layout-avatar-size-compact: var(--space-8);
  --layout-avatar-size-large: var(--space-16);
  --layout-avatar-radius: var(--radius-lg);
  --layout-menu-offset: var(--space-2);
  --layout-menu-cascade-offset: var(--space-1);
  --layout-menu-anchor-offset: var(--space-0-5);
  --layout-menu-scroll-fade: var(--fade-scroll);
  --layout-masthead-padding-inline: var(--space-2-5);
  --layout-masthead-padding-block: var(--space-1-5);
  --layout-masthead-radius: var(--radius-xl);
  --layout-masthead-mark: var(--icon-md);
  --layout-content-width-board: 1280px;
  --layout-content-width-form: 916px;
  --layout-content-width-reading: 53ch;
  --layout-nav-section-gap: var(--space-8);
  --layout-nav-indent-step: var(--space-4);
  --layout-row-stack-gap: var(--space-0-5);
  --layout-action-square: 28px;
  --layout-action-gap: var(--space-2);
  --layout-touch-target: 44px;
  --layout-icon-button-bleed: calc((var(--layout-action-square) - var(--icon-control)) / 2);
  --layout-control-height: calc(var(--layout-row-min-height) + 2 * var(--border-width-default));
  --layout-control-height-compact: var(--layout-action-square);
  --layout-control-height-large: max(var(--layout-toolbar-height-secondary), calc(var(--layout-control-height) + 2 * var(--border-width-default)));
  --toggle-track-width: 36px;
  --toggle-track-height: var(--space-5);
  --toggle-knob: var(--space-4);
  --breakpoint-compact: 720px;
  --breakpoint-shell: 960px;
  --breakpoint-reading-shell: 1040px;
  --layout-rail-width: clamp( var(--layout-rail-width-min), var(--layout-rail-width-default), min( var(--layout-rail-width-max), calc(100vw - var(--layout-content-width-min)) ) );
  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-lg: 16px;
  --text-heading-sm: 18px;
  --text-heading-md: 20px;
  --text-heading-lg: 24px;
  --text-xl: 28px;
  --text-2xl: 36px;
  --text-3xl: 48px;
  --text-4xl: 72px;
  --text-xs-contextual: 12px;
  --text-sm-contextual: 13px;
  --text-reading-body: var(--text-heading-md);
  --text-reading-body-line-height: 1.6;
  --text-reading-lead: var(--text-heading-lg);
  --text-reading-lead-line-height: 1.5;
  --text-reading-quote: var(--text-xl);
  --text-reading-quote-line-height: 1.45;
  --text-reading-section: var(--text-2xl);
  --text-reading-section-line-height: 1.25;
  --text-reading-title: var(--text-2xl);
  --text-reading-title-line-height: 1.2;
  --text-heading-md-condensed: 18px;
  --text-heading-md-compact: 16px;
  --text-xs-line-height: 1.33;
  --text-sm-line-height: 1.43;
  --text-base-line-height: 1.5;
  --text-lg-line-height: 1.56;
  --text-xl-line-height: 1.4;
  --text-2xl-line-height: 1.33;
  --text-3xl-line-height: 1.2;
  --text-4xl-line-height: 1.11;
  --text-heading-sm-line-height: 1.33;
  --text-heading-md-line-height: 1.33;
  --text-heading-lg-line-height: 1.2;
  --text-heading-dialog-line-height: 28px;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-variant-numeric-tabular: tabular-nums;
  --backdrop-blur-floating: 16px;
  --layer-host-offset: 0;
  --layer-base: calc(var(--layer-host-offset) + 0);
  --layer-raised: calc(var(--layer-host-offset) + 10);
  --layer-sticky: calc(var(--layer-host-offset) + 20);
  --layer-navigation: calc(var(--layer-host-offset) + 30);
  --layer-overlay: calc(var(--layer-host-offset) + 40);
  --layer-modal: calc(var(--layer-host-offset) + 50);
  --layer-toast: calc(var(--layer-host-offset) + 60);
  --layer-tooltip: calc(var(--layer-host-offset) + 70);
  --motion-duration-instant: 0ms;
  --motion-duration-fast: 120ms;
  --motion-duration-default: 180ms;
  --motion-duration-slow: 240ms;
  --motion-duration-feedback: var(--motion-duration-fast);
  --motion-duration-spatial: var(--motion-duration-default);
  --motion-duration-reveal: var(--motion-duration-default);
  --motion-duration-linger: var(--motion-duration-default);
  --motion-duration-mode: var(--motion-duration-default);
  --motion-duration-travel: 550ms;
  --motion-delay-tooltip: 500ms;
  --motion-delay-stagger: 25ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-fade: linear;
  --motion-easing-travel: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-distance-scale: 1;
  --motion-iteration-count: infinite;
  --focus-ring-width: 2px;
  --focus-ring-gap: var(--space-0-5);
  --focus-ring-offset: var(--focus-ring-gap);
  --font-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-system: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --font-serif: "Newsreader", Georgia, serif;
  --font-reading: var(--font-serif);
  --text-reading-code-scale: 0.8;
}
:root,
.theme-neutral-light {
  color-scheme: light;
  --surface-canvas: #f2f2f2;
  --surface-plane: #f2f2f2;
  --surface-base: #ffffff;
  --surface-subtle: #ebebeb;
  --surface-navigation: #f6f6f6;
  --surface-raised: #ffffff;
  --surface-hover: #e8e8e8;
  --surface-selected: #e3e3e3;
  --surface-track: #ebebeb;
  --surface-track-selected: #fafafa;
  --text-primary: #232323;
  --text-secondary: #424242;
  --text-muted: #5d5d5d;
  --text-subtle: #9e9e9e;
  --text-disabled: #b2b2b2;
  --border-subtle: #eeeeee;
  --border-default: #d7d7d7;
  --border-strong: #ababab;
  --border-control: #808080;
  --accent: #7444b4;
  --accent-contrast: #fbf9ff;
  --accent-muted: #ebe4fa;
  --focus: #2e2e2e;
  --ai-mark: #dd2767;
  --status-danger-text: #ab000f;
  --status-danger-surface: #fee7e4;
  --status-danger-border: #c1554c;
  --status-warning-text: #795000;
  --status-warning-surface: #ffe9cd;
  --status-warning-border: #a56f05;
  --status-success-text: #006c2f;
  --status-success-surface: #d6f7dc;
  --status-success-border: #2c924c;
  --status-info-text: #005b9f;
  --status-info-surface: #e0effe;
  --status-info-border: #2c7fcb;
  --code-surface: #ededed;
  --code-plain: #232323;
  --code-comment: #656565;
  --code-punctuation: #6a6a6a;
  --code-added: #236938;
  --code-removed: #8b3f38;
  --code-line-highlight: #dfdfdf;
  --code-keyword: #634a8b;
  --code-string: #236938;
  --code-number: #894228;
  --code-function: #235c91;
  --code-type: #00666b;
  --ink-alpha-weak: rgba(35, 35, 35, 0.06);
  --ink-alpha-soft: rgba(35, 35, 35, 0.12);
  --ink-alpha-medium: rgba(35, 35, 35, 0.24);
  --ink-alpha-strong: rgba(35, 35, 35, 0.48);
  --surface-inverse: #373737;
  --surface-inverse-subtle: #414141;
  --text-inverse: #e6e6e6;
  --text-inverse-subtle: #b6b6b6;
  --border-inverse: #5c5c5c;
  --danger: #a52a26;
  --danger-hover: #901114;
  --elevation-contact-color: rgb(20 19 18 / 0.12);
  --elevation-ambient-color: rgb(20 19 18 / 0.08);
  --elevation-contact-strong-color: rgb(20 19 18 / 0.18);
  --elevation-ambient-strong-color: rgb(20 19 18 / 0.14);
  --opacity-scrim: 0.32;
  --opacity-scrim-blurred: 0.2;
  --font-weight-body: 440;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 12%;
  --step-border-subtle: 4%;
  --step-border-default: 9%;
  --step-border-strong: 15%;
}
:root[data-theme="neutral-dark"],
.theme-neutral-dark {
  color-scheme: dark;
  --surface-canvas: #2b2b2b;
  --surface-plane: #333333;
  --surface-base: #373737;
  --surface-subtle: #2d2d2d;
  --surface-navigation: #222222;
  --surface-raised: #383838;
  --surface-hover: #414141;
  --surface-selected: #464646;
  --surface-track: #414141;
  --surface-track-selected: #464646;
  --text-primary: #e6e6e6;
  --text-secondary: #cccccc;
  --text-muted: #b6b6b6;
  --text-subtle: #747474;
  --text-disabled: #636363;
  --border-subtle: #3e3e3e;
  --border-default: #494949;
  --border-strong: #5c5c5c;
  --border-control: #8a8a8a;
  --accent: #a76ef8;
  --accent-contrast: #17141e;
  --accent-muted: #423658;
  --focus: #d9d9d9;
  --ai-mark: #fe9db1;
  --status-danger-text: #ffa196;
  --status-danger-surface: #482d2a;
  --status-danger-border: #b9655c;
  --status-warning-text: #f5ae39;
  --status-warning-surface: #42321d;
  --status-warning-border: #a67628;
  --status-success-text: #6ed889;
  --status-success-surface: #263b2a;
  --status-success-border: #4a925c;
  --status-info-text: #89c3fe;
  --status-info-surface: #253749;
  --status-info-border: #4984bf;
  --code-surface: #252525;
  --code-plain: #e6e6e6;
  --code-comment: #949494;
  --code-punctuation: #9e9e9e;
  --code-added: #99cda3;
  --code-removed: #edaaa2;
  --code-line-highlight: #3a3a3a;
  --code-keyword: #c5b2eb;
  --code-string: #99cda3;
  --code-number: #ecad97;
  --code-function: #96c2f0;
  --code-type: #7cced2;
  --ink-alpha-weak: rgba(230, 230, 230, 0.06);
  --ink-alpha-soft: rgba(230, 230, 230, 0.12);
  --ink-alpha-medium: rgba(230, 230, 230, 0.24);
  --ink-alpha-strong: rgba(230, 230, 230, 0.48);
  --surface-inverse: #ffffff;
  --surface-inverse-subtle: #e8e8e8;
  --text-inverse: #232323;
  --text-inverse-subtle: #5d5d5d;
  --border-inverse: #ababab;
  --font-weight-body: 420;
  --danger: #d15c53;
  --danger-hover: #e36c61;
  --elevation-contact-color: rgb(0 0 0 / 0.34);
  --elevation-ambient-color: rgb(0 0 0 / 0.22);
  --elevation-contact-strong-color: rgb(0 0 0 / 0.45);
  --elevation-ambient-strong-color: rgb(0 0 0 / 0.30);
  --opacity-scrim: 0.6;
  --opacity-scrim-blurred: 0.4;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 8%;
  --step-border-subtle: 8%;
  --step-border-default: 12%;
  --step-border-strong: 19%;
}
:root[data-theme="godfather-light"],
.theme-godfather-light {
  color-scheme: light;
  --surface-canvas: #efe4d6;
  --surface-plane: #f7efe3;
  --surface-base: #fff9f2;
  --surface-subtle: #eadecd;
  --surface-navigation: #f4e9d9;
  --surface-raised: #fff9f2;
  --surface-hover: #e8dac8;
  --surface-selected: #e5d5c0;
  --surface-track: #eadecd;
  --surface-track-selected: #fff9f2;
  --text-primary: #2c200f;
  --text-secondary: #4c4030;
  --text-muted: #675b4b;
  --text-subtle: #a89d8e;
  --text-disabled: #bbb1a4;
  --border-subtle: #ede1d1;
  --border-default: #e2d5c2;
  --border-strong: #b8a995;
  --border-control: #8d7d68;
  --accent: #905400;
  --accent-contrast: #fff9f4;
  --accent-muted: #ffe4cc;
  --focus: #9f5e02;
  --ai-mark: #e0284d;
  --status-danger-text: #aa0211;
  --status-danger-surface: #fee7e4;
  --status-danger-border: #c55148;
  --status-warning-text: #795000;
  --status-warning-surface: #ffe9cd;
  --status-warning-border: #a56f04;
  --status-success-text: #006c2f;
  --status-success-surface: #d4f8da;
  --status-success-border: #1d9348;
  --status-info-text: #025b9f;
  --status-info-surface: #e0effe;
  --status-info-border: #217fd0;
  --code-surface: #f7ebdb;
  --code-plain: #2c200f;
  --code-comment: #5a695d;
  --code-punctuation: #746858;
  --code-added: #006c2f;
  --code-removed: #aa0211;
  --code-line-highlight: #f4dbc3;
  --code-keyword: #6e2cb7;
  --code-string: #006c2f;
  --code-number: #993200;
  --code-function: #025b9f;
  --code-type: #02666b;
  --ink-alpha-weak: rgba(44, 32, 15, 0.06);
  --ink-alpha-soft: rgba(44, 32, 15, 0.12);
  --ink-alpha-medium: rgba(44, 32, 15, 0.24);
  --ink-alpha-strong: rgba(44, 32, 15, 0.48);
  --surface-inverse: #3a3630;
  --surface-inverse-subtle: #464038;
  --text-inverse: #f0e4d5;
  --text-inverse-subtle: #bdb4a9;
  --border-inverse: #625b52;
  --danger: #a52a26;
  --danger-hover: #901114;
  --elevation-contact-color: rgb(20 19 18 / 0.12);
  --elevation-ambient-color: rgb(20 19 18 / 0.08);
  --elevation-contact-strong-color: rgb(20 19 18 / 0.18);
  --elevation-ambient-strong-color: rgb(20 19 18 / 0.14);
  --opacity-scrim: 0.32;
  --opacity-scrim-blurred: 0.2;
  --font-weight-body: 440;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 12%;
  --step-border-subtle: 4%;
  --step-border-default: 9%;
  --step-border-strong: 15%;
}
:root[data-theme="godfather-dark"],
.theme-godfather-dark {
  color-scheme: dark;
  --surface-canvas: #2e2a25;
  --surface-plane: #37322d;
  --surface-base: #3a3630;
  --surface-subtle: #302c27;
  --surface-navigation: #25221d;
  --surface-raised: #3c3730;
  --surface-hover: #464038;
  --surface-selected: #4c453d;
  --surface-track: #44403b;
  --surface-track-selected: #4a463f;
  --text-primary: #f0e4d5;
  --text-secondary: #d4cabd;
  --text-muted: #bdb4a9;
  --text-subtle: #7a736a;
  --text-disabled: #68625b;
  --border-subtle: #423e37;
  --border-default: #4d4841;
  --border-strong: #625b52;
  --border-control: #92897e;
  --accent: #f6ac5e;
  --accent-contrast: #281d11;
  --accent-muted: #503d2a;
  --focus: #eca255;
  --ai-mark: #fe9fa3;
  --status-danger-text: #fea196;
  --status-danger-surface: #482d2a;
  --status-danger-border: #bb635a;
  --status-warning-text: #f7ad30;
  --status-warning-surface: #42321d;
  --status-warning-border: #a87520;
  --status-success-text: #6ad987;
  --status-success-surface: #263b2a;
  --status-success-border: #47935a;
  --status-info-text: #8ac3fe;
  --status-info-surface: #25374a;
  --status-info-border: #4684c2;
  --code-surface: #29241f;
  --code-plain: #f0e4d5;
  --code-comment: #8c978e;
  --code-punctuation: #a49d94;
  --code-added: #6ad987;
  --code-removed: #fea196;
  --code-line-highlight: #45382c;
  --code-keyword: #c9acfe;
  --code-string: #6ad987;
  --code-number: #fea383;
  --code-function: #8ac3fe;
  --code-type: #08d7e0;
  --ink-alpha-weak: rgba(240, 228, 213, 0.06);
  --ink-alpha-soft: rgba(240, 228, 213, 0.12);
  --ink-alpha-medium: rgba(240, 228, 213, 0.24);
  --ink-alpha-strong: rgba(240, 228, 213, 0.48);
  --surface-inverse: #fff9f2;
  --surface-inverse-subtle: #e8dac8;
  --text-inverse: #2c200f;
  --text-inverse-subtle: #675b4b;
  --border-inverse: #b8a995;
  --font-weight-body: 420;
  --danger: #d15c53;
  --danger-hover: #e36c61;
  --elevation-contact-color: rgb(0 0 0 / 0.34);
  --elevation-ambient-color: rgb(0 0 0 / 0.22);
  --elevation-contact-strong-color: rgb(0 0 0 / 0.45);
  --elevation-ambient-strong-color: rgb(0 0 0 / 0.30);
  --opacity-scrim: 0.6;
  --opacity-scrim-blurred: 0.4;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 8%;
  --step-border-subtle: 8%;
  --step-border-default: 12%;
  --step-border-strong: 19%;
}
:root[data-theme="fargo-light"],
.theme-fargo-light {
  color-scheme: light;
  --surface-canvas: #dfe7ef;
  --surface-plane: #eaf1f7;
  --surface-base: #f7fbfe;
  --surface-subtle: #d7e1ea;
  --surface-navigation: #e3ecf4;
  --surface-raised: #f7fbfe;
  --surface-hover: #d3dee7;
  --surface-selected: #cdd9e4;
  --surface-track: #d7e1ea;
  --surface-track-selected: #f7fbfe;
  --text-primary: #1b242c;
  --text-secondary: #3a434b;
  --text-muted: #555e66;
  --text-subtle: #97a0a7;
  --text-disabled: #acb4ba;
  --border-subtle: #dbe4ed;
  --border-default: #ced8e2;
  --border-strong: #a2adb7;
  --border-control: #76828d;
  --accent: #116d96;
  --accent-contrast: #f5fbff;
  --accent-muted: #d4eefe;
  --focus: #2479a3;
  --ai-mark: #d42d8a;
  --status-danger-text: #913932;
  --status-danger-surface: #fee7e3;
  --status-danger-border: #ab665e;
  --status-warning-text: #795001;
  --status-warning-surface: #faead6;
  --status-warning-border: #9b743a;
  --status-success-text: #0f6b32;
  --status-success-surface: #def3e2;
  --status-success-border: #528b5f;
  --status-info-text: #135c9a;
  --status-info-surface: #e0effe;
  --status-info-border: #5080af;
  --code-surface: #e5eef6;
  --code-plain: #1b242c;
  --code-comment: #5e6760;
  --code-punctuation: #626c74;
  --code-added: #0f6b32;
  --code-removed: #913932;
  --code-line-highlight: #d0e3ee;
  --code-keyword: #654792;
  --code-string: #0f6b32;
  --code-number: #903c1d;
  --code-function: #135c9a;
  --code-type: #06666a;
  --ink-alpha-weak: rgba(27, 36, 44, 0.06);
  --ink-alpha-soft: rgba(27, 36, 44, 0.12);
  --ink-alpha-medium: rgba(27, 36, 44, 0.24);
  --ink-alpha-strong: rgba(27, 36, 44, 0.48);
  --surface-inverse: #34373a;
  --surface-inverse-subtle: #3d4246;
  --text-inverse: #dfe7f0;
  --text-inverse-subtle: #b0b7bd;
  --border-inverse: #585d61;
  --danger: #a52a26;
  --danger-hover: #901114;
  --elevation-contact-color: rgb(20 19 18 / 0.12);
  --elevation-ambient-color: rgb(20 19 18 / 0.08);
  --elevation-contact-strong-color: rgb(20 19 18 / 0.18);
  --elevation-ambient-strong-color: rgb(20 19 18 / 0.14);
  --opacity-scrim: 0.32;
  --opacity-scrim-blurred: 0.2;
  --font-weight-body: 440;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 12%;
  --step-border-subtle: 4%;
  --step-border-default: 9%;
  --step-border-strong: 15%;
}
:root[data-theme="fargo-dark"],
.theme-fargo-dark {
  color-scheme: dark;
  --surface-canvas: #282b2e;
  --surface-plane: #303336;
  --surface-base: #34373a;
  --surface-subtle: #2a2d30;
  --surface-navigation: #202325;
  --surface-raised: #35383c;
  --surface-hover: #3d4246;
  --surface-selected: #42474b;
  --surface-track: #3e4144;
  --surface-track-selected: #43474a;
  --text-primary: #dfe7f0;
  --text-secondary: #c5cdd4;
  --text-muted: #b0b7bd;
  --text-subtle: #70757a;
  --text-disabled: #606468;
  --border-subtle: #3b3f42;
  --border-default: #454a4d;
  --border-strong: #585d61;
  --border-control: #858b91;
  --accent: #8cc6e9;
  --accent-contrast: #182126;
  --accent-muted: #35434c;
  --focus: #83bddf;
  --ai-mark: #fe99c7;
  --status-danger-text: #f4a79d;
  --status-danger-surface: #41312f;
  --status-danger-border: #a6706a;
  --status-warning-text: #e1b578;
  --status-warning-surface: #3d3428;
  --status-warning-border: #997a51;
  --status-success-text: #92cf9e;
  --status-success-surface: #2d392f;
  --status-success-border: #628c6a;
  --status-info-text: #8fc3f8;
  --status-info-surface: #2c3742;
  --status-info-border: #6084a8;
  --code-surface: #222629;
  --code-plain: #dfe7f0;
  --code-comment: #8f9690;
  --code-punctuation: #9a9fa4;
  --code-added: #92cf9e;
  --code-removed: #f4a79d;
  --code-line-highlight: #333c42;
  --code-keyword: #c7b0f1;
  --code-string: #92cf9e;
  --code-number: #f2aa90;
  --code-function: #8fc3f8;
  --code-type: #6dd0d5;
  --ink-alpha-weak: rgba(223, 231, 240, 0.06);
  --ink-alpha-soft: rgba(223, 231, 240, 0.12);
  --ink-alpha-medium: rgba(223, 231, 240, 0.24);
  --ink-alpha-strong: rgba(223, 231, 240, 0.48);
  --surface-inverse: #f7fbfe;
  --surface-inverse-subtle: #d3dee7;
  --text-inverse: #1b242c;
  --text-inverse-subtle: #555e66;
  --border-inverse: #a2adb7;
  --font-weight-body: 420;
  --danger: #d15c53;
  --danger-hover: #e36c61;
  --elevation-contact-color: rgb(0 0 0 / 0.34);
  --elevation-ambient-color: rgb(0 0 0 / 0.22);
  --elevation-contact-strong-color: rgb(0 0 0 / 0.45);
  --elevation-ambient-strong-color: rgb(0 0 0 / 0.30);
  --opacity-scrim: 0.6;
  --opacity-scrim-blurred: 0.4;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 8%;
  --step-border-subtle: 8%;
  --step-border-default: 12%;
  --step-border-strong: 19%;
}
:root[data-theme="matrix-light"],
.theme-matrix-light {
  color-scheme: light;
  --surface-canvas: #daecdd;
  --surface-plane: #e7f4e9;
  --surface-base: #f3fdf4;
  --surface-subtle: #d2e6d5;
  --surface-navigation: #def0e1;
  --surface-raised: #f3fdf4;
  --surface-hover: #cde3d1;
  --surface-selected: #c6dfca;
  --surface-track: #d2e6d5;
  --surface-track-selected: #f3fdf4;
  --text-primary: #132818;
  --text-secondary: #344838;
  --text-muted: #4f6353;
  --text-subtle: #92a495;
  --text-disabled: #a8b7aa;
  --border-subtle: #d6e9d9;
  --border-default: #c8decb;
  --border-strong: #9bb39f;
  --border-control: #6e8873;
  --accent: #237902;
  --accent-contrast: #f5fdf3;
  --accent-muted: #d0f6c8;
  --focus: #278700;
  --ai-mark: #d72b7f;
  --status-danger-text: #aa0110;
  --status-danger-surface: #ffe7e3;
  --status-danger-border: #d1433c;
  --status-warning-text: #795003;
  --status-warning-surface: #ffe9cc;
  --status-warning-border: #a56f03;
  --status-success-text: #036c2f;
  --status-success-surface: #cffad6;
  --status-success-border: #029544;
  --status-info-text: #015b9f;
  --status-info-surface: #e0efff;
  --status-info-border: #037ed8;
  --code-surface: #e0f3e3;
  --code-plain: #132818;
  --code-comment: #586a5b;
  --code-punctuation: #5d7060;
  --code-added: #036c2f;
  --code-removed: #aa0110;
  --code-line-highlight: #cee9c9;
  --code-keyword: #730ac9;
  --code-string: #036c2f;
  --code-number: #993200;
  --code-function: #015b9f;
  --code-type: #00666b;
  --ink-alpha-weak: rgba(19, 40, 24, 0.06);
  --ink-alpha-soft: rgba(19, 40, 24, 0.12);
  --ink-alpha-medium: rgba(19, 40, 24, 0.24);
  --ink-alpha-strong: rgba(19, 40, 24, 0.48);
  --surface-inverse: #323933;
  --surface-inverse-subtle: #3b443c;
  --text-inverse: #d9ecdc;
  --text-inverse-subtle: #acbaae;
  --border-inverse: #555f57;
  --danger: #a52a26;
  --danger-hover: #901114;
  --elevation-contact-color: rgb(20 19 18 / 0.12);
  --elevation-ambient-color: rgb(20 19 18 / 0.08);
  --elevation-contact-strong-color: rgb(20 19 18 / 0.18);
  --elevation-ambient-strong-color: rgb(20 19 18 / 0.14);
  --opacity-scrim: 0.32;
  --opacity-scrim-blurred: 0.2;
  --font-weight-body: 440;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 12%;
  --step-border-subtle: 4%;
  --step-border-default: 9%;
  --step-border-strong: 15%;
}
:root[data-theme="matrix-dark"],
.theme-matrix-dark {
  color-scheme: dark;
  --surface-canvas: #262d27;
  --surface-plane: #2e352f;
  --surface-base: #323933;
  --surface-subtle: #292f2a;
  --surface-navigation: #1e241f;
  --surface-raised: #323a34;
  --surface-hover: #3b443c;
  --surface-selected: #3f4941;
  --surface-track: #3c433d;
  --surface-track-selected: #414942;
  --text-primary: #d9ecdc;
  --text-secondary: #c0d1c3;
  --text-muted: #acbaae;
  --text-subtle: #6d786f;
  --text-disabled: #5d665e;
  --border-subtle: #39413a;
  --border-default: #434c44;
  --border-strong: #555f57;
  --border-control: #818f83;
  --accent: #85d673;
  --accent-contrast: #172314;
  --accent-muted: #33472f;
  --focus: #7ccc6a;
  --ai-mark: #fe9abf;
  --status-danger-text: #ffa196;
  --status-danger-surface: #4b2b28;
  --status-danger-border: #c55b52;
  --status-warning-text: #fcab03;
  --status-warning-surface: #443217;
  --status-warning-border: #ab7303;
  --status-success-text: #4dde7a;
  --status-success-surface: #223c28;
  --status-success-border: #349652;
  --status-info-text: #89c3ff;
  --status-info-surface: #21374d;
  --status-info-border: #3484cf;
  --code-surface: #202722;
  --code-plain: #d9ecdc;
  --code-comment: #8a988c;
  --code-punctuation: #96a298;
  --code-added: #4dde7a;
  --code-removed: #ffa196;
  --code-line-highlight: #323f2f;
  --code-keyword: #c9acff;
  --code-string: #4dde7a;
  --code-number: #ffa383;
  --code-function: #89c3ff;
  --code-type: #11d7e0;
  --ink-alpha-weak: rgba(217, 236, 220, 0.06);
  --ink-alpha-soft: rgba(217, 236, 220, 0.12);
  --ink-alpha-medium: rgba(217, 236, 220, 0.24);
  --ink-alpha-strong: rgba(217, 236, 220, 0.48);
  --surface-inverse: #f3fdf4;
  --surface-inverse-subtle: #cde3d1;
  --text-inverse: #132818;
  --text-inverse-subtle: #4f6353;
  --border-inverse: #9bb39f;
  --font-weight-body: 420;
  --danger: #d15c53;
  --danger-hover: #e36c61;
  --elevation-contact-color: rgb(0 0 0 / 0.34);
  --elevation-ambient-color: rgb(0 0 0 / 0.22);
  --elevation-contact-strong-color: rgb(0 0 0 / 0.45);
  --elevation-ambient-strong-color: rgb(0 0 0 / 0.30);
  --opacity-scrim: 0.6;
  --opacity-scrim-blurred: 0.4;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 8%;
  --step-border-subtle: 8%;
  --step-border-default: 12%;
  --step-border-strong: 19%;
}
:root[data-theme="dune-light"],
.theme-dune-light {
  color-scheme: light;
  --surface-canvas: #f4e1df;
  --surface-plane: #fcecea;
  --surface-base: #fff8f8;
  --surface-subtle: #f0dad7;
  --surface-navigation: #fae5e3;
  --surface-raised: #fff8f8;
  --surface-hover: #eed6d3;
  --surface-selected: #ecd0cd;
  --surface-track: #f0dad7;
  --surface-track-selected: #fff8f8;
  --text-primary: #311d1b;
  --text-secondary: #513c3a;
  --text-muted: #6c5755;
  --text-subtle: #ad9997;
  --text-disabled: #bfaeac;
  --border-subtle: #f3dddb;
  --border-default: #e9d0ce;
  --border-strong: #bfa4a1;
  --border-control: #947876;
  --accent: #ae2e46;
  --accent-contrast: #fff8f8;
  --accent-muted: #fee2e3;
  --focus: #bb3c51;
  --ai-mark: #d03095;
  --status-danger-text: #aa0211;
  --status-danger-surface: #fee7e4;
  --status-danger-border: #c3544b;
  --status-warning-text: #795000;
  --status-warning-surface: #ffe9cd;
  --status-warning-border: #a56f03;
  --status-success-text: #006c2f;
  --status-success-surface: #d5f7db;
  --status-success-border: #26934a;
  --status-info-text: #025b9f;
  --status-info-surface: #e0effe;
  --status-info-border: #287fcd;
  --code-surface: #fce7e5;
  --code-plain: #311d1b;
  --code-comment: #5b695d;
  --code-punctuation: #7a6462;
  --code-added: #006c2f;
  --code-removed: #aa0211;
  --code-line-highlight: #fad5d7;
  --code-keyword: #6d30b3;
  --code-string: #006c2f;
  --code-number: #993200;
  --code-function: #025b9f;
  --code-type: #02666b;
  --ink-alpha-weak: rgba(49, 29, 27, 0.06);
  --ink-alpha-soft: rgba(49, 29, 27, 0.12);
  --ink-alpha-medium: rgba(49, 29, 27, 0.24);
  --ink-alpha-strong: rgba(49, 29, 27, 0.48);
  --surface-inverse: #3c3434;
  --surface-inverse-subtle: #483e3d;
  --text-inverse: #f6e1de;
  --text-inverse-subtle: #c1b2b0;
  --border-inverse: #655958;
  --danger: #a52a26;
  --danger-hover: #901114;
  --elevation-contact-color: rgb(20 19 18 / 0.12);
  --elevation-ambient-color: rgb(20 19 18 / 0.08);
  --elevation-contact-strong-color: rgb(20 19 18 / 0.18);
  --elevation-ambient-strong-color: rgb(20 19 18 / 0.14);
  --opacity-scrim: 0.32;
  --opacity-scrim-blurred: 0.2;
  --font-weight-body: 440;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 12%;
  --step-border-subtle: 4%;
  --step-border-default: 9%;
  --step-border-strong: 15%;
}
:root[data-theme="dune-dark"],
.theme-dune-dark {
  color-scheme: dark;
  --surface-canvas: #302928;
  --surface-plane: #393130;
  --surface-base: #3c3434;
  --surface-subtle: #322b2a;
  --surface-navigation: #272020;
  --surface-raised: #3e3535;
  --surface-hover: #483e3d;
  --surface-selected: #4f4342;
  --surface-track: #463f3e;
  --surface-track-selected: #4c4443;
  --text-primary: #f6e1de;
  --text-secondary: #d9c7c5;
  --text-muted: #c1b2b0;
  --text-subtle: #7d7170;
  --text-disabled: #6b615f;
  --border-subtle: #443c3b;
  --border-default: #504645;
  --border-strong: #655958;
  --border-control: #968785;
  --accent: #ff9ea6;
  --accent-contrast: #2a1a1b;
  --accent-muted: #54393a;
  --focus: #f8929b;
  --ai-mark: #fe97cf;
  --status-danger-text: #fea196;
  --status-danger-surface: #472e2a;
  --status-danger-border: #b9645c;
  --status-warning-text: #f5ae3b;
  --status-warning-surface: #41331e;
  --status-warning-border: #a67627;
  --status-success-text: #6fd889;
  --status-success-surface: #273b2b;
  --status-success-border: #4a925c;
  --status-info-text: #8ac3fe;
  --status-info-surface: #263749;
  --status-info-border: #4984bf;
  --code-surface: #2b2322;
  --code-plain: #f6e1de;
  --code-comment: #8c978e;
  --code-punctuation: #a89b99;
  --code-added: #6fd889;
  --code-removed: #fea196;
  --code-line-highlight: #473536;
  --code-keyword: #c9acfe;
  --code-string: #6fd889;
  --code-number: #fea383;
  --code-function: #8ac3fe;
  --code-type: #09d7e0;
  --ink-alpha-weak: rgba(246, 225, 222, 0.06);
  --ink-alpha-soft: rgba(246, 225, 222, 0.12);
  --ink-alpha-medium: rgba(246, 225, 222, 0.24);
  --ink-alpha-strong: rgba(246, 225, 222, 0.48);
  --surface-inverse: #fff8f8;
  --surface-inverse-subtle: #eed6d3;
  --text-inverse: #311d1b;
  --text-inverse-subtle: #6c5755;
  --border-inverse: #bfa4a1;
  --font-weight-body: 420;
  --danger: #d15c53;
  --danger-hover: #e36c61;
  --elevation-contact-color: rgb(0 0 0 / 0.34);
  --elevation-ambient-color: rgb(0 0 0 / 0.22);
  --elevation-contact-strong-color: rgb(0 0 0 / 0.45);
  --elevation-ambient-strong-color: rgb(0 0 0 / 0.30);
  --opacity-scrim: 0.6;
  --opacity-scrim-blurred: 0.4;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 8%;
  --step-border-subtle: 8%;
  --step-border-default: 12%;
  --step-border-strong: 19%;
}
:root[data-theme="persona-light"],
.theme-persona-light {
  color-scheme: light;
  --surface-canvas: #fefefe;
  --surface-plane: #fefefe;
  --surface-base: #fefefe;
  --surface-subtle: #f1f1f1;
  --surface-navigation: #f6f6f6;
  --surface-raised: #fefefe;
  --surface-hover: #ededed;
  --surface-selected: #e0e0e0;
  --surface-track: #efefef;
  --surface-track-selected: #fefefe;
  --text-primary: #0c0c0c;
  --text-secondary: #303030;
  --text-muted: #595959;
  --text-subtle: #6a6a6a;
  --text-disabled: #878787;
  --border-subtle: #f0f0f0;
  --border-default: #e1e1e1;
  --border-strong: #adadad;
  --border-control: #4d4d4d;
  --accent: #0333cc;
  --accent-contrast: #fefefe;
  --accent-muted: #dde8fe;
  --focus: #1745c2;
  --ai-mark: #da2973;
  --status-danger-text: #901114;
  --status-danger-surface: #fee1dd;
  --status-danger-border: #a43b35;
  --status-warning-text: #694501;
  --status-warning-surface: #fbe5c8;
  --status-warning-border: #865900;
  --status-success-text: #005e28;
  --status-success-surface: #d4f2d9;
  --status-success-border: #007835;
  --status-info-text: #014f8a;
  --status-info-surface: #d9ebff;
  --status-info-border: #0465af;
  --code-surface: #f6f6f6;
  --code-plain: #0c0c0c;
  --code-comment: #4d4d4d;
  --code-punctuation: #303030;
  --code-added: #005e28;
  --code-removed: #901114;
  --code-line-highlight: #ededed;
  --code-keyword: #5c2f95;
  --code-string: #005e28;
  --code-number: #852b00;
  --code-function: #014f8a;
  --code-type: #04585c;
  --ink-alpha-weak: rgba(12, 12, 12, 0.06);
  --ink-alpha-soft: rgba(12, 12, 12, 0.12);
  --ink-alpha-medium: rgba(12, 12, 12, 0.24);
  --ink-alpha-strong: rgba(12, 12, 12, 0.48);
  --surface-inverse: #202020;
  --surface-inverse-subtle: #333333;
  --text-inverse: #ededed;
  --text-inverse-subtle: #9f9f9f;
  --border-inverse: #424242;
  --danger: #a52a26;
  --danger-hover: #901114;
  --elevation-contact-color: rgb(20 19 18 / 0.12);
  --elevation-ambient-color: rgb(20 19 18 / 0.08);
  --elevation-contact-strong-color: rgb(20 19 18 / 0.18);
  --elevation-ambient-strong-color: rgb(20 19 18 / 0.14);
  --opacity-scrim: 0.32;
  --opacity-scrim-blurred: 0.2;
  --font-weight-body: 440;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 12%;
  --step-border-subtle: 4%;
  --step-border-default: 9%;
  --step-border-strong: 15%;
}
:root[data-theme="persona-dark"],
.theme-persona-dark {
  color-scheme: dark;
  --surface-canvas: #090909;
  --surface-plane: #141414;
  --surface-base: #202020;
  --surface-subtle: #131313;
  --surface-navigation: #000000;
  --surface-raised: #262626;
  --surface-hover: #333333;
  --surface-selected: #353535;
  --surface-track: #2e2e2e;
  --surface-track-selected: #353535;
  --text-primary: #ededed;
  --text-secondary: #c7c7c7;
  --text-muted: #9f9f9f;
  --text-subtle: #8a8a8a;
  --text-disabled: #6f6f6f;
  --border-subtle: #1f1f1f;
  --border-default: #2b2b2b;
  --border-strong: #424242;
  --border-control: #a0a0a0;
  --accent: #94b7fe;
  --accent-contrast: #090909;
  --accent-muted: #1c2842;
  --focus: #85acfe;
  --ai-mark: #ff9cb7;
  --status-danger-text: #feaba1;
  --status-danger-surface: #432320;
  --status-danger-border: #d67066;
  --status-warning-text: #fcb442;
  --status-warning-surface: #3c2a0e;
  --status-warning-border: #c0851f;
  --status-success-text: #75df8f;
  --status-success-surface: #1a3520;
  --status-success-border: #4fa866;
  --status-info-text: #96c9fe;
  --status-info-surface: #192f46;
  --status-info-border: #4d97de;
  --code-surface: #131313;
  --code-plain: #ededed;
  --code-comment: #9e9e9e;
  --code-punctuation: #b7b7b7;
  --code-added: #75df8f;
  --code-removed: #feaba1;
  --code-line-highlight: #1f1f1f;
  --code-keyword: #ceb5ff;
  --code-string: #75df8f;
  --code-number: #ffad91;
  --code-function: #96c9fe;
  --code-type: #10dee7;
  --ink-alpha-weak: rgba(237, 237, 237, 0.06);
  --ink-alpha-soft: rgba(237, 237, 237, 0.12);
  --ink-alpha-medium: rgba(237, 237, 237, 0.24);
  --ink-alpha-strong: rgba(237, 237, 237, 0.48);
  --surface-inverse: #fefefe;
  --surface-inverse-subtle: #ededed;
  --text-inverse: #0c0c0c;
  --text-inverse-subtle: #595959;
  --border-inverse: #adadad;
  --font-weight-body: 420;
  --danger: #d15c53;
  --danger-hover: #e36c61;
  --elevation-contact-color: rgb(0 0 0 / 0.34);
  --elevation-ambient-color: rgb(0 0 0 / 0.22);
  --elevation-contact-strong-color: rgb(0 0 0 / 0.45);
  --elevation-ambient-strong-color: rgb(0 0 0 / 0.30);
  --opacity-scrim: 0.6;
  --opacity-scrim-blurred: 0.4;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 8%;
  --step-border-subtle: 8%;
  --step-border-default: 12%;
  --step-border-strong: 19%;
}
:root[data-theme="paper-light"],
.theme-paper-light {
  color-scheme: light;
  --surface-canvas: #e4cfb2;
  --surface-plane: #ebd8bc;
  --surface-base: #f3e1c6;
  --surface-subtle: #ddc9ac;
  --surface-navigation: #edd9bd;
  --surface-raised: #f3e1c6;
  --surface-hover: #dcc7a9;
  --surface-selected: #dec7a6;
  --surface-track: #ddc9ac;
  --surface-track-selected: #f3e1c6;
  --text-primary: #342817;
  --text-secondary: #4b4030;
  --text-muted: #5d5243;
  --text-subtle: #a79d8e;
  --text-disabled: #bab1a4;
  --border-subtle: #e8d4b9;
  --border-default: #ddc9ac;
  --border-strong: #b7a995;
  --border-control: #7e6f5a;
  --accent: #8b5727;
  --accent-contrast: #fef9f5;
  --accent-muted: #f0d3bc;
  --focus: #986233;
  --ai-mark: #e0284d;
  --status-danger-text: #a0020f;
  --status-danger-surface: #ffd2cc;
  --status-danger-border: #b6433c;
  --status-warning-text: #724b00;
  --status-warning-surface: #f4dab7;
  --status-warning-border: #956300;
  --status-success-text: #00662c;
  --status-success-surface: #c6e9cc;
  --status-success-border: #01853c;
  --status-info-text: #005696;
  --status-info-surface: #c6e1ff;
  --status-info-border: #0771c1;
  --code-surface: #efe7da;
  --code-plain: #342817;
  --code-comment: #5d685f;
  --code-punctuation: #6a6256;
  --code-added: #00662c;
  --code-removed: #a0020f;
  --code-line-highlight: #e9d9cd;
  --code-keyword: #6824b0;
  --code-string: #00662c;
  --code-number: #902f00;
  --code-function: #005696;
  --code-type: #046064;
  --ink-alpha-weak: rgba(52, 40, 23, 0.06);
  --ink-alpha-soft: rgba(52, 40, 23, 0.12);
  --ink-alpha-medium: rgba(52, 40, 23, 0.24);
  --ink-alpha-strong: rgba(52, 40, 23, 0.48);
  --surface-inverse: #504739;
  --surface-inverse-subtle: #584c3b;
  --text-inverse: #faecd8;
  --text-inverse-subtle: #cec4b5;
  --border-inverse: #7b6e5a;
  --danger: #a52a26;
  --danger-hover: #901114;
  --elevation-contact-color: rgb(20 19 18 / 0.12);
  --elevation-ambient-color: rgb(20 19 18 / 0.08);
  --elevation-contact-strong-color: rgb(20 19 18 / 0.18);
  --elevation-ambient-strong-color: rgb(20 19 18 / 0.14);
  --opacity-scrim: 0.32;
  --opacity-scrim-blurred: 0.2;
  --font-weight-body: 440;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 12%;
  --step-border-subtle: 4%;
  --step-border-default: 9%;
  --step-border-strong: 15%;
}
:root[data-theme="paper-dark"],
.theme-paper-dark {
  color-scheme: dark;
  --surface-canvas: #433b2f;
  --surface-plane: #4c4436;
  --surface-base: #504739;
  --surface-subtle: #453d31;
  --surface-navigation: #3a3226;
  --surface-raised: #534839;
  --surface-hover: #584c3b;
  --surface-selected: #5d503d;
  --surface-track: #554d40;
  --surface-track-selected: #5a5143;
  --text-primary: #faecd8;
  --text-secondary: #e3d7c6;
  --text-muted: #cec4b5;
  --text-subtle: #827a6f;
  --text-disabled: #6f6960;
  --border-subtle: #594f41;
  --border-default: #655a4a;
  --border-strong: #7b6e5a;
  --border-control: #ae9d84;
  --accent: #e0b490;
  --accent-contrast: #382e26;
  --accent-muted: #6c4c31;
  --focus: #d6aa87;
  --ai-mark: #fe9fa3;
  --status-danger-text: #fea196;
  --status-danger-surface: #643a36;
  --status-danger-border: #d2786e;
  --status-warning-text: #f7ad30;
  --status-warning-surface: #5a4320;
  --status-warning-border: #be8a3a;
  --status-success-text: #6ad987;
  --status-success-surface: #2e5136;
  --status-success-border: #5da96f;
  --status-info-text: #8ac3fe;
  --status-info-surface: #2d4a67;
  --status-info-border: #5b99d9;
  --code-surface: #3e3528;
  --code-plain: #faecd8;
  --code-comment: #a3aca4;
  --code-punctuation: #b8b3ac;
  --code-added: #6ad987;
  --code-removed: #fea196;
  --code-line-highlight: #64452c;
  --code-keyword: #c9acfe;
  --code-string: #6ad987;
  --code-number: #fea383;
  --code-function: #8ac3fe;
  --code-type: #08d7e0;
  --ink-alpha-weak: rgba(250, 236, 216, 0.06);
  --ink-alpha-soft: rgba(250, 236, 216, 0.12);
  --ink-alpha-medium: rgba(250, 236, 216, 0.24);
  --ink-alpha-strong: rgba(250, 236, 216, 0.48);
  --surface-inverse: #f3e1c6;
  --surface-inverse-subtle: #dcc7a9;
  --text-inverse: #342817;
  --text-inverse-subtle: #5d5243;
  --border-inverse: #b7a995;
  --font-weight-body: 420;
  --danger: #d15c53;
  --danger-hover: #e36c61;
  --elevation-contact-color: rgb(0 0 0 / 0.34);
  --elevation-ambient-color: rgb(0 0 0 / 0.22);
  --elevation-contact-strong-color: rgb(0 0 0 / 0.45);
  --elevation-ambient-strong-color: rgb(0 0 0 / 0.30);
  --opacity-scrim: 0.6;
  --opacity-scrim-blurred: 0.4;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 8%;
  --step-border-subtle: 8%;
  --step-border-default: 12%;
  --step-border-strong: 19%;
}
:root[data-theme="terminal-light"],
.theme-terminal-light {
  color-scheme: light;
  --surface-canvas: #ffffff;
  --surface-plane: #ffffff;
  --surface-base: #ffffff;
  --surface-subtle: #ebebeb;
  --surface-navigation: #ffffff;
  --surface-raised: #ffffff;
  --surface-hover: #e8e8e8;
  --surface-selected: #e3e3e3;
  --surface-track: #ebebeb;
  --surface-track-selected: #ffffff;
  --text-primary: #000000;
  --text-secondary: #424242;
  --text-muted: #5d5d5d;
  --text-subtle: #9e9e9e;
  --text-disabled: #b2b2b2;
  --border-subtle: #eeeeee;
  --border-default: #d7d7d7;
  --border-strong: #ababab;
  --border-control: #808080;
  --accent: #03791f;
  --accent-contrast: #f2fef2;
  --accent-muted: #d0f3d0;
  --focus: #2e2e2e;
  --ai-mark: #dd2767;
  --status-danger-text: #ab000f;
  --status-danger-surface: #fee7e4;
  --status-danger-border: #c1554c;
  --status-warning-text: #795000;
  --status-warning-surface: #ffe9cd;
  --status-warning-border: #a56f05;
  --status-success-text: #006c2f;
  --status-success-surface: #d6f7dc;
  --status-success-border: #2c924c;
  --status-info-text: #005b9f;
  --status-info-surface: #e0effe;
  --status-info-border: #2c7fcb;
  --code-surface: #ededed;
  --code-plain: #000000;
  --code-comment: #656565;
  --code-punctuation: #6a6a6a;
  --code-added: #236938;
  --code-removed: #8b3f38;
  --code-line-highlight: #dfdfdf;
  --code-keyword: #634a8b;
  --code-string: #236938;
  --code-number: #894228;
  --code-function: #235c91;
  --code-type: #00666b;
  --ink-alpha-weak: rgba(0, 0, 0, 0.06);
  --ink-alpha-soft: rgba(0, 0, 0, 0.12);
  --ink-alpha-medium: rgba(0, 0, 0, 0.24);
  --ink-alpha-strong: rgba(0, 0, 0, 0.48);
  --surface-inverse: #000000;
  --surface-inverse-subtle: #2e2e2e;
  --text-inverse: #ffffff;
  --text-inverse-subtle: #bababa;
  --border-inverse: #525252;
  --danger: #a52a26;
  --danger-hover: #901114;
  --elevation-contact-color: rgb(20 19 18 / 0.12);
  --elevation-ambient-color: rgb(20 19 18 / 0.08);
  --elevation-contact-strong-color: rgb(20 19 18 / 0.18);
  --elevation-ambient-strong-color: rgb(20 19 18 / 0.14);
  --opacity-scrim: 0.32;
  --opacity-scrim-blurred: 0.2;
  --font-weight-body: 440;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 12%;
  --step-border-subtle: 4%;
  --step-border-default: 9%;
  --step-border-strong: 15%;
}
:root[data-theme="terminal-dark"],
.theme-terminal-dark {
  color-scheme: dark;
  --surface-canvas: #000000;
  --surface-plane: #000000;
  --surface-base: #000000;
  --surface-subtle: #161616;
  --surface-navigation: #000000;
  --surface-raised: #1f1f1f;
  --surface-hover: #2e2e2e;
  --surface-selected: #3d3d3d;
  --surface-track: #2e2e2e;
  --surface-track-selected: #424242;
  --text-primary: #ffffff;
  --text-secondary: #d1d1d1;
  --text-muted: #bababa;
  --text-subtle: #7a7a7a;
  --text-disabled: #636363;
  --border-subtle: #292929;
  --border-default: #383838;
  --border-strong: #525252;
  --border-control: #717171;
  --accent: #5af169;
  --accent-contrast: #051c07;
  --accent-muted: #18361a;
  --focus: #d9d9d9;
  --ai-mark: #fe9db1;
  --status-danger-text: #ffa196;
  --status-danger-surface: #482d2a;
  --status-danger-border: #b9655c;
  --status-warning-text: #f5ae39;
  --status-warning-surface: #42321d;
  --status-warning-border: #a67628;
  --status-success-text: #6ed889;
  --status-success-surface: #263b2a;
  --status-success-border: #4a925c;
  --status-info-text: #89c3fe;
  --status-info-surface: #253749;
  --status-info-border: #4984bf;
  --code-surface: #060606;
  --code-plain: #ffffff;
  --code-comment: #949494;
  --code-punctuation: #9e9e9e;
  --code-added: #99cda3;
  --code-removed: #edaaa2;
  --code-line-highlight: #3a3a3a;
  --code-keyword: #c5b2eb;
  --code-string: #99cda3;
  --code-number: #ecad97;
  --code-function: #96c2f0;
  --code-type: #7cced2;
  --ink-alpha-weak: rgba(255, 255, 255, 0.06);
  --ink-alpha-soft: rgba(255, 255, 255, 0.12);
  --ink-alpha-medium: rgba(255, 255, 255, 0.24);
  --ink-alpha-strong: rgba(255, 255, 255, 0.48);
  --surface-inverse: #ffffff;
  --surface-inverse-subtle: #e8e8e8;
  --text-inverse: #000000;
  --text-inverse-subtle: #5d5d5d;
  --border-inverse: #ababab;
  --font-weight-body: 420;
  --danger: #d15c53;
  --danger-hover: #e36c61;
  --elevation-contact-color: rgb(0 0 0 / 0.34);
  --elevation-ambient-color: rgb(0 0 0 / 0.22);
  --elevation-contact-strong-color: rgb(0 0 0 / 0.45);
  --elevation-ambient-strong-color: rgb(0 0 0 / 0.30);
  --opacity-scrim: 0.6;
  --opacity-scrim-blurred: 0.4;
  --step-surface-hover: 6%;
  --step-surface-selected: 10%;
  --step-surface-pressed: 16%;
  --step-track-selected: 8%;
  --step-border-subtle: 8%;
  --step-border-default: 12%;
  --step-border-strong: 19%;
}
:root,
.theme-neutral-light,
.theme-neutral-dark,
.theme-godfather-light,
.theme-godfather-dark,
.theme-fargo-light,
.theme-fargo-dark,
.theme-matrix-light,
.theme-matrix-dark,
.theme-dune-light,
.theme-dune-dark,
.theme-persona-light,
.theme-persona-dark,
.theme-paper-light,
.theme-paper-dark,
.theme-terminal-light,
.theme-terminal-dark {
  --canvas: var(--surface-canvas);
  --navigation: var(--surface-navigation);
  --surface: var(--surface-base);
  --border: var(--border-default);
  --scrim: rgb(0 0 0 / var(--opacity-scrim));
  --scrim-blurred: rgb(0 0 0 / var(--opacity-scrim-blurred));
  --radius-control-base: var(--radius-control);
  --text: var(--text-primary);
  --elevation-stroke-color: var(--border-strong);
  --elevation-flat: none;
  --elevation-raised: 0 1px 2px var(--elevation-contact-color), 0 4px 12px var(--elevation-ambient-color);
  --elevation-raised-contained: 0 1px 2px var(--elevation-contact-color), 0 4px 12px var(--elevation-ambient-color);
  --elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
  --elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
  --elevation-overlay: 0 8px 24px var(--elevation-contact-strong-color), 0 24px 64px var(--elevation-ambient-strong-color);
  --elevation-page: 0 0 24px var(--elevation-ambient-color);
  --shadow-overlay: var(--elevation-overlay);
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-duration-spatial: var(--motion-duration-instant);
    --motion-duration-reveal: var(--motion-duration-instant);
    --motion-duration-mode: var(--motion-duration-default);
    --motion-duration-travel: var(--motion-duration-instant);
    --motion-delay-stagger: var(--motion-duration-instant);
    --motion-distance-scale: 0;
    --motion-iteration-count: 1;
  }
}
@media (forced-colors: active) {
  :root {
    --border-default: CanvasText;
    --border-strong: CanvasText;
    --border-control: ButtonText;
    --focus: Highlight;
  }
}
:root {
  --surface-pressed: var(--surface-selected);
  --quire-surface-canvas: var(--surface-canvas);
  --quire-surface-base: var(--surface-base);
  --quire-surface-subtle: var(--surface-subtle);
  --quire-surface-inverse: var(--surface-inverse);
  --quire-surface-selected: var(--surface-selected);
  --quire-border-subtle: var(--border-default);
  --quire-border-strong: var(--border-strong);
  --quire-border-selected: var(--text-primary);
  --quire-text-primary: var(--text-primary);
  --quire-text-secondary: var(--text-secondary);
  --quire-text-muted: var(--text-muted);
  --quire-text-inverse: var(--text-inverse);
  --quire-text-link: var(--status-info-text);
  --quire-action-primary: var(--accent);
  --quire-action-primary-hover: var(--text-secondary);
  --quire-action-secondary: var(--surface-subtle);
  --quire-action-secondary-hover: var(--surface-selected);
  --quire-status-info: var(--status-info-text);
  --quire-status-success: var(--status-success-text);
  --quire-status-warning: var(--status-warning-text);
  --quire-status-danger: var(--status-danger-text);
  --quire-space-1: var(--space-1);
  --quire-space-2: var(--space-2);
  --quire-space-3: var(--space-3);
  --quire-space-4: var(--space-4);
  --quire-space-5: var(--space-5);
  --quire-space-6: var(--space-6);
  --quire-space-8: var(--space-8);
  --quire-space-10: var(--space-10);
  --quire-border-width-default: var(--border-width-default);
  --quire-opacity-disabled: var(--opacity-disabled);
  --quire-radius-sm: var(--radius-sm);
  --quire-radius-md: var(--radius-md);
  --quire-radius-lg: var(--radius-lg);
  --quire-radius-pill: var(--radius-full);
  --quire-font-sans: var(--font-sans);
  --quire-font-mono: var(--font-mono);
  --quire-layer-modal: var(--layer-modal);
  --quire-duration-feedback: var(--motion-duration-feedback);
  --quire-duration-spatial: var(--motion-duration-spatial);
  --quire-duration-reveal: var(--motion-duration-reveal);
  --quire-focus-ring-width: var(--focus-ring-width);
  --quire-easing-standard: var(--motion-easing-standard);
  --quire-breakpoint-compact: var(--breakpoint-compact);
  --quire-breakpoint-shell: var(--breakpoint-shell);
  --quire-shadow-raised: var(--elevation-raised);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  background: var(--quire-surface-canvas);
  color: var(--quire-text-primary);
  font-family: var(--quire-font-sans);
  font-size: var(--text-base);
  font-weight: var(--font-weight-body);
  line-height: var(--text-base-line-height);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
.heading-lg,
.heading-base,
.heading-subsection,
.heading-dialog {
  font-weight: var(--font-weight-medium);
}
.heading-lg {
  font-size: var(--text-heading-lg);
  line-height: var(--text-heading-lg-line-height);
}
.heading-base {
  font-size: var(--text-heading-md);
  line-height: var(--text-heading-md-line-height);
}
.heading-subsection {
  font-size: var(--text-heading-sm);
  line-height: var(--text-heading-sm-line-height);
}
.heading-dialog {
  font-size: var(--text-heading-md);
  line-height: var(--text-heading-dialog-line-height);
}
.numeric-tabular {
  font-variant-numeric: var(--font-variant-numeric-tabular);
}
.collection-row[data-render-containment] {
  content-visibility: auto;
  contain-intrinsic-size: auto var(--layout-row-intrinsic-size);
}
button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}
button {
  cursor: pointer;
}
:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus);
  outline-offset: var(--focus-ring-offset);
}
.quire-row-list :focus-visible {
  outline-offset: calc(-1 * var(--focus-ring-gap));
}
::selection {
  background: var(--accent);
  color: var(--accent-contrast);
}
@media (forced-colors: active) {
  :root {
    --border-default: CanvasText;
    --border-strong: CanvasText;
    --border-control: ButtonText;
  }
  :focus-visible {
    outline-color: Highlight;
  }
}
[hidden] {
  display: none !important;
}
.quire-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.quire-surface {
  background: var(--interaction-surface, var(--surface-canvas));
}
@supports (color: color-mix(in oklab, white, black)) {
  .quire-surface {
    --surface-hover: color-mix(
      in oklab,
      var(--interaction-surface, var(--surface-canvas)),
      var(--text-primary) var(--step-surface-hover)
    );
    --surface-selected: color-mix(
      in oklab,
      var(--interaction-surface, var(--surface-canvas)),
      var(--text-primary) var(--step-surface-selected)
    );
    --surface-pressed: color-mix(
      in oklab,
      var(--interaction-surface, var(--surface-canvas)),
      var(--text-primary) var(--step-surface-pressed)
    );
    
    --border-subtle: color-mix(
      in oklab,
      var(--interaction-surface, var(--surface-canvas)),
      var(--text-primary) var(--step-border-subtle)
    );
    --border-default: color-mix(
      in oklab,
      var(--interaction-surface, var(--surface-canvas)),
      var(--text-primary) var(--step-border-default)
    );
    --border-strong: color-mix(
      in oklab,
      var(--interaction-surface, var(--surface-canvas)),
      var(--text-primary) var(--step-border-strong)
    );
    --border: var(--border-default);
  }
}
.quire-rail-scroll {
  overflow-y: auto;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    rgb(0 0 0) var(--layout-rail-scroll-fade),
    rgb(0 0 0) calc(100% - var(--layout-rail-scroll-fade)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    rgb(0 0 0) var(--layout-rail-scroll-fade),
    rgb(0 0 0) calc(100% - var(--layout-rail-scroll-fade)),
    transparent 100%
  );
}
.quire-rail-scroll::-webkit-scrollbar {
  display: none;
}
.quire-masthead {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--layout-row-min-height);
  padding: var(--layout-masthead-padding-block) var(--layout-masthead-padding-inline);
  border: 0;
  border-radius: var(--layout-masthead-radius);
  background: transparent;
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--text-heading-md);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-tight);
  text-align: start;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
.quire-masthead strong {
  font-weight: inherit;
}
@media (hover: hover) {
  .quire-masthead:hover {
    background: var(--surface-hover);
  }
}
.quire-masthead:active {
  background: var(--surface-selected);
}
.quire-command-launcher {
  font-family: var(--font-sans);
  display: flex;
  height: var(--layout-control-height);
  align-items: center;
  gap: var(--space-2);
  padding-block: 0;
  padding-inline: var(--space-2-5) var(--space-2);
  border: var(--border-width-default) solid var(--border-control);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--text-muted);
  font-size: var(--text-base);
  line-height: var(--text-base-line-height);
}
@media (hover: hover) {
  .quire-command-launcher:hover {
    border-color: var(--text-muted);
    color: var(--text);
  }
}
kbd {
  display: inline-flex;
  min-width: var(--layout-keycap-size);
  height: var(--layout-keycap-size);
  align-items: center;
  justify-content: center;
  padding: 0 var(--space-0-5);
  border: 0; 
  border-radius: var(--radius-xs);
  --keycap-ink: var(--text-primary);
  background: var(--surface-subtle);
  background: color-mix(in oklab, transparent, var(--keycap-ink) var(--step-surface-selected));
  color: var(--text-subtle);
  font-family: var(--font-system);
  font-size: var(--text-xs);
  line-height: 1;
}
.quire-keys {
  font-family: var(--font-system); 
  display: inline-flex;
  align-items: center;
  gap: var(--space-0-5);
}
.quire-search-field {
  font-family: var(--font-sans);
  display: flex;
  height: var(--layout-control-height);
  align-items: center;
  gap: var(--space-2);
  padding-inline: var(--space-2-5);
  border: var(--border-width-default) solid var(--border-control);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--text-muted);
}
.quire-command-launcher svg,
.quire-command-field svg,
.quire-search-field svg {
  flex: 0 0 auto;
  width: var(--icon-control);
  height: var(--icon-control);
  stroke-width: var(--icon-stroke-width);
}
.quire-search-field:focus-within {
  outline: var(--focus-ring-width) solid var(--focus);
  outline-offset: var(--focus-ring-offset);
}
.quire-search-field input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-family: inherit;
  font-size: var(--text-base);
  line-height: var(--text-base-line-height);
}
.quire-search-field input::placeholder {
  color: var(--text-subtle);
}
.quire-search-field input::-webkit-search-cancel-button,
.quire-search-field input::-webkit-search-decoration,
.quire-search-field input::-webkit-search-results-button,
.quire-search-field input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  display: none;
}
.dialog-layer {
  position: fixed;
  z-index: var(--layer-modal);
  inset: 0;
  display: grid;
  place-items: start center;
  padding: var(--layout-dialog-drop) var(--space-5) var(--space-5);
}
.dialog-scrim {
  position: absolute;
  inset: 0;
  border: 0;
  background: var(--scrim);
}
.quire-command-palette {
  font-family: var(--font-sans);
  position: relative;
  width: min(100%, var(--layout-dialog-width));
  overflow: hidden;
  border: var(--border-width-default) solid var(--border-strong);
  border-radius: var(--radius-panel);
  background: var(--surface-raised);
  box-shadow: var(--shadow-overlay);
}
.quire-command-field {
  display: grid;
  height: var(--layout-row-comfortable);
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2-5);
  padding-block: 0;
  padding-inline: var(--space-4) var(--space-3);
  border-bottom: var(--border-width-default) solid var(--border);
  color: var(--text-subtle);
}
.quire-command-field input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-size: var(--text-base);
  line-height: var(--text-base-line-height);
}
.quire-command-field input::placeholder {
  color: var(--text-subtle);
}
.quire-command-results {
  max-height: var(--layout-menu-max-height);
  overflow-y: auto;
  padding: var(--space-1-5);
}
.quire-command-results button {
  display: flex;
  width: 100%;
  min-height: var(--layout-row-comfortable);
  align-items: center;
  justify-content: space-between;
  padding: var(--space-2) var(--space-2-5);
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  text-align: start;
}
.quire-command-results button.is-active {
  background: var(--surface-hover);
}
@media (hover: hover) {
  .quire-command-results button:hover {
    background: var(--surface-hover);
  }
}
.quire-command-results button:active {
  background: var(--surface-selected);
}
.quire-command-results button > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.quire-command-results strong {
  font-size: var(--text-sm-contextual);
  font-weight: var(--font-weight-medium);
  line-height: var(--text-sm-line-height);
}
.quire-command-results small {
  margin-top: var(--space-0-5);
  color: var(--text-subtle);
  font-size: var(--text-xs-contextual);
  line-height: var(--text-xs-line-height);
}
.quire-command-empty {
  margin: 0;
  padding: var(--space-8) var(--space-4);
  color: var(--text-subtle);
  font-size: var(--text-sm-contextual);
  line-height: var(--text-sm-line-height);
  text-align: center;
}
@media (max-width: 720px) {
  .quire-command-launcher span,
  .quire-command-launcher kbd {
    display: none;
  }
  .quire-command-launcher {
    width: var(--layout-control-height);
    justify-content: center;
    padding: 0;
  }
}
.quire-segmented {
  font-family: var(--font-sans);
  --groove: var(--space-1);
  display: inline-flex;
  gap: var(--layout-row-stack-gap);
  padding: var(--groove);
  border: var(--border-width-default) solid transparent;
  border-radius: var(--radius-lg);
  background: var(--surface-track);
}
@supports (color: color-mix(in oklab, white, black)) {
  .quire-segmented {
    --surface-track: color-mix(
      in oklab,
      var(--interaction-surface, var(--surface-canvas)),
      var(--text-primary) var(--step-surface-hover)
    );
    --surface-hover: color-mix(
      in oklab,
      var(--surface-track),
      var(--text-primary) var(--step-surface-hover)
    );
    --surface-selected: color-mix(
      in oklab,
      var(--surface-track),
      var(--text-primary) var(--step-surface-selected)
    );
    --surface-pressed: color-mix(
      in oklab,
      var(--surface-track),
      var(--text-primary) var(--step-surface-pressed)
    );
    --surface-track-selected: color-mix(
      in oklab,
      var(--surface-track),
      white var(--step-track-selected)
    );
  }
  .quire-segmented.is-plain {
    --surface-hover: color-mix(
      in oklab,
      var(--interaction-surface, var(--surface-canvas)),
      var(--text-primary) var(--step-surface-hover)
    );
    --surface-selected: color-mix(
      in oklab,
      var(--interaction-surface, var(--surface-canvas)),
      var(--text-primary) var(--step-surface-selected)
    );
    --surface-pressed: color-mix(
      in oklab,
      var(--interaction-surface, var(--surface-canvas)),
      var(--text-primary) var(--step-surface-pressed)
    );
  }
}
.quire-segmented :is(button, a) {
  height: var(--layout-row-min-height);
  text-decoration: none;
  padding: 0 var(--space-3);
  border: 0;
  border-radius: calc(var(--radius-lg) - var(--groove));
  background: transparent;
  color: var(--text-muted);
  font-size: var(--text-sm-contextual);
  line-height: var(--text-sm-line-height);
  transition: background-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
.quire-segmented a {
  display: inline-flex;
  align-items: center;
}
@media (hover: hover) {
  .quire-segmented :is(button, a):hover:not(.is-active) {
    background: color-mix(in oklab, var(--surface-track), var(--text-primary) var(--step-surface-selected));
    color: var(--text);
  }
}
.quire-segmented :is(button, a).is-active {
  background: var(--surface-track-selected);
  color: var(--text);
  box-shadow: var(--elevation-control);
}
.quire-segmented :is(button, a):active:not(.is-active) {
  background: var(--surface-pressed);
  color: var(--text);
  box-shadow: none;
}
.quire-segmented.is-icon :is(button, a) {
  display: grid;
  width: var(--layout-control-height-compact);
  height: var(--layout-control-height-compact);
  padding: 0;
  place-items: center;
  color: var(--text-subtle);
}
.quire-segmented.is-icon :is(button, a) svg {
  width: var(--icon-control);
  height: var(--icon-control);
  stroke-width: var(--icon-stroke-width);
}
.quire-segmented.is-plain {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1);
  padding: 0;
  border: 0;
  background: none;
}
.quire-segmented.is-plain :is(button, a) {
  height: var(--layout-control-height-compact);
  padding: 0 var(--space-2);
}
.quire-segmented.is-plain :is(button, a).is-active {
  background: var(--surface-selected);
  box-shadow: none;
}
.quire-segmented.is-plain :is(button, a):active {
  background: var(--surface-pressed);
}
.quire-selectmenu {
  font-family: var(--font-sans);
  position: relative;
  display: inline-block;
  width: fit-content; 
}
.quire-selectmenu-trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--layout-control-height);
  padding: 0 var(--space-3);
  border: var(--border-width-default) solid var(--border-control);
  border-radius: var(--radius-control);
  background: var(--surface);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  color: var(--text-primary);
  cursor: pointer;
  transition: background-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
@media (hover: hover) {
  .quire-selectmenu-trigger:hover {
    background: var(--surface-hover);
  }
}
.quire-selectmenu-trigger:active {
  background: var(--surface-selected);
}
.quire-selectmenu-trigger svg,
.quire-selectmenu-list li svg {
  width: var(--icon-control);
  height: var(--icon-control);
  stroke-width: var(--icon-stroke-width);
  flex: 0 0 auto;
}
.quire-selectmenu-trigger svg {
  color: var(--text-subtle);
}
.quire-selectmenu-list {
  font-family: var(--font-sans);
  position: absolute;
  top: calc(100% + var(--layout-menu-anchor-offset));
  inset-inline-start: 0;
  z-index: var(--layer-overlay);
  min-width: 100%;
  width: max-content;
  margin: 0;
  list-style: none;
  
  --card-padding: var(--layout-menu-padding);
  padding: var(--card-padding);
  border-radius: calc(var(--card-padding) + var(--radius-control-base)); 
  background: var(--surface-raised);
  box-shadow: var(--elevation-floating);
  display: flex;
  flex-direction: column;
  gap: var(--layout-row-stack-gap);
}
.quire-selectmenu-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-height: var(--layout-row-min-height);
  padding: 0 var(--layout-menu-item-padding-inline);
  border-radius: var(--radius-control);
  font-size: var(--text-base);
  color: var(--text-secondary);
  cursor: pointer;
  transition: background-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
.quire-selectmenu-list li.is-highlighted:not(.is-selected) {
  background: var(--surface-hover);
}
.quire-selectmenu-list li:active,
.quire-selectmenu-list li.is-selected {
  background: var(--surface-selected);
  color: var(--text-primary);
}
.quire-selectmenu-list li svg {
  color: var(--text-primary);
}
.quire-selectmenu-trigger .quire-menu-icon svg,
.quire-selectmenu-list li .quire-menu-icon svg {
  color: var(--text-muted);
}
.select-opt {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: var(--layout-menu-item-gap);
}
.select-opt > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quire-swatch {
  flex: 0 0 auto;
  width: var(--icon-2xs);
  height: var(--icon-2xs);
  border-radius: var(--radius-xs);
  box-shadow: inset 0 0 0 var(--border-width-hairline) var(--border-strong);
}
.quire-button {
  display: inline-flex;
  height: var(--layout-control-height);
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: 0 var(--space-3);
  
  border: var(--border-width-default) solid transparent;
  border-radius: var(--radius-control);
  background: var(--surface-hover);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  white-space: nowrap;
  --button-glyph: var(--icon-control);
}
.quire-button svg {
  flex: 0 0 auto;
  width: var(--button-glyph);
  height: var(--button-glyph);
  stroke-width: var(--icon-stroke-width);
}
.quire-button :is(
  .quire-external-mark,
  .quire-menu-chevron,
  .quire-menu-check
) {
  width: var(--button-glyph);
  height: var(--button-glyph);
  margin-inline-start: 0;
}
@media (hover: hover) {
  .quire-button:hover {
    background: var(--surface-selected);
  }
}
.quire-button:active {
  background: var(--surface-pressed);
}
.quire-button:disabled,
.quire-button[aria-disabled="true"] {
  background: var(--surface-subtle);
  border-color: transparent;
  color: var(--text-disabled);
  cursor: not-allowed;
}
.quire-button.ghost:disabled,
.quire-button.ghost[aria-disabled="true"] {
  background: transparent;
  border-color: transparent;
  color: var(--text-disabled);
}
.quire-button:disabled:active,
.quire-button[aria-disabled="true"]:active,
.quire-button.ghost:disabled:active,
.quire-button.ghost[aria-disabled="true"]:active {
  background: transparent;
}
@media (hover: hover) {
  .quire-button:disabled:hover,
.quire-button[aria-disabled="true"]:hover,
.quire-button.ghost:disabled:hover,
.quire-button.ghost[aria-disabled="true"]:hover {
    background: transparent;
  }
}
.quire-button:disabled:active,
.quire-button[aria-disabled="true"]:active {
  background: var(--surface-subtle);
}
@media (hover: hover) {
  .quire-button:disabled:hover,
.quire-button[aria-disabled="true"]:hover {
    background: var(--surface-subtle);
  }
}
.quire-button.primary {
  border-color: transparent;
  background: var(--accent);
  color: var(--accent-contrast);
}
@media (hover: hover) {
  .quire-button.primary:hover {
    opacity: var(--opacity-fill-hover);
  }
}
.quire-button.primary:active {
  opacity: var(--opacity-fill-active);
}
@media (hover: hover) {
  .quire-button.ghost:hover {
    background: var(--surface-hover);
  }
}
.quire-button.ghost:active {
  background: var(--surface-selected);
}
.quire-button.ghost {
  border-color: transparent;
  background: transparent;
  color: var(--text-muted);
}
.quire-button.danger {
  border-color: transparent;
  background: var(--danger);
  color: var(--text-inverse);
}
@media (hover: hover) {
  .quire-button.danger:hover {
    background: var(--danger-hover);
  }
}
.quire-button.medium {
  height: var(--layout-control-height);
  padding: 0 var(--space-3);
  font-size: var(--text-base);
}
.quire-button.small {
  height: var(--layout-control-height-compact);
  padding: 0 var(--space-2-5);
  font-size: var(--text-sm-contextual);
  --button-glyph: var(--icon-inline);
}
.quire-button.large {
  height: var(--layout-control-height-large);
  padding: 0 var(--space-4);
  font-size: var(--text-base);
}
.quire-input {
  inline-size: 100%;
  min-width: 0;
  min-height: var(--layout-control-height);
  padding: 0 var(--layout-row-padding-inline);
  border: var(--border-width-default) solid var(--border-control);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--text-base);
}
.quire-input::placeholder {
  color: var(--text-subtle);
}
.quire-textarea {
  display: block;
  inline-size: 100%;
  min-width: 0;
  padding: var(--space-2) var(--layout-row-padding-inline);
  border: var(--border-width-default) solid var(--border-control);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--text-base-line-height);
  resize: vertical;
}
.quire-textarea::placeholder {
  color: var(--text-subtle);
}
.quire-input:focus,
.quire-textarea:focus {
  outline: var(--focus-ring-width) solid var(--focus);
  outline-offset: var(--focus-ring-offset);
}
.quire-input:disabled,
.quire-textarea:disabled {
  background: var(--surface-subtle);
  border-color: var(--border);
  color: var(--text-disabled);
  cursor: not-allowed;
}
.quire-input:disabled::placeholder,
.quire-textarea:disabled::placeholder {
  color: var(--text-disabled);
}
.quire-checkbox {
  font-family: var(--font-sans);
  position: relative;
  display: inline-flex;
  line-height: var(--text-base-line-height);
  align-items: flex-start;
  gap: var(--space-2);
  font-size: var(--text-base);
  color: var(--text-primary);
  cursor: pointer;
}
.quire-checkbox input {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: var(--space-4);
  margin: 0;
  opacity: var(--opacity-hidden);
  cursor: pointer;
}
.quire-checkbox i {
  flex: 0 0 auto;
  pointer-events: none;
  position: relative;
  margin-block-start: calc(
    (var(--text-base-line-height) * var(--text-base) - var(--space-4)) / 2
  );
  width: var(--space-4);
  height: var(--space-4);
  border: var(--border-width-default) solid var(--border-control);
  border-radius: var(--radius-control-compact);
  background: var(--surface);
  transition:
    background-color var(--motion-duration-feedback)
      var(--motion-easing-standard),
    border-color var(--motion-duration-feedback) var(--motion-easing-standard);
}
.quire-checkbox input:checked + i,
.quire-checkbox input:indeterminate + i {
  background: var(--accent);
  border-color: var(--accent);
}
.quire-checkbox i::after {
  content: "";
  position: absolute;
  opacity: var(--opacity-hidden);
}
.quire-checkbox input:checked + i::after {
  inset-inline-start: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border-inline-end: 2px solid var(--accent-contrast);
  border-block-end: 2px solid var(--accent-contrast);
  transform: rotate(45deg);
  opacity: var(--opacity-visible);
}
.quire-checkbox input:indeterminate + i::after {
  inset-inline-start: 3px;
  top: 6px;
  width: 8px;
  height: 2px;
  background: var(--accent-contrast);
  opacity: var(--opacity-visible);
}
.quire-checkbox input:focus-visible + i {
  outline: var(--focus-ring-width) solid var(--focus);
  outline-offset: var(--focus-ring-offset);
}
.quire-radio {
  font-family: var(--font-sans);
  position: relative;
  display: inline-flex;
  line-height: var(--text-base-line-height);
  align-items: flex-start; 
  gap: var(--space-2);
  font-size: var(--text-base);
  color: var(--text-primary);
  cursor: pointer;
}
.quire-radio input {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: var(--space-4);
  margin: 0;
  opacity: var(--opacity-hidden);
  cursor: pointer;
}
.quire-radio i {
  pointer-events: none;
  position: relative;
  margin-block-start: calc(
    (var(--text-base-line-height) * var(--text-base) - var(--space-4)) / 2
  );
  width: var(--space-4);
  height: var(--space-4);
  border: var(--border-width-default) solid var(--border-control);
  border-radius: var(--radius-full);
  background: var(--surface);
  transition: border-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
.quire-radio i::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: var(--space-1-5);
  height: var(--space-1-5);
  border-radius: var(--radius-full);
  background: var(--accent);
  transform: scale(0);
  transition: transform var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
.quire-radio input:checked + i {
  border-color: var(--accent);
}
.quire-radio input:checked + i::after {
  transform: scale(1);
}
.quire-radio input:focus-visible + i {
  outline: var(--focus-ring-width) solid var(--focus);
  outline-offset: var(--focus-ring-offset);
}
.quire-panel {
  font-family: var(--font-sans);
  --panel-padding: var(--layout-panel-padding-default);
  --panel-title-size: var(--text-lg);
  position: relative;
  padding: var(--panel-padding);
  border: 0;
  border-radius: var(--radius-panel);
  background: var(--surface-base);
}
.quire-panel.compact {
  --panel-padding: var(--layout-panel-padding-compact);
  --panel-title-size: var(--text-base);
}
.quire-panel.raised {
  border: 0;
  background: var(--surface-raised);
  box-shadow: var(--elevation-raised);
}
.quire-panel-title {
  margin: 0;
  color: var(--text-primary);
  font-size: var(--panel-title-size, var(--text-base));
  line-height: var(--text-base-line-height);
  font-weight: var(--font-weight-medium);
}
.quire-icon-button {
  --icon-button-glyph: var(--icon-emphasis);
  --icon-button-bleed: calc(
    (var(--layout-action-square) - var(--icon-button-glyph)) / 2
  );
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--layout-action-square);
  block-size: var(--layout-action-square);
  margin: calc(-1 * var(--icon-button-bleed));
  padding: 0;
  border: var(--border-width-default) solid transparent;
  border-radius: var(--radius-control-action);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  position: relative;
  isolation: isolate;
}
.quire-swap {
  display: inline-grid;
  justify-items: center;
  align-items: center;
}
.quire-swap > * {
  grid-area: 1 / 1;
}
.quire-swap > :not([data-current]) {
  visibility: hidden;
}
.quire-icon-button.round {
  border-radius: var(--radius-full);
}
.quire-icon-button.small {
  --layout-action-square: var(--layout-control-height-compact);
  --icon-button-glyph: var(--icon-inline);
}
.quire-icon-button.medium {
  --layout-action-square: var(--layout-control-height);
  --icon-button-glyph: var(--icon-control);
}
.quire-icon-button.large {
  --layout-action-square: var(--layout-control-height-large);
  --icon-button-glyph: var(--icon-emphasis);
}
.quire-icon-button.filled {
  color: var(--accent-contrast);
  margin: 0;
}
.quire-icon-button.filled::before {
  background: var(--accent);
}
@media (hover: hover) {
  .quire-icon-button.filled:hover::before {
    background: var(--accent);
    opacity: var(--opacity-fill-hover);
  }
}
.quire-icon-button.filled:active::before {
  background: var(--accent);
  opacity: var(--opacity-fill-press, var(--opacity-fill-hover));
}
.quire-icon-button::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: var(--icon-button-pill-inset, 0);
  border-radius: inherit;
  background: transparent;
  transition: background-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
@media (hover: hover) {
  .quire-icon-button:hover::before {
    background: var(--surface-hover);
  }
}
.quire-icon-button:active::before {
  background: var(--surface-selected);
}
@media (pointer: coarse) {
  .quire-icon-button {
    inline-size: var(--layout-touch-target);
    block-size: var(--layout-touch-target);
    --icon-button-bleed: calc(
      (var(--layout-touch-target) - var(--icon-button-glyph)) / 2
    );
    --icon-button-pill-inset: calc(
      (var(--layout-touch-target) - var(--layout-action-square)) / 2
    );
  }
}
.quire-icon-button:disabled,
.quire-icon-button[aria-disabled="true"] {
  opacity: var(--opacity-disabled);
  cursor: not-allowed;
}
.quire-icon-button:disabled:active,
.quire-icon-button[aria-disabled="true"]:active {
  background: transparent;
}
@media (hover: hover) {
  .quire-icon-button:disabled:hover,
.quire-icon-button[aria-disabled="true"]:hover {
    background: transparent;
  }
}
.quire-icon-button svg {
  width: var(--icon-button-glyph);
  height: var(--icon-button-glyph);
  stroke-width: var(--icon-stroke-width);
}
.quire-icon-button[aria-expanded="false"] > [data-icon="open"],
.quire-icon-button[aria-expanded="true"] > [data-icon="closed"] {
  display: none;
}
.quire-panel-dismiss {
  position: absolute;
  inset-block-start: var(--panel-padding);
  inset-inline-end: var(--panel-padding);
}
.quire-panel:has(.quire-panel-dismiss) .quire-panel-title {
  padding-inline-end: var(--layout-action-square);
}
.quire-tooltip {
  position: relative;
  display: inline-flex;
}
.quire-tooltip-bubble {
  font-family: var(--font-sans);
  position: absolute;
  z-index: var(--layer-tooltip);
  width: max-content;
  max-inline-size: var(--layout-tooltip-max-width);
  --card-padding: var(--layout-tooltip-padding-block); 
  padding: var(--card-padding) var(--layout-tooltip-padding-inline);
  border-radius: calc(
    var(--card-padding) + var(--radius-xs)
  );
  background: var(--surface-inverse);
  color: var(--text-inverse);
  box-shadow: var(--elevation-raised-contained); 
  font-size: var(--text-sm);
  line-height: var(--text-sm-line-height);
  text-align: start;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity var(--motion-duration-reveal) var(--motion-easing-standard),
    visibility 0s linear var(--motion-duration-reveal);
}
@media (hover: hover) {
  .quire-tooltip:hover .quire-tooltip-bubble {
    opacity: 1;
    visibility: visible;
    transition-delay: var(--motion-delay-tooltip), 0s;
  }
}
.quire-tooltip:has(:focus-visible) .quire-tooltip-bubble {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s, 0s;
}
.quire-tooltip[data-tooltip-dismissed] .quire-tooltip-bubble {
  opacity: 0;
  visibility: hidden;
  transition-delay: 0s;
}
.quire-tooltip-bubble:has(.quire-keys) {
  display: flex;
  align-items: center;
  gap: var(--layout-tooltip-gap);
  white-space: nowrap;
}
.quire-tooltip-bubble kbd {
  --keycap-ink: var(--text-inverse);
  background: var(--surface-inverse-subtle);
  background: color-mix(in oklab, transparent, var(--keycap-ink) var(--step-surface-selected));
  color: var(--text-inverse-subtle);
}
.quire-tooltip[data-side="top"] .quire-tooltip-bubble {
  inset-block-end: 100%;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  margin-block-end: var(--layout-tooltip-offset);
}
.quire-tooltip[data-side="bottom"] .quire-tooltip-bubble {
  inset-block-start: 100%;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  margin-block-start: var(--layout-tooltip-offset);
}
.quire-tooltip[data-side="right"] .quire-tooltip-bubble {
  inset-inline-start: 100%;
  inset-block-start: 50%;
  transform: translateY(-50%);
  margin-inline-start: var(--layout-tooltip-offset);
}
.quire-tooltip[data-side="left"] .quire-tooltip-bubble {
  inset-inline-end: 100%;
  inset-block-start: 50%;
  transform: translateY(-50%);
  margin-inline-end: var(--layout-tooltip-offset);
}
.quire-tooltip[data-side="top"]:has(> .quire-icon-button) .quire-tooltip-bubble {
  margin-block-end: calc(
    var(--layout-tooltip-offset) + var(--layout-icon-button-bleed)
  );
}
.quire-tooltip[data-side="bottom"]:has(> .quire-icon-button) .quire-tooltip-bubble {
  margin-block-start: calc(
    var(--layout-tooltip-offset) + var(--layout-icon-button-bleed)
  );
}
.quire-tooltip[data-side="right"]:has(> .quire-icon-button) .quire-tooltip-bubble {
  margin-inline-start: calc(
    var(--layout-tooltip-offset) + var(--layout-icon-button-bleed)
  );
}
.quire-tooltip[data-side="left"]:has(> .quire-icon-button) .quire-tooltip-bubble {
  margin-inline-end: calc(
    var(--layout-tooltip-offset) + var(--layout-icon-button-bleed)
  );
}
@supports (position-try-fallbacks: flip-block) and (anchor-scope: --a) {
  .quire-tooltip[data-side] {
    anchor-name: --quire-tooltip;
    anchor-scope: --quire-tooltip;
  }
  .quire-tooltip[data-side] .quire-tooltip-bubble {
    --tooltip-gap: var(--layout-tooltip-offset);
    position: fixed;
    position-anchor: --quire-tooltip;
    inset: auto;
    transform: none;
    margin: 0;
  }
  
  .quire-tooltip[data-side]:has(> .quire-icon-button) .quire-tooltip-bubble {
    --tooltip-gap: calc(
      var(--layout-tooltip-offset) + var(--layout-icon-button-bleed)
    );
  }
  
  @position-try --quire-tooltip-block-start {
    position-area: block-start;
    margin-block: 0 var(--tooltip-gap);
    margin-inline: 0;
    justify-self: anchor-center;
    align-self: auto;
  }
  @position-try --quire-tooltip-block-end {
    position-area: block-end;
    margin-block: var(--tooltip-gap) 0;
    margin-inline: 0;
    justify-self: anchor-center;
    align-self: auto;
  }
  @position-try --quire-tooltip-inline-start {
    position-area: inline-start;
    margin-inline: 0 var(--tooltip-gap);
    margin-block: 0;
    align-self: anchor-center;
    justify-self: auto;
  }
  @position-try --quire-tooltip-inline-end {
    position-area: inline-end;
    margin-inline: var(--tooltip-gap) 0;
    margin-block: 0;
    align-self: anchor-center;
    justify-self: auto;
  }
  
  .quire-tooltip[data-side="top"] .quire-tooltip-bubble {
    position-area: block-start;
    margin-block: 0 var(--tooltip-gap);
    justify-self: anchor-center;
    position-try-fallbacks:
      --quire-tooltip-block-end,
      --quire-tooltip-inline-end,
      --quire-tooltip-inline-start;
  }
  .quire-tooltip[data-side="bottom"] .quire-tooltip-bubble {
    position-area: block-end;
    margin-block: var(--tooltip-gap) 0;
    justify-self: anchor-center;
    position-try-fallbacks:
      --quire-tooltip-block-start,
      --quire-tooltip-inline-end,
      --quire-tooltip-inline-start;
  }
  .quire-tooltip[data-side="right"] .quire-tooltip-bubble {
    position-area: inline-end;
    margin-inline: var(--tooltip-gap) 0;
    align-self: anchor-center;
    position-try-fallbacks:
      --quire-tooltip-inline-start,
      --quire-tooltip-block-end,
      --quire-tooltip-block-start;
  }
  .quire-tooltip[data-side="left"] .quire-tooltip-bubble {
    position-area: inline-start;
    margin-inline: 0 var(--tooltip-gap);
    align-self: anchor-center;
    position-try-fallbacks:
      --quire-tooltip-inline-end,
      --quire-tooltip-block-end,
      --quire-tooltip-block-start;
  }
}
.quire-nav-section + .quire-nav-section,
.quire-nav-section-items + .quire-nav-section {
  margin-top: var(--layout-nav-section-gap);
}
.quire-nav-section-head {
  font-family: var(--font-sans);
  display: flex;
  width: 100%;
  min-height: var(--nav-row-height, var(--layout-row-min-height));
  align-items: center;
  gap: var(--space-2);
  
  margin-top: 0;
  margin-bottom: var(--layout-row-stack-gap);
  padding: 0 var(--nav-row-padding-inline, var(--layout-row-padding-inline));
  color: var(--text-subtle);
  font-size: var(--text-base);
  font-weight: var(--font-weight-body);
  line-height: var(--text-base-line-height);
}
.quire-nav-section-head > :is(h1, h2, h3, h4, h5, h6) {
  min-width: 0;
  margin: 0;
  color: inherit;
  font: inherit;
}
.quire-nav-section-head > :is(h1, h2, h3, h4, h5, h6, span, a) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@supports (color: color-mix(in oklab, white, black)) {
  .quire-nav-section-head {
    color: color-mix(
      in oklab,
      var(--text-subtle) 85%,
      var(--surface-navigation)
    );
  }
}
.quire-nav-section-items {
  display: flex;
  flex-direction: column;
  gap: var(--layout-row-stack-gap);
}
button.quire-nav-section-head {
  border: 0;
  border-radius: var(--radius-control);
  background: none;
  cursor: pointer;
  text-align: start;
  transition: background-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
@media (hover: hover) {
  button.quire-nav-section-head:hover {
    background: var(--surface-hover);
  }
}
button.quire-nav-section-head:active {
  background: var(--surface-selected);
}
:is(h1, h2, h3, h4, h5, h6).quire-nav-section-heading {
  margin: 0;
  color: inherit;
  font: inherit;
}
button.quire-nav-section-head[aria-expanded="false"] {
  color: var(--text-muted);
  margin-block-end: 0;
}
.quire-nav-section-chevron {
  flex: 0 0 auto;
  width: var(--icon-control);
  height: var(--icon-control);
  stroke-width: var(--icon-stroke-width);
  color: inherit;
  transition: transform var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
button.quire-nav-section-head[aria-expanded="false"]
  .quire-nav-section-chevron {
  transform: rotate(-90deg);
}
.quire-nav-section-body {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows var(--motion-duration-reveal)
    var(--motion-easing-standard);
}
.quire-nav-section-body > * {
  min-height: 0;
  overflow: clip;
  overflow-clip-margin: 4px;
}
button.quire-nav-section-head[aria-expanded="false"] + .quire-nav-section-body > *,
:has(> button.quire-nav-section-head[aria-expanded="false"])
  + .quire-nav-section-body > * {
  overflow-clip-margin: 0px;
}
button.quire-nav-section-head[aria-expanded="false"] + .quire-nav-section-body,
:has(> button.quire-nav-section-head[aria-expanded="false"])
  + .quire-nav-section-body {
  grid-template-rows: 0fr;
}
.quire-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-sans);
  padding: var(--space-0-5) var(--space-2);
  border: 0; 
  border-radius: var(--radius-full);
  background: var(--surface-subtle);
  color: var(--text-muted);
  font-size: var(--text-xs-contextual);
  line-height: var(--text-xs-line-height);
}
.quire-badge.is-success {
  background: var(--status-success-surface);
  border-color: var(--status-success-border);
  color: var(--status-success-text);
}
.quire-badge.is-warning {
  background: var(--status-warning-surface);
  border-color: var(--status-warning-border);
  color: var(--status-warning-text);
}
.quire-badge.is-danger {
  background: var(--status-danger-surface);
  border-color: var(--status-danger-border);
  color: var(--status-danger-text);
}
.quire-badge.is-info {
  background: var(--status-info-surface);
  border-color: var(--status-info-border);
  color: var(--status-info-text);
}
.quire-ai-card {
  position: relative;
  --card-padding: var(--space-3);
  --card-corner: calc(var(--card-padding) + var(--radius-xl)); 
  padding: calc(var(--card-padding) + var(--space-2));
  border: var(--border-width-default) dashed var(--border-strong);
  border-radius: var(--card-corner);
  font-family: var(--font-sans);
}
.quire-ai-tag {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: var(--card-corner);
  translate: 0 -50%;
  gap: var(--space-1);
  background: var(--quire-ai-tag-ground, var(--surface-canvas));
  color: var(--text-muted);
}
.quire-ai-tag svg {
  width: var(--icon-inline);
  height: var(--icon-inline);
  stroke-width: var(--icon-stroke-width);
  flex: 0 0 auto;
  color: var(--ai-mark);
}
.quire-ai-note {
  font-family: var(--font-sans);
  font-size: var(--text-sm-contextual);
  line-height: var(--text-base-line-height);
  color: var(--text-muted);
}
.quire-ai-note a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--border-strong);
  text-underline-offset: 0.2em;
}
@media (hover: hover) {
  .quire-ai-note a:hover {
    color: var(--text-primary);
  }
}
.quire-ai-legend {
  display: grid;
  gap: var(--space-3);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--text-base-line-height);
}
.quire-ai-legend-row {
  display: grid;
  grid-template-columns: var(--space-16) 1fr;
  align-items: center;
  gap: var(--space-4);
}
.quire-ai-legend-row i {
  display: block;
  height: 0;
  border-top: var(--border-width-default) solid var(--border-strong);
}
.quire-ai-legend-row.is-machine i {
  border-top-style: dashed;
}
.quire-link {
  color: inherit;
  text-decoration-line: none;
  text-underline-offset: var(--layout-link-underline-offset);
  text-decoration-thickness: var(--layout-link-underline-thickness);
  transition:
    opacity var(--motion-duration-feedback) var(--motion-easing-fade),
    color var(--motion-duration-feedback) var(--motion-easing-fade);
}
.quire-link.underlined {
  text-decoration-line: underline;
}
@media (hover: hover) {
  .quire-link:not(.underlined):not(.bare):not(.fade):hover {
    color: var(--text-primary);
  }
}
@media (hover: hover) {
  .quire-link.underlined:hover,
.quire-link.bare:hover,
.quire-link.fade:hover {
    opacity: var(--opacity-muted);
  }
}
.quire-link.bare {
  text-decoration-line: none;
}
@media (hover: hover) {
  .quire-link.bare:hover {
    text-decoration-line: none;
  }
}
.quire-avatar {
  font-family: var(--font-sans);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--layout-avatar-size);
  height: var(--layout-avatar-size);
  border-radius: var(--layout-avatar-radius);
  overflow: hidden;
  background: var(--surface-subtle);
  color: var(--text-muted);
  font-size: var(--text-sm-contextual);
  font-weight: var(--font-weight-medium);
  object-fit: cover; 
}
.quire-avatar.is-compact {
  width: var(--layout-avatar-size-compact);
  height: var(--layout-avatar-size-compact);
}
.quire-avatar.is-large {
  width: var(--layout-avatar-size-large);
  height: var(--layout-avatar-size-large);
  font-size: var(--text-lg);
}
.quire-external-mark {
  flex: 0 0 auto;
  width: var(--icon-control);
  height: var(--icon-control);
  margin-inline-start: auto;
  stroke-width: var(--icon-stroke-width);
  color: inherit;
}
.quire-menu {
  font-family: var(--font-sans);
  display: flex;
  flex-direction: column;
  gap: var(--layout-row-stack-gap);
  min-width: var(--layout-menu-min-width);
  margin: 0;
  list-style: none;
  background: var(--surface-raised);
  
  --card-padding: var(--layout-menu-padding);
  padding: var(--card-padding);
  border-radius: calc(var(--card-padding) + var(--radius-control-base)); 
  box-shadow: var(--elevation-floating);
}
.quire-menu[hidden],
.quire-submenu[hidden] {
  display: none;
}
.quire-selectmenu-list[hidden] {
  display: none;
}
@keyframes quire-menu-in {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
}
.quire-menu,
.quire-selectmenu-list,
.quire-switcher-menu,
.quire-command-palette {
  animation: quire-menu-in var(--motion-duration-reveal)
    var(--motion-easing-standard);
}
.quire-selectmenu-list,
.quire-switcher-menu {
  font-family: var(--font-sans);
  transform-origin: top;
}
.quire-submenu[data-align="start"] {
  transform-origin: top;
}
.quire-submenu[data-align="end"] {
  transform-origin: bottom;
}
.quire-menu-branch {
  position: relative;
  display: flex;
  flex-direction: column;
}
.quire-menu-item {
  display: flex;
  width: 100%;
  min-height: var(--layout-row-min-height);
  align-items: center;
  gap: var(--layout-menu-item-gap);
  padding: 0 var(--layout-menu-item-padding-inline);
  border: 0;
  border-radius: var(--radius-control);
  background: transparent;
  color: var(--text-primary);
  font-family: inherit;
  font-size: var(--text-base);
  line-height: var(--text-base-line-height);
  text-align: start;
  cursor: pointer;
  transition: background-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
a.quire-menu-item {
  text-decoration: none;
}
.quire-menu-separator {
  height: 0;
  margin-block: calc(
    var(--layout-menu-separator-air) - var(--layout-row-stack-gap)
  );
  margin-inline: var(--layout-menu-item-padding-inline);
  border: 0;
  border-top: var(--border-width-default) solid var(--border);
}
.quire-menu .quire-nav-section + .quire-nav-section,
.quire-menu .quire-nav-section-items + .quire-nav-section {
  position: relative;
  margin-top: calc(
    var(--layout-menu-separator-air) - var(--layout-row-stack-gap)
  );
  padding-top: var(--layout-menu-separator-air);
  border-top: var(--border-width-default) solid transparent;
}
.quire-menu .quire-nav-section + .quire-nav-section::before,
.quire-menu .quire-nav-section-items + .quire-nav-section::before {
  content: "";
  position: absolute;
  inset-block-start: calc(-1 * var(--border-width-default));
  inset-inline: var(--layout-menu-item-padding-inline);
  border-block-start: var(--border-width-default) solid var(--border);
}
.quire-menu-item.is-open {
  background: var(--surface-hover);
}
@media (hover: hover) {
  .quire-menu-item:hover {
    background: var(--surface-hover);
  }
}
.quire-menu-item:active,
.quire-menu-item.is-selected {
  background: var(--surface-selected);
}
.quire-menu-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  color: var(--text-muted);
}
.quire-menu-icon svg,
.quire-menu-chevron,
.quire-menu-check {
  width: var(--icon-control);
  height: var(--icon-control);
  stroke-width: var(--icon-stroke-width);
}
.quire-menu-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quire-menu-chevron {
  flex: 0 0 auto;
  margin-inline-start: auto;
  color: inherit;
}
.quire-menu-check {
  flex: 0 0 auto;
  margin-inline-start: auto;
  color: inherit;
}
.quire-submenu {
  font-family: var(--font-sans);
  position: fixed;
  padding: 0;
  z-index: var(--layer-overlay);
}
.quire-submenu-scroll {
  display: flex;
  max-height: var(--layout-menu-max-height);
  flex-direction: column;
  gap: var(--layout-row-stack-gap);
  margin: 0;
  padding: var(--layout-menu-padding);
  list-style: none;
  --scroll-fade: var(--layout-menu-scroll-fade);
}
.quire-scroll-fade {
  --qsf-lead: 0;
  --qsf-trail: 0;
  --scroll-fade: var(--fade-scroll);
  overflow-y: auto;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    rgb(0 0 0) calc(var(--scroll-fade) * var(--qsf-lead)),
    rgb(0 0 0) calc(100% - var(--scroll-fade) * var(--qsf-trail)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    rgb(0 0 0) calc(var(--scroll-fade) * var(--qsf-lead)),
    rgb(0 0 0) calc(100% - var(--scroll-fade) * var(--qsf-trail)),
    transparent 100%
  );
}
.quire-scroll-fade::-webkit-scrollbar {
  display: none;
}
.quire-scroll-fade.inline {
  --qsf-direction: to right;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-mask-image: linear-gradient(
    var(--qsf-direction),
    transparent 0,
    rgb(0 0 0) calc(var(--scroll-fade) * var(--qsf-lead)),
    rgb(0 0 0) calc(100% - var(--scroll-fade) * var(--qsf-trail)),
    transparent 100%
  );
  mask-image: linear-gradient(
    var(--qsf-direction),
    transparent 0,
    rgb(0 0 0) calc(var(--scroll-fade) * var(--qsf-lead)),
    rgb(0 0 0) calc(100% - var(--scroll-fade) * var(--qsf-trail)),
    transparent 100%
  );
}
.quire-scroll-fade.inline:dir(rtl) {
  --qsf-direction: to left;
}
.quire-scroll-fade[data-fits="true"] {
  overflow: visible;
}
.quire-fill-fade {
  position: relative;
  --fill-fade: 0px;
  --fill-fade-direction: to bottom;
}
.quire-fill-fade::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: var(--fill-fade);
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
  background: linear-gradient(
    var(--fill-fade-direction),
    transparent 0,
    var(--interaction-surface, var(--surface-canvas)) 100%
  );
  pointer-events: none;
}
.quire-views {
  font-family: var(--font-sans);
  display: flex;
  align-items: center;
  gap: var(--space-1);
}
.quire-views button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: var(--layout-control-height-compact);
  padding: 0 var(--space-2);
  border: 0;
  border-radius: var(--radius-control);
  background: none;
  font-family: inherit;
  font-size: var(--text-sm-contextual);
  color: var(--text-muted);
  cursor: pointer;
  transition: background-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
@media (hover: hover) {
  .quire-views button:hover:not(.is-active) {
    background: var(--surface-hover);
  }
}
.quire-views button:active {
  background: var(--surface-selected);
  color: var(--text-primary);
}
.quire-views button.is-active {
  background: var(--surface-selected);
  color: var(--text-primary);
}
.quire-views button span {
  color: var(--text-subtle);
  font-variant-numeric: var(--font-variant-numeric-tabular);
}
.quire-toast {
  font-family: var(--font-sans);
  position: fixed;
  bottom: var(--space-8);
  inset-inline-start: 50%;
  transform: translateX(-50%);
  z-index: var(--layer-toast);
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-2-5) var(--space-4);
  border-radius: var(--radius-overlay);
  background: var(--surface-raised);
  box-shadow: var(--elevation-floating);
  font-size: var(--text-base);
  color: var(--text-primary);
}
.quire-toast button {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  text-decoration-line: underline;
  text-underline-offset: var(--layout-link-underline-offset);
  text-decoration-thickness: var(--layout-link-underline-thickness);
  cursor: pointer;
}
.quire-srow {
  font-family: var(--font-sans);
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr); 
  gap: var(--space-8);
  align-items: start;
  padding: var(--space-5) 0;
  border-bottom: var(--border-width-default) solid var(--border);
}
.quire-srow-label label,
.quire-srow-label-legend {
  display: block;
  padding: 0;
  font-size: var(--text-base);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  line-height: var(--text-base-line-height);
}
.quire-srow-label p,
.quire-srow-help {
  margin: var(--space-1) 0 0;
  font-size: var(--text-sm-contextual);
  line-height: var(--text-sm-line-height);
  color: var(--text-muted);
}
.quire-srow-fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.quire-srow .quire-input,
.quire-srow .quire-select {
  width: min(100%, 320px); 
}
@media (max-width: 720px) {
  .quire-srow {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }
}
.quire-select {
  min-height: var(--layout-control-height);
  padding: 0 var(--layout-row-padding-inline);
  border: var(--border-width-default) solid var(--border-control);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--text-base);
}
.quire-toggle {
  position: relative;
  display: inline-flex;
  width: var(--toggle-track-width);
  height: var(--toggle-track-height);
  cursor: pointer;
}
.quire-toggle input {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: var(--opacity-hidden);
  cursor: pointer;
}
.quire-toggle span {
  pointer-events: none;
  width: 100%;
  border: var(--border-width-default) solid var(--border-control);
  border-radius: var(--radius-full);
  background: var(--surface-subtle);
  transition: background-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
.quire-toggle span::after {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-start: calc(
    (var(--toggle-track-height) - var(--toggle-knob)) / 2
  );
  box-sizing: border-box;
  width: var(--toggle-knob);
  height: var(--toggle-knob);
  border-radius: var(--radius-full);
  background: var(--surface);
  border: var(--border-width-default) solid var(--border-control);
  transform: translateY(-50%);
  transition: transform var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
.quire-toggle input:checked + span {
  background: var(--accent);
  border-color: var(--accent);
}
.quire-toggle input:checked + span::after {
  background: var(--accent-contrast);
  border-color: var(--accent-contrast);
  transform: translateY(-50%)
    translateX(
      calc(
        var(--toggle-track-width) - var(--toggle-knob) -
          (var(--toggle-track-height) - var(--toggle-knob))
      )
    );
}
[dir="rtl"] .quire-toggle input:checked + span::after {
  transform: translateY(-50%)
    translateX(
      calc(
        -1 *
          (
            var(--toggle-track-width) - var(--toggle-knob) -
              (var(--toggle-track-height) - var(--toggle-knob))
          )
      )
    );
}
.quire-toggle input:focus-visible + span {
  outline: var(--focus-ring-width) solid var(--focus);
  outline-offset: var(--focus-ring-offset);
}
.quire-savebar {
  font-family: var(--font-sans);
  position: sticky;
  bottom: 0;
  z-index: var(--layer-sticky);
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2-5) var(--space-6);
  border-top: var(--border-width-default) solid var(--border);
  background: var(--surface-raised);
}
.quire-savebar > span {
  margin-inline-end: auto;
  font-size: var(--text-base);
  color: var(--text-muted);
}
.quire-switcher {
  font-family: var(--font-sans);
  position: relative;
  display: block;
}
.quire-switcher-trigger {
  display: flex;
  width: 100%;
  align-items: center;
  gap: var(--layout-menu-item-gap);
  min-height: var(--layout-row-min-height);
  padding: var(--space-1-5) var(--layout-row-padding-inline);
  border: 0;
  border-radius: var(--layout-masthead-radius);
  background: transparent;
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--text-heading-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-tight);
  text-align: start;
  cursor: pointer;
  transition: background-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
.quire-switcher-trigger.is-open {
  background: var(--surface-hover);
}
@media (hover: hover) {
  .quire-switcher-trigger:hover {
    background: var(--surface-hover);
  }
}
.quire-switcher-trigger:active {
  background: var(--surface-selected);
}
.quire-switcher.is-wrapped {
  display: inline-block;
}
.quire-switcher.is-wrapped .quire-switcher-trigger {
  width: auto;
  padding: var(--layout-masthead-padding-block)
    var(--layout-masthead-padding-inline);
}
.quire-switcher.is-wrapped .quire-switcher-chevron {
  margin-inline-start: 0;
}
.quire-switcher-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quire-switcher-chevron {
  flex: 0 0 auto;
  margin-inline-start: auto;
  color: inherit;
}
.quire-switcher-mark {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: var(--text-primary);
}
.quire-switcher-mark svg {
  width: var(--layout-masthead-mark);
  height: var(--layout-masthead-mark);
}
.quire-switcher-option-main {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--layout-menu-item-gap);
}
.quire-switcher-menu {
  position: absolute;
  top: calc(100% + var(--layout-menu-offset));
  inset-inline-start: 0;
  z-index: var(--layer-overlay);
  min-width: 100%;
  width: max-content;
  max-width: var(--layout-rail-width);
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--layout-row-stack-gap);
  
  --card-padding: var(--layout-menu-padding);
  padding: var(--card-padding);
  border-radius: calc(var(--card-padding) + var(--radius-control-base)); 
  box-shadow: var(--elevation-floating);
}
.quire-switcher-menu li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-2) var(--layout-menu-item-padding-inline);
  border-radius: var(--radius-control);
  cursor: pointer;
  transition: background-color var(--motion-duration-feedback)
    var(--motion-easing-standard);
}
.quire-switcher-menu li.is-highlighted:not(.is-selected) {
  background: var(--surface-hover);
}
.quire-switcher-menu li:active:not(.is-selected) {
  background: var(--surface-selected);
}
.quire-switcher-menu li.is-selected {
  background: var(--surface-selected);
}
.quire-switcher-option-text {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-0-5);
}
.quire-switcher-option-name {
  color: var(--text-primary);
  font-size: var(--text-base);
  font-weight: var(--font-weight-medium);
  line-height: var(--text-base-line-height);
}
.quire-switcher-option-desc {
  color: var(--text-muted);
  font-size: var(--text-sm-contextual);
  line-height: var(--text-sm-line-height);
}
.quire-switcher-menu li svg {
  flex: 0 0 auto;
  color: var(--text-primary);
}
@media (forced-colors: active) {
  .quire-button.primary {
    border: var(--border-width-default) solid ButtonText;
  }
}
.quire-activity {
  font-family: var(--font-sans);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.quire-activity-row {
  font-family: var(--font-sans);
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  font-size: var(--text-sm-contextual);
  line-height: var(--text-sm-line-height);
  color: var(--text-primary);
}
.quire-activity-mark {
  position: relative;
  top: -0.0625rem;
  flex: 0 0 auto;
  width: var(--space-1-5);
  height: var(--space-1-5);
  border-radius: var(--radius-full);
  background: var(--text-muted);
}
.quire-activity-line {
  min-width: 0;
  flex: 1 1 auto;
}
.quire-activity-verb {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
}
.quire-activity-object {
  font-family: var(--font-mono);
  font-size: var(--text-xs-contextual);
  color: var(--text-secondary);
}
.quire-activity-qualifier,
.quire-activity-meta {
  color: var(--text-muted);
}
.quire-activity-meta {
  flex: 0 0 auto;
  font-variant-numeric: var(--font-variant-numeric-tabular);
}
.quire-activity-note {
  margin: var(--space-1) 0 0;
  padding-inline-start: calc(var(--space-1-5) + var(--space-2));
  color: var(--text-secondary);
  font-size: var(--text-sm-contextual);
  line-height: var(--text-sm-line-height);
}
.quire-activity-note .quire-button {
  margin-inline-start: var(--space-2);
}
.quire-activity-row[data-state="queued"] {
  color: var(--text-muted);
}
.quire-activity-row[data-state="queued"] .quire-activity-verb {
  color: var(--text-muted);
  font-weight: var(--font-weight-body);
}
.quire-activity-row[data-state="queued"] .quire-activity-mark {
  background: transparent;
  box-shadow: inset 0 0 0 var(--border-width-default) var(--text-muted);
}
.quire-activity-row[data-state="working"] .quire-activity-mark {
  background: var(--text-primary);
  animation: quire-activity-pulse var(--motion-duration-linger)
    var(--motion-easing-standard) infinite;
}
@keyframes quire-activity-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
@media (prefers-reduced-motion: reduce) {
  .quire-activity-row[data-state="working"] .quire-activity-mark {
    animation: none;
  }
}
.quire-activity-row[data-state="stopped"] {
  color: var(--text-muted);
}
.quire-activity-row[data-state="stopped"] .quire-activity-verb {
  color: var(--text-muted);
}
.quire-activity-row[data-state="failed"] .quire-activity-verb {
  color: var(--status-danger-text);
}
.quire-activity-row[data-state="failed"] .quire-activity-mark {
  background: var(--status-danger-text);
}
.quire-activity-row[data-state="partial"] .quire-activity-mark {
  background: var(--text-secondary);
  box-shadow: inset 0 0 0 var(--border-width-default) var(--surface-canvas);
}
@media (forced-colors: active) {
  .quire-activity-row[data-state="queued"] .quire-activity-mark {
    box-shadow: inset 0 0 0 var(--border-width-default) CanvasText;
  }
}