/* viberoom - Copyright (c) 2026 Todor Rusev - AGPL-3.0-or-later; see LICENSE */
:root[data-look="classic-dark"] {
--primary: #8a8aff;
--primary-light: #9c9cff;
--primary-deep: #7474f7;
--primary-dark: #6262e6;
--violet: #b39cff;
--iris: #202142;
--ink: #f1efff;
--ink-2: #e0deff;
--ink-3: #c0bde6;
--indigo: #f6f4ff;
--muted: #a4a2cc;
--faint: #8583b0;
--placeholder: #7f7dab;
--grey: #8e90b0;
--white: #202142;
--black: #000000;
--bg: #0f1024;
--soft: #262848;
--softer: #232445;
--lav: #2c2e56;
--lav-2: #3a3c6e;
--canvas-top: #141530;
--canvas-mid: #111226;
--canvas-bottom: #0e0f21;
--shadow-ink: #000000;
--mint: #1a4235;
--mint-2: #205241;
--mint-tint: #173a2f;
--mint-ink: #6ee8b3;
--forest: #a8ecc9;
--green: #4bdc98;
--warm: #46381a;
--warm-2: #54441e;
--warm-ink: #f5c94f;
--bronze: #ffe08a;
--amber: #f5b73a;
--honey: #f5c974;
--spark: #ffd166;
--peach: #3f2a1a;
--peach-2: #4a3020;
--orange: #ff9a4d;
--orange-light: #ffab66;
--orange-deep: #f07c34;
--orange-dark: #ffb36b;
--ember: #ff8a55;
--ember-deep: #f0603c;
--rose: #401c1e;
--rose-2: #4d2325;
--rose-ink: #ff7a70;
--rose-dark: #ff8f86;
--pink: #ff8ac4;
--pink-tint: #351a2a;
--sky: #1a2e46;
--blue: #6aa4ff;
--blue-deep: #8cb8ff;
--blue-soft: #9fc4ff;
--orchid: #2e2140;
--orchid-ink: #c9a3ff;
--orchid-mid: #b48cf0;
--periwinkle: #34365c;
--periwinkle-deep: #40437a;
--deep: #0f1020;
--deep-gutter: #0b0c1a;
--deep-ink: #f4f2ff;
--deep-muted: #7c78ad;
--deep-head: #e8e6ff;
--deep-meta: #a9a5d8;
--lav-grey: #7c78ad;
--lilac: #b9a7ff;
--seafoam: #8fe3bd;
--azure: #9cd2ff;
--salmon: #ff9f9f;
--magenta: #f2b8ff;
--st-ready: #1a4235;
--st-ready-ink: #6ee8b3;
--st-ready-dot: #4bdc98;
--st-waiting: #1a2e46;
--st-waiting-ink: #8cb8ff;
--st-waiting-dot: #9fc4ff;
--st-thinking: #46381a;
--st-thinking-ink: #f5c94f;
--st-thinking-dot: #f5b73a;
--st-writing: #2e2140;
--st-writing-ink: #c9a3ff;
--st-writing-dot: #b48cf0;
--st-error: #401c1e;
--st-error-ink: #ff7a70;
--st-error-dot: #ff7a70;
--st-asleep: #232445;
--st-asleep-ink: #a4a2cc;
--st-asleep-dot: #8583b0;
--attention: #ff9a4d;
--attention-ink: #ffb36b;
--attention-grad: linear-gradient(135deg, #ffab66, #f07c34);
--attention-shadow: 0 8px 18px -10px rgba(240, 124, 52, 0.7);
--unread-grad: linear-gradient(135deg, #ff8a55, #f0603c);
--note-hover: #54441e;
--done: #1a4235;
--done-ink: #6ee8b3;
--done-hover: #205241;
--tick-mine: #34365c;
--tick-mine-view: #40437a;
--tick-fallback: #8e90b0;
--grad-primary: linear-gradient(135deg, #9c9cff, #7474f7);
--panel: #202142;
--card: #202142;
--primary-soft: #2c2e56;
--primary-softer: #262848;
--primary-ghost: rgba(138, 138, 255, 0.1);
--mint-soft: #1a4235;
--warn: #f5b73a;
--warn-soft: #46381a;
--danger: #ff7a70;
--danger-soft: #401c1e;
--danger-dark: #ff8f86;
--info: #6aa4ff;
--info-soft: #1a2e46;
--muted-2: #8583b0;
--panel-soft: #262848;
--panel-tint: #262848;
--border: #2c2e56;
--border-strong: #3a3c6e;
--mine: linear-gradient(135deg, #9c9cff, #7474f7);
--mine-border: transparent;
--text: #f1efff;
--ok: #4bdc98;
--edge: 0 2px 0 rgba(241, 239, 255, 0.04);
--shadow-tile: 0 4px 12px -4px rgba(241, 239, 255, 0.15);
--shadow-pop: 0 10px 24px -10px rgba(241, 239, 255, 0.25);
--shadow-primary: 0 8px 18px -8px rgba(138, 138, 255, 0.8);
--shadow-dialog: 0 30px 60px -30px rgba(0, 0, 0, 0.4);
--shadow-1: 0 2px 0 rgba(241, 239, 255, 0.04);
--shadow-2: 0 30px 60px -30px rgba(0, 0, 0, 0.4);
--shadow-card: 0 2px 0 rgba(241, 239, 255, 0.04);
--shadow-ctl: none;
--shadow-ctl-hover: 0 4px 12px -4px rgba(241, 239, 255, 0.15);
--shadow-glow: 0 8px 18px -8px rgba(138, 138, 255, 0.8);
--shadow-inset: none;
--shadow-soft: 0 2px 0 rgba(241, 239, 255, 0.04);
--shadow: 0 2px 0 rgba(241, 239, 255, 0.04);
--bevel: none;
--shadow-room: 0px;
--bevel-pressed: none;
--grad-canvas: radial-gradient(900px 520px at 100% 100%, rgba(138, 138, 255, 0.06), transparent 70%), radial-gradient(640px 380px at 0% 0%, rgba(75, 220, 152, 0.04), transparent 70%), linear-gradient(165deg, #141530 0%, #111226 55%, #0e0f21 100%);
--canvas-pattern: radial-gradient(circle at 1px 1px, rgba(138, 138, 255, 0.13) 0.9px, transparent 1.6px);
--canvas-pattern-size: 22px 22px;
--grad-page: #0f1024;
--sb-w: 8px;
--sb-thumb: rgba(138, 138, 255, 0.22);
--sb-thumb-hover: rgba(138, 138, 255, 0.45);
--r-scale: 1;
--r-ctl-min: 0px;
--r-xs: calc(8px * var(--r-scale));
--r-sm: calc(12px * var(--r-scale));
--r-md: calc(14px * var(--r-scale));
--r-lg: calc(18px * var(--r-scale));
--r-xl: calc(18px * var(--r-scale));
--r-pill: calc(99px * var(--r-scale));
--font: "Nunito", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
--mono: "JetBrains Mono", ui-monospace, Consolas, "Courier New", monospace;
--line-height: 1.45;
--fs-scale: 1;
--fs-xs: calc(11px * var(--fs-scale));
--fs-sm: calc(12px * var(--fs-scale));
--fs-md: calc(14px * var(--fs-scale));
--fs-lg: calc(16px * var(--fs-scale));
--fs-xl: calc(18px * var(--fs-scale));
--fs-2xl: calc(22px * var(--fs-scale));
--t-fast: 120ms;
--t-base: 200ms;
--t-slow: 320ms;
--ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
--ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
--page-bg: #0f1024;
--page-ink: #f1efff;
--page-selection: #3a3c6e;
--focus-ring: rgba(138, 138, 255, 0.35);
--link-ink: #8a8aff;
--link-underline: rgba(138, 138, 255, 0.35);
--btn-bg: #232445;
--btn-ink: #c0bde6;
--btn-hover-bg: #2c2e56;
--btn-hover-ink: #8a8aff;
--btn-on-primary: #202142;
--btn-secondary-bg: #202142;
--btn-secondary-hover-bg: #202142;
--btn-soft-bg: #2c2e56;
--btn-soft-hover-bg: #3a3c6e;
--btn-ghost-ink: #a4a2cc;
--btn-ghost-hover-bg: #262848;
--btn-danger-bg: #401c1e;
--btn-danger-ink: #ff7a70;
--btn-danger-hover-bg: #4d2325;
--btn-danger-solid-ink: #202142;
--btn-danger-solid-hover-bg: #ff8f86;
--btn-danger-solid-shadow: 0 8px 18px -8px rgba(255, 122, 112, 0.8);
--btn-spinner-track: rgba(32, 33, 66, 0.5);
--btn-spinner-head: #202142;
--btn-spinner-track-quiet: #3a3c6e;
--btn-spinner-head-quiet: #8a8aff;
--btn-disabled-opacity: 0.45;
--btn-dark-bg: rgba(244, 242, 255, 0.12);
--btn-dark-ink: #f4f2ff;
--btn-dark-hover-bg: #8a8aff;
--btn-warn-ink: #f5c94f;
--btn-warn-hover-bg: #46381a;
--btn-inverse-bg: rgba(32, 33, 66, 0.92);
--btn-inverse-ink: #ffb36b;
--btn-inverse-hover-bg: #202142;
--btn-link-ink: #8a8aff;
--btn-ok-bg: #1a4235;
--btn-ok-ink: #6ee8b3;
--btn-ok-hover-bg: #205241;
--btn-paper-bg: #202142;
--btn-paper-ink: #c0bde6;
--btn-paper-hover-bg: #262848;
--btn-border: 0;
--btn-case: none;
--btn-tracking: 0px;
--btn-link-underline: none;
--btn-ghost-bg: transparent;
--btn-shadow: none;
--btn-hover-shadow: none;
--btn-hover-lift: 0px;
--btn-active-shadow: none;
--btn-primary-active-shadow: var(--shadow-primary);
--btn-primary-hover-filter: brightness(1.05);
--btn-secondary-hover-shadow: var(--shadow-tile);
--btn-secondary-active-shadow: var(--shadow-tile);
--btn-danger-solid-hover-shadow: 0 8px 18px -8px rgba(255, 122, 112, 0.8);
--btn-danger-solid-active-shadow: 0 8px 18px -8px rgba(255, 122, 112, 0.8);
--btn-ok-shadow: none;
--btn-warn-shadow: none;
--btn-h: 42px;
--btn-h-sm: 34px;
--btn-h-xs: 24px;
--btn-h-lg: 48px;
--btn-h-cta: 46px;
--btn-fs: calc(13px * var(--fs-scale));
--btn-fs-sm: calc(12px * var(--fs-scale));
--btn-fs-lg: calc(15px * var(--fs-scale));
--btn-fs-cta: calc(14px * var(--fs-scale));
--icon-button-ink: #a4a2cc;
--icon-button-hover-bg: #262848;
--icon-button-hover-ink: #8a8aff;
--icon-button-disabled-opacity: 0.4;
--icon-button-size: 36px;
--icon-button-icon: 18px;
--icon-button-size-sm: 30px;
--icon-button-icon-sm: 16px;
--icon-button-size-xs: 18px;
--icon-button-icon-xs: 12px;
--icon-button-size-primary: 44px;
--icon-button-ghost-ink: #8583b0;
--icon-button-hover-bg-strong: #8a8aff;
--icon-button-inline-bg: #3a3c6e;
--icon-button-inline-ink: #c0bde6;
--icon-button-inline-on-bg: rgba(138, 138, 255, 0.1);
--icon-button-inline-on-ink: #8a8aff;
--icon-button-ghost-bg: transparent;
--icon-button-shadow: none;
--icon-button-hover-shadow: none;
--icon-button-hover-lift: 0px;
--icon-button-active-shadow: none;
--icon-button-primary-shadow: var(--shadow-primary);
--icon-button-primary-hover-shadow: var(--shadow-primary);
--icon-button-primary-active-shadow: var(--shadow-primary);
--badge-bg: #2c2e56;
--badge-ink: #8a8aff;
--badge-attention-bg: #46381a;
--badge-attention-ink: #f5c94f;
--badge-muted-bg: #232445;
--badge-muted-ink: #a4a2cc;
--badge-outline-border: #3a3c6e;
--badge-outline-w: 2px;
--badge-outline-ink: #a4a2cc;
--badge-fs-xs: calc(10px * var(--fs-scale));
--badge-fill: 100%;
--badge-border: 0;
--badge-case: none;
--badge-tracking: 0px;
--badge-shadow: none;
--chip-bg: #2c2e56;
--chip-ink: #8a8aff;
--chip-hover-bg: #3a3c6e;
--chip-fill: 100%;
--chip-border: 0;
--chip-shadow: none;
--chip-hover-shadow: none;
--chip-hover-lift: 0px;
--chip-active-shadow: none;
--chip-active-drop: 0px;
--file-card-bg: #0f1020;
--file-card-ink: #f4f2ff;
--file-card-head-bg: rgba(244, 242, 255, 0.06);
--file-card-head-ink: #e8e6ff;
--file-card-head-meta: #a9a5d8;
--file-card-note-ink: #ff7a70;
--file-card-image-body-bg: rgba(244, 242, 255, 0.04);
--file-card-image-bg: #202142;
--file-card-shadow: var(--edge);
--tool-call-check-bg: #2c2e56;
--tool-call-check-ink: #f1efff;
--tool-call-ready-bg: #1a4235;
--tool-call-ready-ink: #6ee8b3;
--tool-call-error-bg: #401c1e;
--tool-call-error-ink: #ff7a70;
--tool-call-thinking-bg: #46381a;
--tool-call-thinking-ink: #f5c94f;
--tool-call-pending-bg: #2c2e56;
--tool-call-pending-ink: #8a8aff;
--tool-call-body-bg: #202142;
--tool-call-pre-bg: #262848;
--tool-call-pre-ink: #f1efff;
--tool-call-quiet-ink: #a4a2cc;
--tool-call-fs: calc(12px * var(--fs-scale));
--tool-call-pre-fs: calc(11.5px * var(--fs-scale));
--tool-call-label-fs: calc(10.5px * var(--fs-scale));
--settings-group-bg: #2c2e56;
--settings-group-ink: #f1efff;
--settings-group-heading-ink: #8a8aff;
--settings-group-danger-bg: #401c1e;
--settings-group-danger-ink: #ff7a70;
--tool-fold-ink: #a4a2cc;
--tool-fold-bg: #262848;
--tool-fold-hover-bg: #2c2e56;
--tool-fold-hover-ink: #8a8aff;
--tool-fold-failed-ink: #ff7a70;
--tool-fold-fs: calc(11px * var(--fs-scale));
--tool-fold-shadow: none;
--ask-card-bg: #46381a;
--ask-card-ink: #f1efff;
--ask-card-quiet-ink: #a4a2cc;
--ask-card-resolved-opacity: 0.7;
--ask-card-fs: calc(13px * var(--fs-scale));
--ask-card-kind-fs: calc(11px * var(--fs-scale));
--ask-card-input-fs: calc(11px * var(--fs-scale));
--ask-card-outcome-fs: calc(12px * var(--fs-scale));
--ask-card-shadow: none;
--reply-note-ink: #a4a2cc;
--reply-note-bg: #262848;
--reply-note-attention-ink: #f5c94f;
--reply-note-attention-bg: #46381a;
--reply-note-error-ink: #ff7a70;
--reply-note-error-bg: #401c1e;
--reply-note-fs: calc(12px * var(--fs-scale));
--login-dialog-ink: #f1efff;
--login-dialog-quiet-ink: #a4a2cc;
--login-dialog-fs: calc(13.5px * var(--fs-scale));
--login-dialog-border: #3a3c6e;
--login-dialog-scene-bg: #262848;
--login-dialog-scene-ink: #f1efff;
--login-dialog-scene-muted: #3a3c6e;
--login-dialog-scene-paper: #202142;
--login-dialog-scene-accent: #8a8aff;
--login-dialog-scene-dark: #f6f4ff;
--login-dialog-scene-on-dark: #202142;
--login-dialog-ok-bg: #173a2f;
--login-dialog-ok-ink: #6ee8b3;
--login-dialog-bad-bg: #401c1e;
--login-dialog-bad-ink: #ff7a70;
--login-dialog-step-bg: #8a8aff;
--login-dialog-step-ink: #202142;
--login-dialog-code-bg: #202142;
--login-dialog-code-ink: #f1efff;
--login-dialog-code-border: #3a3c6e;
--login-dialog-input-bg: #202142;
--login-dialog-input-border: #3a3c6e;
--login-dialog-lines-bg: #262848;
--login-dialog-lines-ink: #a4a2cc;
--login-dialog-geek-ink: #8a8aff;
--look-card-w: 150px;
--look-card-paper-h: 84px;
--look-card-bg: #202142;
--look-card-ink: #f1efff;
--look-card-border: #3a3c6e;
--look-card-hover-border: #40437a;
--look-card-on-border: #8a8aff;
--look-card-shadow: none;
--choice-bg: #262848;
--choice-ink: #c0bde6;
--choice-hover-bg: #2c2e56;
--choice-on-ink: #8a8aff;
--choice-on-border: #8a8aff;
--choice-quiet-ink: #a4a2cc;
--choice-h: 32px;
--choice-border: transparent;
--choice-shadow: none;
--choice-hover-shadow: none;
--choice-hover-lift: 0px;
--choice-active-shadow: none;
--choice-active-drop: 0px;
--choice-on-shadow: none;
--control-knob: #202142;
--control-knob-shadow: 0 1px 3px rgba(241, 239, 255, 0.25);
--control-box-bg: #202142;
--control-tick: #202142;
--tile-badge-bg: #202142;
--tile-count-ink: #202142;
--room-mark-ink: #202142;
--room-mark-hue-from: 0;
--room-mark-hue-span: 360;
--room-mark-grad-angle: 135deg;
--room-mark-grad-from: 55% 68%;
--room-mark-grad-to: 52% 58%;
--room-mark-emoji: 42% 26%;
--room-mark-shadow: none;
--room-mark-radius: calc(14px * var(--r-scale));
--room-mark-radius-lg: calc(16px * var(--r-scale));
--room-mark-radius-rail: calc(13px * var(--r-scale));
--pop-bg: #202142;
--pop-shadow: 0 10px 28px -12px rgba(241, 239, 255, 0.45);
--pop-arrow-shadow: 3px 3px 4px -3px rgba(241, 239, 255, 0.25);
--pop-dark-bg: #e0deff;
--pop-dark-ink: #202142;
--pop-dark-shadow: 0 6px 16px -6px rgba(241, 239, 255, 0.6);
--dialog-backdrop: rgba(241, 239, 255, 0.4);
--scrim-bg: rgba(241, 239, 255, 0.72);
--scrim-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6);
--scrim-image-bg: #202142;
--toast-bg: #f1efff;
--toast-ink: #202142;
--rail-logo-shadow: 0 8px 18px -6px rgba(138, 138, 255, 0.6);
--rail-active-bg: #202142;
--cast-c-1: #8a8aff;
--cast-c-2: #6ee8b3;
--cast-c-3: #f5b73a;
--cast-c-4: #ff7a70;
--cast-c-5: #6aa4ff;
--cast-c-6: #ff8ac4;
--cast-c-7: #c9a3ff;
--cast-c-8: #f07c34;
--timeline-view-bg: rgba(241, 239, 255, 0.08);
--timeline-view-edge: rgba(241, 239, 255, 0.45);
--timeline-tick-blend: #202142;
--timeline-pin-halo: #202142;
--timeline-flash: rgba(138, 138, 255, 0.55);
--timeline-flash-out: rgba(138, 138, 255, 0);
--bubble-bg: #202142;
--bubble-ink: #e0deff;
--bubble-border: #3d3e5c;
--bubble-shadow: 0 2px 0 rgba(241, 239, 255, 0.06), 0 1px 3px rgba(241, 239, 255, 0.04);
--bubble-mine-bg: linear-gradient(135deg, #9c9cff, #7474f7);
--bubble-mine-ink: #202142;
--bubble-mine-soft-ink: rgba(32, 33, 66, 0.85);
--bubble-mine-waiting-ink: rgba(32, 33, 66, 0.92);
--bubble-mine-shadow: 0 8px 18px -10px rgba(138, 138, 255, 0.7);
--bubble-mine-rule: rgba(32, 33, 66, 0.35);
--bubble-mine-border: rgba(32, 33, 66, 0.35);
--bubble-mine-chip-bg: rgba(32, 33, 66, 0.22);
--bubble-mine-code-bg: rgba(32, 33, 66, 0.18);
--bubble-mine-th-bg: rgba(32, 33, 66, 0.18);
--bubble-mine-link-underline: rgba(32, 33, 66, 0.5);
--bubble-mine-quote-border: rgba(32, 33, 66, 0.5);
--bubble-mine-btn-bg: rgba(32, 33, 66, 0.92);
--bubble-mine-btn-hover-bg: #202142;
--bubble-mine-ghost-hover-bg: rgba(32, 33, 66, 0.18);
--bubble-mine-cta-bg: #202142;
--bubble-mine-cta-ink: #8a8aff;
--bubble-inset-bg: #202142;
--bubble-prop-row-bg: rgba(32, 33, 66, 0.6);
--quote-mine-bg: rgba(32, 33, 66, 0.16);
--quote-mine-border: rgba(32, 33, 66, 0.55);
--quote-mine-hover-bg: rgba(32, 33, 66, 0.26);
--quote-mine-hover-border: #202142;
--quote-mine-head-ink: rgba(32, 33, 66, 0.85);
--quote-mine-text-ink: #202142;
--attach-thumb-bg: #202142;
--attach-thumb-shadow: 0 1px 3px rgba(241, 239, 255, 0.16);
--attach-overlay-bg: rgba(241, 239, 255, 0.72);
--attach-overlay-ink: #202142;
--attach-ref-bg: rgba(241, 239, 255, 0.1);
--attach-mine-ref-bg: rgba(32, 33, 66, 0.24);
--attach-mine-chip-open-bg: rgba(32, 33, 66, 0.42);
--attach-mine-chip-open-ink: #f1efff;
--table-stripe: rgba(138, 138, 255, 0.03);
--code-bg: #0f1020;
--code-ink: #f4f2ff;
--code-gutter-bg: #0b0c1a;
--code-gutter-ink: #7c78ad;
--code-line-mark-ink: #f5c974;
--code-line-mark-bg: rgba(245, 201, 116, 0.16);
--code-head-bg: rgba(244, 242, 255, 0.06);
--code-head-ink: #e8e6ff;
--code-head-meta: #a9a5d8;
--code-head-btn-bg: rgba(244, 242, 255, 0.12);
--code-head-btn-ink: #f4f2ff;
--code-body-bg: rgba(244, 242, 255, 0.04);
--code-sb-track: rgba(0, 0, 0, 0.25);
--code-sb-thumb: rgba(244, 242, 255, 0.3);
--code-sb-thumb-hover: rgba(244, 242, 255, 0.5);
--code-sb-firefox: rgba(244, 242, 255, 0.35);
--code-find-hit-bg: #f5c974;
--code-find-hit-ink: #0f1020;
--syntax-comment: #7c78ad;
--syntax-punctuation: #7c78ad;
--syntax-keyword: #b9a7ff;
--syntax-string: #8fe3bd;
--syntax-number: #f5c974;
--syntax-function: #9cd2ff;
--syntax-tag: #ff9f9f;
--syntax-attr: #f2b8ff;
--diagram-bar-bg: #202142;
--diagram-bar-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.55);
--diagram-node-shadow: rgba(241, 239, 255, 0.1);
--diagram-node-ink: #f1efff;
--input-bg: #202142;
--input-focus-border: #8a8aff;
--input-shadow: none;
--profile-bg: linear-gradient(160deg, #2c2e56, #173a2f);
--profile-badge-bg: #202142;
--face-paper: #202142;
--face-tint: 16%;
--face-corner: 0.32;
--face-ring: #202142;
--face-me-ring: #8a8aff;
--face-alert-ring: #ff9a4d;
--face-dot-bg: #8583b0;
--face-card-bg: #202142;
--face-fallback: #8e90b0;
--face-human-ink: #f6f4ff;
--face-avatar-default: #8a8aff;
--face-avatar-gloss: #202142;
--face-avatar-label-ink: #202142;
--face-shadow: 0 0 0 0 transparent;
--face-card-shadow: var(--shadow-pop);
--logo-tile-bg: #2c2e56;
--logo-tile-ink: #f1efff;
--logo-tile-badge-bg: #2c2e56;
--logo-tile-badge-border: #202142;
--logo-tile-badge-ink: #f1efff;
--logo-tile-muted-bg: #46381a;
--logo-tile-muted-ink: #f5c94f;
--logo-tile-unplugged-bg: #2c2e56;
--logo-tile-unplugged-ink: #f6f4ff;
--logo-tile-sm: 30px;
--logo-tile-md: 36px;
--logo-tile-lg: 40px;
--logo-tile-shadow: var(--shadow-tile);
--logo-tile-radius: calc(12px * var(--r-scale));
--logo-tile-radius-sm: calc(10px * var(--r-scale));
--logo-tile-radius-lg: calc(13px * var(--r-scale));
--logo-tile-radius-badge: calc(6px * var(--r-scale));
--unseen-line-ink: #ff8ac4;
--unseen-line-bg: #351a2a;
--unseen-line-line: url("data:image/svg+xml;utf8,") repeat-x center / 16px 8px;
--unseen-line-line-h: 8px;
--unseen-line-line-opacity: 0.55;
--unseen-line-label-border: 0;
--unseen-line-label-case: none;
--unseen-line-label-tracking: 0px;
--unseen-line-label-shadow: none;
--number-field-step-w: 22px;
--number-field-step-ink: #a4a2cc;
--number-field-step-hover-bg: #2c2e56;
--number-field-step-hover-ink: #8a8aff;
--adjust-row-swatch-border: #3a3c6e;
--adjust-row-value-ink: #a4a2cc;
--adjust-row-hint-ink: #a4a2cc;
--adjust-row-changed-ink: #8a8aff;
--adjust-row-back-ink: #a4a2cc;
--adjust-row-back-hover-bg: #2c2e56;
--row-button-size: 24px;
--row-button-icon: 14px;
--row-button-radius: calc(8px * var(--r-scale));
--row-button-bg: #232445;
--row-button-ink: #a4a2cc;
--row-button-hover-bg: #8a8aff;
--row-button-hover-ink: #202142;
--row-button-disabled-opacity: 0.4;
--row-button-shadow: none;
--row-button-active-shadow: none;
--hub-row-ink: #a4a2cc;
--hub-row-attention-ink: #f5c94f;
--hub-row-error-ink: #ff7a70;
--hub-row-action-bg: #1a4235;
--hub-row-action-ink: #6ee8b3;
--hub-row-action-hover-bg: #205241;
--hub-row-face-size: 18px;
--hub-row-prefix: none;
--hub-row-prefix-gap: 0px;
--hub-row-action-shadow: var(--edge);
--hero-ink: #202142;
--hero-bg: linear-gradient(120deg, #9c9cff 0%, #8a8aff 45%, #b39cff 100%);
--hero-shadow: 0 18px 40px -22px rgba(138, 138, 255, 0.9);
--hero-blob-a: rgba(32, 33, 66, 0.1);
--hero-blob-b: rgba(75, 220, 152, 0.18);
--hero-cta-bg: #202142;
--hero-cta-shadow: 0 10px 22px -10px rgba(241, 239, 255, 0.5);
--hero-ghost-bg: rgba(32, 33, 66, 0.16);
--hero-ghost-hover-bg: rgba(32, 33, 66, 0.26);
--hero-face-bg: rgba(32, 33, 66, 0.55);
--hero-bubble-shadow: 0 10px 24px -14px rgba(241, 239, 255, 0.6);
--hero-bubble-1-bg: #202142;
--hero-bubble-2-bg: #1a4235;
--hero-bubble-2-ink: #a8ecc9;
--hero-bubble-3-bg: #46381a;
--hero-bubble-3-ink: #ffe08a;
--hero-spark: #ffd166;
--feature-emoji-bg: rgba(32, 33, 66, 0.8);
--feature-peach-bg: #4a3020;
--feature-shadow: var(--edge);
--composer-shadow: none;
--composer-bg: transparent;
--composer-radius: 0px;
--composer-pad-x: 0px;
--step-bg: #202142;
--step-num-ink: #202142;
--tpl-shadow: 0 1px 3px rgba(241, 239, 255, 0.06);
--tpl-check-ink: #202142;
--browser-theme-color: #202142;
}
:root[data-look="clay"] {
--primary: #d97757;
--primary-light: #e08a6d;
--primary-deep: #c4633f;
--primary-dark: #a8502f;
--violet: #9d76c4;
--iris: #d97757;
--ink: #1f1e1d;
--ink-2: #3d3929;
--ink-3: #5e5a4f;
--indigo: #2a2622;
--muted: #8a8577;
--faint: #b3ada0;
--placeholder: #a39e90;
--grey: #9c988c;
--white: #ffffff;
--black: #000000;
--bg: #f0eee6;
--soft: #f7f5ef;
--softer: #f3f0e8;
--lav: #ebe7db;
--lav-2: #dfd9c8;
--canvas-top: #faf9f5;
--canvas-mid: #f5f3ec;
--canvas-bottom: #efece3;
--shadow-ink: #4a3f2a;
--mint: #dff0e1;
--mint-2: #cfe6d2;
--mint-tint: #e8f3e9;
--mint-ink: #2f7a4f;
--forest: #1f5a3a;
--green: #4caf77;
--warm: #fbeecf;
--warm-2: #f6e2a8;
--warm-ink: #9a6b0f;
--bronze: #5a4200;
--amber: #d99a2b;
--honey: #f2cc8f;
--spark: #f0c96b;
--peach: #fbe3d3;
--peach-2: #f8d9c4;
--orange: #e67e3c;
--orange-light: #ee9256;
--orange-deep: #cf6a2c;
--orange-dark: #a8502f;
--ember: #e07a4d;
--ember-deep: #c9553a;
--rose: #f9e3df;
--rose-2: #f4d3cd;
--rose-ink: #c24d43;
--rose-dark: #a13d34;
--pink: #b0356f;
--pink-tint: #fbeef3;
--sky: #e0ecf5;
--blue: #4a7fb5;
--blue-deep: #35618c;
--blue-soft: #7ea6d0;
--orchid: #ece3f2;
--orchid-ink: #7a4fa3;
--orchid-mid: #9d76c4;
--periwinkle: #e0d3c6;
--periwinkle-deep: #c6b09c;
--deep: #2b2622;
--deep-gutter: #241f1c;
--deep-ink: #f5f1e8;
--deep-muted: #8c8477;
--deep-head: #efe9dc;
--deep-meta: #b8b0a0;
--lav-grey: #cfc8b8;
--lilac: #c3b1ff;
--seafoam: #9ad8b6;
--azure: #a9cbe8;
--salmon: #f2a79a;
--magenta: #e5b3e0;
--st-ready: #dff0e1;
--st-ready-ink: #2f7a4f;
--st-ready-dot: #4caf77;
--st-waiting: #e0ecf5;
--st-waiting-ink: #35618c;
--st-waiting-dot: #7ea6d0;
--st-thinking: #fbeecf;
--st-thinking-ink: #9a6b0f;
--st-thinking-dot: #d99a2b;
--st-writing: #ece3f2;
--st-writing-ink: #7a4fa3;
--st-writing-dot: #9d76c4;
--st-error: #f9e3df;
--st-error-ink: #c24d43;
--st-error-dot: #c24d43;
--st-asleep: #f3f0e8;
--st-asleep-ink: #8a8577;
--st-asleep-dot: #b3ada0;
--attention: #e67e3c;
--attention-ink: #a8502f;
--attention-grad: linear-gradient(135deg, #ee9256, #cf6a2c);
--attention-shadow: 0 8px 18px -10px rgba(207, 106, 44, 0.7);
--unread-grad: linear-gradient(135deg, #e07a4d, #c9553a);
--note-hover: #f6e2a8;
--done: #dff0e1;
--done-ink: #2f7a4f;
--done-hover: #cfe6d2;
--tick-mine: #e0d3c6;
--tick-mine-view: #c6b09c;
--tick-fallback: #9c988c;
--grad-primary: linear-gradient(135deg, #e08a6d, #c4633f);
--panel: #ffffff;
--card: #ffffff;
--primary-soft: #ebe7db;
--primary-softer: #f7f5ef;
--primary-ghost: rgba(217, 119, 87, 0.1);
--mint-soft: #dff0e1;
--warn: #d99a2b;
--warn-soft: #fbeecf;
--danger: #c24d43;
--danger-soft: #f9e3df;
--danger-dark: #a13d34;
--info: #4a7fb5;
--info-soft: #e0ecf5;
--muted-2: #b3ada0;
--panel-soft: #f7f5ef;
--panel-tint: #f7f5ef;
--border: #ebe7db;
--border-strong: #dfd9c8;
--mine: linear-gradient(135deg, #e08a6d, #c4633f);
--mine-border: transparent;
--text: #1f1e1d;
--ok: #4caf77;
--edge: 0 2px 0 rgba(31, 30, 29, 0.04);
--shadow-tile: 0 4px 12px -4px rgba(31, 30, 29, 0.15);
--shadow-pop: 0 10px 24px -10px rgba(31, 30, 29, 0.25);
--shadow-primary: 0 8px 18px -8px rgba(217, 119, 87, 0.8);
--shadow-dialog: 0 30px 60px -30px rgba(74, 63, 42, 0.4);
--shadow-1: 0 2px 0 rgba(31, 30, 29, 0.04);
--shadow-2: 0 30px 60px -30px rgba(74, 63, 42, 0.4);
--shadow-card: 0 2px 0 rgba(31, 30, 29, 0.04);
--shadow-ctl: none;
--shadow-ctl-hover: 0 4px 12px -4px rgba(31, 30, 29, 0.15);
--shadow-glow: 0 8px 18px -8px rgba(217, 119, 87, 0.8);
--shadow-inset: none;
--shadow-soft: 0 2px 0 rgba(31, 30, 29, 0.04);
--shadow: 0 2px 0 rgba(31, 30, 29, 0.04);
--bevel: none;
--shadow-room: 0px;
--bevel-pressed: none;
--grad-canvas: #f0eee6;
--canvas-pattern: none;
--canvas-pattern-size: 0 0;
--grad-page: #f0eee6;
--sb-w: 8px;
--sb-thumb: rgba(217, 119, 87, 0.22);
--sb-thumb-hover: rgba(217, 119, 87, 0.45);
--r-scale: 1;
--r-ctl-min: 0px;
--r-xs: calc(8px * var(--r-scale));
--r-sm: calc(12px * var(--r-scale));
--r-md: calc(14px * var(--r-scale));
--r-lg: calc(18px * var(--r-scale));
--r-xl: calc(18px * var(--r-scale));
--r-pill: calc(99px * var(--r-scale));
--font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
--mono: "JetBrains Mono", ui-monospace, Consolas, "Courier New", monospace;
--line-height: 1.45;
--fs-scale: 1;
--fs-xs: calc(11px * var(--fs-scale));
--fs-sm: calc(12px * var(--fs-scale));
--fs-md: calc(14px * var(--fs-scale));
--fs-lg: calc(16px * var(--fs-scale));
--fs-xl: calc(18px * var(--fs-scale));
--fs-2xl: calc(22px * var(--fs-scale));
--t-fast: 120ms;
--t-base: 200ms;
--t-slow: 320ms;
--ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
--ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
--page-bg: #f0eee6;
--page-ink: #1f1e1d;
--page-selection: #dfd9c8;
--focus-ring: rgba(217, 119, 87, 0.35);
--link-ink: #d97757;
--link-underline: rgba(217, 119, 87, 0.35);
--btn-bg: #f3f0e8;
--btn-ink: #5e5a4f;
--btn-hover-bg: #ebe7db;
--btn-hover-ink: #c4633f;
--btn-on-primary: #ffffff;
--btn-secondary-bg: #ffffff;
--btn-secondary-hover-bg: #ffffff;
--btn-soft-bg: #ebe7db;
--btn-soft-hover-bg: #dfd9c8;
--btn-ghost-ink: #8a8577;
--btn-ghost-hover-bg: #f7f5ef;
--btn-danger-bg: #f9e3df;
--btn-danger-ink: #c24d43;
--btn-danger-hover-bg: #f4d3cd;
--btn-danger-solid-ink: #ffffff;
--btn-danger-solid-hover-bg: #a13d34;
--btn-danger-solid-shadow: 0 8px 18px -8px rgba(194, 77, 67, 0.8);
--btn-spinner-track: rgba(255, 255, 255, 0.5);
--btn-spinner-head: #ffffff;
--btn-spinner-track-quiet: #dfd9c8;
--btn-spinner-head-quiet: #d97757;
--btn-disabled-opacity: 0.45;
--btn-dark-bg: rgba(245, 241, 232, 0.12);
--btn-dark-ink: #f5f1e8;
--btn-dark-hover-bg: #d97757;
--btn-warn-ink: #9a6b0f;
--btn-warn-hover-bg: #fbeecf;
--btn-inverse-bg: rgba(255, 255, 255, 0.92);
--btn-inverse-ink: #a8502f;
--btn-inverse-hover-bg: #ffffff;
--btn-link-ink: #d97757;
--btn-ok-bg: #dff0e1;
--btn-ok-ink: #2f7a4f;
--btn-ok-hover-bg: #cfe6d2;
--btn-paper-bg: #ffffff;
--btn-paper-ink: #5e5a4f;
--btn-paper-hover-bg: #f7f5ef;
--btn-border: 0;
--btn-case: none;
--btn-tracking: 0px;
--btn-link-underline: none;
--btn-ghost-bg: transparent;
--btn-shadow: none;
--btn-hover-shadow: none;
--btn-hover-lift: 0px;
--btn-active-shadow: none;
--btn-primary-active-shadow: var(--shadow-primary);
--btn-primary-hover-filter: brightness(1.05);
--btn-secondary-hover-shadow: var(--shadow-tile);
--btn-secondary-active-shadow: var(--shadow-tile);
--btn-danger-solid-hover-shadow: 0 8px 18px -8px rgba(194, 77, 67, 0.8);
--btn-danger-solid-active-shadow: 0 8px 18px -8px rgba(194, 77, 67, 0.8);
--btn-ok-shadow: none;
--btn-warn-shadow: none;
--btn-h: 42px;
--btn-h-sm: 34px;
--btn-h-xs: 24px;
--btn-h-lg: 48px;
--btn-h-cta: 46px;
--btn-fs: calc(13px * var(--fs-scale));
--btn-fs-sm: calc(12px * var(--fs-scale));
--btn-fs-lg: calc(15px * var(--fs-scale));
--btn-fs-cta: calc(14px * var(--fs-scale));
--icon-button-ink: #8a8577;
--icon-button-hover-bg: #f7f5ef;
--icon-button-hover-ink: #c4633f;
--icon-button-disabled-opacity: 0.4;
--icon-button-size: 36px;
--icon-button-icon: 18px;
--icon-button-size-sm: 30px;
--icon-button-icon-sm: 16px;
--icon-button-size-xs: 18px;
--icon-button-icon-xs: 12px;
--icon-button-size-primary: 44px;
--icon-button-ghost-ink: #b3ada0;
--icon-button-hover-bg-strong: #d97757;
--icon-button-inline-bg: #dfd9c8;
--icon-button-inline-ink: #5e5a4f;
--icon-button-inline-on-bg: rgba(217, 119, 87, 0.1);
--icon-button-inline-on-ink: #d97757;
--icon-button-ghost-bg: transparent;
--icon-button-shadow: none;
--icon-button-hover-shadow: none;
--icon-button-hover-lift: 0px;
--icon-button-active-shadow: none;
--icon-button-primary-shadow: var(--shadow-primary);
--icon-button-primary-hover-shadow: var(--shadow-primary);
--icon-button-primary-active-shadow: var(--shadow-primary);
--badge-bg: #ebe7db;
--badge-ink: #c4633f;
--badge-attention-bg: #fbeecf;
--badge-attention-ink: #9a6b0f;
--badge-muted-bg: #f3f0e8;
--badge-muted-ink: #8a8577;
--badge-outline-border: #dfd9c8;
--badge-outline-w: 2px;
--badge-outline-ink: #8a8577;
--badge-fs-xs: calc(10px * var(--fs-scale));
--badge-fill: 100%;
--badge-border: 0;
--badge-case: none;
--badge-tracking: 0px;
--badge-shadow: none;
--chip-bg: #ebe7db;
--chip-ink: #c4633f;
--chip-hover-bg: #dfd9c8;
--chip-fill: 100%;
--chip-border: 0;
--chip-shadow: none;
--chip-hover-shadow: none;
--chip-hover-lift: 0px;
--chip-active-shadow: none;
--chip-active-drop: 0px;
--file-card-bg: #2b2622;
--file-card-ink: #f5f1e8;
--file-card-head-bg: rgba(245, 241, 232, 0.06);
--file-card-head-ink: #efe9dc;
--file-card-head-meta: #b8b0a0;
--file-card-note-ink: #c24d43;
--file-card-image-body-bg: rgba(245, 241, 232, 0.04);
--file-card-image-bg: #ffffff;
--file-card-shadow: var(--edge);
--tool-call-check-bg: #ebe7db;
--tool-call-check-ink: #1f1e1d;
--tool-call-ready-bg: #dff0e1;
--tool-call-ready-ink: #2f7a4f;
--tool-call-error-bg: #f9e3df;
--tool-call-error-ink: #c24d43;
--tool-call-thinking-bg: #fbeecf;
--tool-call-thinking-ink: #9a6b0f;
--tool-call-pending-bg: #ebe7db;
--tool-call-pending-ink: #c4633f;
--tool-call-body-bg: #ffffff;
--tool-call-pre-bg: #f7f5ef;
--tool-call-pre-ink: #1f1e1d;
--tool-call-quiet-ink: #8a8577;
--tool-call-fs: calc(12px * var(--fs-scale));
--tool-call-pre-fs: calc(11.5px * var(--fs-scale));
--tool-call-label-fs: calc(10.5px * var(--fs-scale));
--settings-group-bg: #ebe7db;
--settings-group-ink: #1f1e1d;
--settings-group-heading-ink: #d97757;
--settings-group-danger-bg: #f9e3df;
--settings-group-danger-ink: #c24d43;
--tool-fold-ink: #8a8577;
--tool-fold-bg: #f7f5ef;
--tool-fold-hover-bg: #ebe7db;
--tool-fold-hover-ink: #c4633f;
--tool-fold-failed-ink: #c24d43;
--tool-fold-fs: calc(11px * var(--fs-scale));
--tool-fold-shadow: none;
--ask-card-bg: #fbeecf;
--ask-card-ink: #1f1e1d;
--ask-card-quiet-ink: #8a8577;
--ask-card-resolved-opacity: 0.7;
--ask-card-fs: calc(13px * var(--fs-scale));
--ask-card-kind-fs: calc(11px * var(--fs-scale));
--ask-card-input-fs: calc(11px * var(--fs-scale));
--ask-card-outcome-fs: calc(12px * var(--fs-scale));
--ask-card-shadow: none;
--reply-note-ink: #8a8577;
--reply-note-bg: #f7f5ef;
--reply-note-attention-ink: #9a6b0f;
--reply-note-attention-bg: #fbeecf;
--reply-note-error-ink: #c24d43;
--reply-note-error-bg: #f9e3df;
--reply-note-fs: calc(12px * var(--fs-scale));
--login-dialog-ink: #1f1e1d;
--login-dialog-quiet-ink: #8a8577;
--login-dialog-fs: calc(13.5px * var(--fs-scale));
--login-dialog-border: #dfd9c8;
--login-dialog-scene-bg: #f7f5ef;
--login-dialog-scene-ink: #1f1e1d;
--login-dialog-scene-muted: #dfd9c8;
--login-dialog-scene-paper: #ffffff;
--login-dialog-scene-accent: #d97757;
--login-dialog-scene-dark: #2a2622;
--login-dialog-scene-on-dark: #ffffff;
--login-dialog-ok-bg: #e8f3e9;
--login-dialog-ok-ink: #2f7a4f;
--login-dialog-bad-bg: #f9e3df;
--login-dialog-bad-ink: #c24d43;
--login-dialog-step-bg: #d97757;
--login-dialog-step-ink: #ffffff;
--login-dialog-code-bg: #ffffff;
--login-dialog-code-ink: #1f1e1d;
--login-dialog-code-border: #dfd9c8;
--login-dialog-input-bg: #ffffff;
--login-dialog-input-border: #dfd9c8;
--login-dialog-lines-bg: #f7f5ef;
--login-dialog-lines-ink: #8a8577;
--login-dialog-geek-ink: #d97757;
--look-card-w: 150px;
--look-card-paper-h: 84px;
--look-card-bg: #ffffff;
--look-card-ink: #1f1e1d;
--look-card-border: #dfd9c8;
--look-card-hover-border: #c6b09c;
--look-card-on-border: #d97757;
--look-card-shadow: none;
--choice-bg: #f7f5ef;
--choice-ink: #5e5a4f;
--choice-hover-bg: #ebe7db;
--choice-on-ink: #d97757;
--choice-on-border: #d97757;
--choice-quiet-ink: #8a8577;
--choice-h: 32px;
--choice-border: transparent;
--choice-shadow: none;
--choice-hover-shadow: none;
--choice-hover-lift: 0px;
--choice-active-shadow: none;
--choice-active-drop: 0px;
--choice-on-shadow: none;
--control-knob: #ffffff;
--control-knob-shadow: 0 1px 3px rgba(31, 30, 29, 0.25);
--control-box-bg: #ffffff;
--control-tick: #ffffff;
--tile-badge-bg: #ffffff;
--tile-count-ink: #ffffff;
--room-mark-ink: #ffffff;
--room-mark-hue-from: 0;
--room-mark-hue-span: 360;
--room-mark-grad-angle: 135deg;
--room-mark-grad-from: 52% 60%;
--room-mark-grad-to: 48% 50%;
--room-mark-emoji: 52% 89%;
--room-mark-shadow: none;
--room-mark-radius: calc(14px * var(--r-scale));
--room-mark-radius-lg: calc(16px * var(--r-scale));
--room-mark-radius-rail: calc(13px * var(--r-scale));
--pop-bg: #ffffff;
--pop-shadow: 0 10px 28px -12px rgba(31, 30, 29, 0.45);
--pop-arrow-shadow: 3px 3px 4px -3px rgba(31, 30, 29, 0.25);
--pop-dark-bg: #3d3929;
--pop-dark-ink: #ffffff;
--pop-dark-shadow: 0 6px 16px -6px rgba(31, 30, 29, 0.6);
--dialog-backdrop: rgba(31, 30, 29, 0.4);
--scrim-bg: rgba(31, 30, 29, 0.72);
--scrim-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6);
--scrim-image-bg: #ffffff;
--toast-bg: #1f1e1d;
--toast-ink: #ffffff;
--rail-logo-shadow: 0 8px 18px -6px rgba(217, 119, 87, 0.6);
--rail-active-bg: #ffffff;
--cast-c-1: #d97757;
--cast-c-2: #2f7a4f;
--cast-c-3: #d99a2b;
--cast-c-4: #c24d43;
--cast-c-5: #4a7fb5;
--cast-c-6: #b0356f;
--cast-c-7: #7a4fa3;
--cast-c-8: #cf6a2c;
--timeline-view-bg: rgba(31, 30, 29, 0.08);
--timeline-view-edge: rgba(31, 30, 29, 0.45);
--timeline-tick-blend: #ffffff;
--timeline-pin-halo: #ffffff;
--timeline-flash: rgba(217, 119, 87, 0.55);
--timeline-flash-out: rgba(217, 119, 87, 0);
--bubble-bg: #ffffff;
--bubble-ink: #3d3929;
--bubble-border: transparent;
--bubble-shadow: 0 2px 0 rgba(31, 30, 29, 0.06), 0 1px 3px rgba(31, 30, 29, 0.04);
--bubble-mine-bg: linear-gradient(135deg, #e08a6d, #c4633f);
--bubble-mine-ink: #ffffff;
--bubble-mine-soft-ink: rgba(255, 255, 255, 0.85);
--bubble-mine-waiting-ink: rgba(255, 255, 255, 0.92);
--bubble-mine-shadow: 0 8px 18px -10px rgba(217, 119, 87, 0.7);
--bubble-mine-rule: rgba(255, 255, 255, 0.35);
--bubble-mine-border: rgba(255, 255, 255, 0.35);
--bubble-mine-chip-bg: rgba(255, 255, 255, 0.22);
--bubble-mine-code-bg: rgba(255, 255, 255, 0.18);
--bubble-mine-th-bg: rgba(255, 255, 255, 0.18);
--bubble-mine-link-underline: rgba(255, 255, 255, 0.5);
--bubble-mine-quote-border: rgba(255, 255, 255, 0.5);
--bubble-mine-btn-bg: rgba(255, 255, 255, 0.92);
--bubble-mine-btn-hover-bg: #ffffff;
--bubble-mine-ghost-hover-bg: rgba(255, 255, 255, 0.18);
--bubble-mine-cta-bg: #ffffff;
--bubble-mine-cta-ink: #d97757;
--bubble-inset-bg: #ffffff;
--bubble-prop-row-bg: rgba(255, 255, 255, 0.6);
--quote-mine-bg: rgba(255, 255, 255, 0.16);
--quote-mine-border: rgba(255, 255, 255, 0.55);
--quote-mine-hover-bg: rgba(255, 255, 255, 0.26);
--quote-mine-hover-border: #ffffff;
--quote-mine-head-ink: rgba(255, 255, 255, 0.85);
--quote-mine-text-ink: #ffffff;
--attach-thumb-bg: #ffffff;
--attach-thumb-shadow: 0 1px 3px rgba(31, 30, 29, 0.16);
--attach-overlay-bg: rgba(31, 30, 29, 0.72);
--attach-overlay-ink: #ffffff;
--attach-ref-bg: rgba(31, 30, 29, 0.1);
--attach-mine-ref-bg: rgba(255, 255, 255, 0.24);
--attach-mine-chip-open-bg: rgba(255, 255, 255, 0.42);
--attach-mine-chip-open-ink: #1f1e1d;
--table-stripe: rgba(217, 119, 87, 0.03);
--code-bg: #2b2622;
--code-ink: #f5f1e8;
--code-gutter-bg: #241f1c;
--code-gutter-ink: #8c8477;
--code-line-mark-ink: #f2cc8f;
--code-line-mark-bg: rgba(242, 204, 143, 0.16);
--code-head-bg: rgba(245, 241, 232, 0.06);
--code-head-ink: #efe9dc;
--code-head-meta: #b8b0a0;
--code-head-btn-bg: rgba(245, 241, 232, 0.12);
--code-head-btn-ink: #f5f1e8;
--code-body-bg: rgba(245, 241, 232, 0.04);
--code-sb-track: rgba(0, 0, 0, 0.25);
--code-sb-thumb: rgba(245, 241, 232, 0.3);
--code-sb-thumb-hover: rgba(245, 241, 232, 0.5);
--code-sb-firefox: rgba(245, 241, 232, 0.35);
--code-find-hit-bg: #f2cc8f;
--code-find-hit-ink: #2b2622;
--syntax-comment: #8c8477;
--syntax-punctuation: #cfc8b8;
--syntax-keyword: #c3b1ff;
--syntax-string: #9ad8b6;
--syntax-number: #f2cc8f;
--syntax-function: #a9cbe8;
--syntax-tag: #f2a79a;
--syntax-attr: #e5b3e0;
--diagram-bar-bg: #ffffff;
--diagram-bar-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.55);
--diagram-node-shadow: rgba(31, 30, 29, 0.1);
--diagram-node-ink: #1f1e1d;
--input-bg: #ffffff;
--input-focus-border: #d97757;
--input-shadow: none;
--profile-bg: linear-gradient(160deg, #ebe7db, #e8f3e9);
--profile-badge-bg: #ffffff;
--face-paper: #ffffff;
--face-tint: 16%;
--face-corner: 0.32;
--face-ring: #ffffff;
--face-me-ring: #d97757;
--face-alert-ring: #e67e3c;
--face-dot-bg: #b3ada0;
--face-card-bg: #ffffff;
--face-fallback: #9c988c;
--face-human-ink: #2a2622;
--face-avatar-default: #d97757;
--face-avatar-gloss: #ffffff;
--face-avatar-label-ink: #ffffff;
--face-shadow: 0 0 0 0 transparent;
--face-card-shadow: var(--shadow-pop);
--logo-tile-bg: #ffffff;
--logo-tile-ink: #2a2622;
--logo-tile-badge-bg: #ffffff;
--logo-tile-badge-border: #ffffff;
--logo-tile-badge-ink: #2a2622;
--logo-tile-muted-bg: #fbeecf;
--logo-tile-muted-ink: #9a6b0f;
--logo-tile-unplugged-bg: #ebe7db;
--logo-tile-unplugged-ink: #2a2622;
--logo-tile-sm: 30px;
--logo-tile-md: 36px;
--logo-tile-lg: 40px;
--logo-tile-shadow: var(--shadow-tile);
--logo-tile-radius: calc(12px * var(--r-scale));
--logo-tile-radius-sm: calc(10px * var(--r-scale));
--logo-tile-radius-lg: calc(13px * var(--r-scale));
--logo-tile-radius-badge: calc(6px * var(--r-scale));
--unseen-line-ink: #b0356f;
--unseen-line-bg: #fbeef3;
--unseen-line-line: url("data:image/svg+xml;utf8,") repeat-x center / 16px 8px;
--unseen-line-line-h: 8px;
--unseen-line-line-opacity: 0.55;
--unseen-line-label-border: 0;
--unseen-line-label-case: none;
--unseen-line-label-tracking: 0px;
--unseen-line-label-shadow: none;
--number-field-step-w: 22px;
--number-field-step-ink: #8a8577;
--number-field-step-hover-bg: #ebe7db;
--number-field-step-hover-ink: #c4633f;
--adjust-row-swatch-border: #dfd9c8;
--adjust-row-value-ink: #8a8577;
--adjust-row-hint-ink: #8a8577;
--adjust-row-changed-ink: #d97757;
--adjust-row-back-ink: #8a8577;
--adjust-row-back-hover-bg: #ebe7db;
--row-button-size: 24px;
--row-button-icon: 14px;
--row-button-radius: calc(8px * var(--r-scale));
--row-button-bg: #f3f0e8;
--row-button-ink: #8a8577;
--row-button-hover-bg: #d97757;
--row-button-hover-ink: #ffffff;
--row-button-disabled-opacity: 0.4;
--row-button-shadow: none;
--row-button-active-shadow: none;
--hub-row-ink: #8a8577;
--hub-row-attention-ink: #9a6b0f;
--hub-row-error-ink: #c24d43;
--hub-row-action-bg: #dff0e1;
--hub-row-action-ink: #2f7a4f;
--hub-row-action-hover-bg: #cfe6d2;
--hub-row-face-size: 18px;
--hub-row-prefix: none;
--hub-row-prefix-gap: 0px;
--hub-row-action-shadow: var(--edge);
--hero-ink: #ffffff;
--hero-bg: linear-gradient(120deg, #e08a6d 0%, #d97757 45%, #9d76c4 100%);
--hero-shadow: 0 18px 40px -22px rgba(217, 119, 87, 0.9);
--hero-blob-a: rgba(255, 255, 255, 0.1);
--hero-blob-b: rgba(76, 175, 119, 0.18);
--hero-cta-bg: #ffffff;
--hero-cta-shadow: 0 10px 22px -10px rgba(31, 30, 29, 0.5);
--hero-ghost-bg: rgba(255, 255, 255, 0.16);
--hero-ghost-hover-bg: rgba(255, 255, 255, 0.26);
--hero-face-bg: rgba(255, 255, 255, 0.55);
--hero-bubble-shadow: 0 10px 24px -14px rgba(31, 30, 29, 0.6);
--hero-bubble-1-bg: #ffffff;
--hero-bubble-2-bg: #dff0e1;
--hero-bubble-2-ink: #1f5a3a;
--hero-bubble-3-bg: #fbeecf;
--hero-bubble-3-ink: #5a4200;
--hero-spark: #f0c96b;
--feature-emoji-bg: rgba(255, 255, 255, 0.8);
--feature-peach-bg: #f8d9c4;
--feature-shadow: var(--edge);
--composer-shadow: none;
--composer-bg: transparent;
--composer-radius: 0px;
--composer-pad-x: 0px;
--step-bg: #ffffff;
--step-num-ink: #ffffff;
--tpl-shadow: 0 1px 3px rgba(31, 30, 29, 0.06);
--tpl-check-ink: #ffffff;
--browser-theme-color: #d97757;
}
:root[data-look="comfort"] {
--primary: #2f6f68;
--primary-light: #3d7f78;
--primary-deep: #275e58;
--primary-dark: #1f4d48;
--violet: #5e6b8c;
--iris: #2f6f68;
--ink: #2b2a27;
--ink-2: #3a3833;
--ink-3: #5a574f;
--indigo: #2b2a27;
--muted: #6f6b62;
--faint: #8d887c;
--placeholder: #9a958a;
--grey: #8f8b82;
--white: #f9f6ef;
--black: #000000;
--bg: #efe9dd;
--soft: #f4efe5;
--softer: #f1ebe0;
--lav: #e8e1d3;
--lav-2: #dcd3c2;
--canvas-top: #f2ede3;
--canvas-mid: #efe9dd;
--canvas-bottom: #ebe4d6;
--shadow-ink: #4a4438;
--mint: #e0ebe2;
--mint-2: #d1e2d5;
--mint-tint: #e8f0ea;
--mint-ink: #2f6b4f;
--forest: #244f3c;
--green: #4f9a72;
--warm: #f4e9cf;
--warm-2: #ecdfb9;
--warm-ink: #7d5f12;
--bronze: #5a4200;
--amber: #c99a3c;
--honey: #7d5f12;
--spark: #c9a04f;
--peach: #f3e2d3;
--peach-2: #efdac8;
--orange: #c2703f;
--orange-light: #cd7f50;
--orange-deep: #a85c30;
--orange-dark: #8a4a26;
--ember: #b8623a;
--ember-deep: #9c4a2a;
--rose: #f2e0dc;
--rose-2: #ead2cc;
--rose-ink: #a34a3f;
--rose-dark: #8a3d34;
--pink: #8f3d6a;
--pink-tint: #f2e3ea;
--sky: #dfe7ee;
--blue: #3f6e9a;
--blue-deep: #2f587d;
--blue-soft: #6f93b8;
--orchid: #e8e2ec;
--orchid-ink: #6b4f8c;
--orchid-mid: #8a6fa8;
--periwinkle: #ccd7d2;
--periwinkle-deep: #a3bab2;
--deep: #e9e3d6;
--deep-gutter: #e1dacb;
--deep-ink: #2b2a27;
--deep-muted: #7a7468;
--deep-head: #3a3833;
--deep-meta: #6f6b62;
--lav-grey: #7a7468;
--lilac: #5b4a9a;
--seafoam: #1f6e5a;
--azure: #2a5d8f;
--salmon: #a3472f;
--magenta: #8a3f7a;
--st-ready: #e0ebe2;
--st-ready-ink: #2f6b4f;
--st-ready-dot: #4f9a72;
--st-waiting: #dfe7ee;
--st-waiting-ink: #2f587d;
--st-waiting-dot: #6f93b8;
--st-thinking: #f4e9cf;
--st-thinking-ink: #7d5f12;
--st-thinking-dot: #c99a3c;
--st-writing: #e8e2ec;
--st-writing-ink: #6b4f8c;
--st-writing-dot: #8a6fa8;
--st-error: #f2e0dc;
--st-error-ink: #a34a3f;
--st-error-dot: #a34a3f;
--st-asleep: #f1ebe0;
--st-asleep-ink: #6f6b62;
--st-asleep-dot: #8d887c;
--attention: #c2703f;
--attention-ink: #8a4a26;
--attention-grad: linear-gradient(135deg, #cd7f50, #a85c30);
--attention-shadow: 0 8px 18px -10px rgba(168, 92, 48, 0.7);
--unread-grad: linear-gradient(135deg, #b8623a, #9c4a2a);
--note-hover: #ecdfb9;
--done: #e0ebe2;
--done-ink: #2f6b4f;
--done-hover: #d1e2d5;
--tick-mine: #ccd7d2;
--tick-mine-view: #a3bab2;
--tick-fallback: #8f8b82;
--grad-primary: linear-gradient(135deg, #3d7f78, #275e58);
--panel: #f9f6ef;
--card: #f9f6ef;
--primary-soft: #e8e1d3;
--primary-softer: #f4efe5;
--primary-ghost: rgba(47, 111, 104, 0.1);
--mint-soft: #e0ebe2;
--warn: #c99a3c;
--warn-soft: #f4e9cf;
--danger: #a34a3f;
--danger-soft: #f2e0dc;
--danger-dark: #8a3d34;
--info: #3f6e9a;
--info-soft: #dfe7ee;
--muted-2: #8d887c;
--panel-soft: #f4efe5;
--panel-tint: #f4efe5;
--border: #e8e1d3;
--border-strong: #dcd3c2;
--mine: linear-gradient(135deg, #3d7f78, #275e58);
--mine-border: transparent;
--text: #2b2a27;
--ok: #4f9a72;
--edge: 0 2px 0 rgba(43, 42, 39, 0.04);
--shadow-tile: 0 4px 12px -4px rgba(43, 42, 39, 0.15);
--shadow-pop: 0 10px 24px -10px rgba(43, 42, 39, 0.25);
--shadow-primary: none;
--shadow-dialog: 0 30px 60px -30px rgba(74, 68, 56, 0.4);
--shadow-1: 0 2px 0 rgba(43, 42, 39, 0.04);
--shadow-2: 0 30px 60px -30px rgba(74, 68, 56, 0.4);
--shadow-card: 0 2px 0 rgba(43, 42, 39, 0.04);
--shadow-ctl: none;
--shadow-ctl-hover: 0 4px 12px -4px rgba(43, 42, 39, 0.15);
--shadow-glow: none;
--shadow-inset: none;
--shadow-soft: 0 2px 0 rgba(43, 42, 39, 0.04);
--shadow: 0 2px 0 rgba(43, 42, 39, 0.04);
--bevel: none;
--shadow-room: 0px;
--bevel-pressed: none;
--grad-canvas: #efe9dd;
--canvas-pattern: none;
--canvas-pattern-size: 0 0;
--grad-page: #efe9dd;
--sb-w: 8px;
--sb-thumb: rgba(47, 111, 104, 0.22);
--sb-thumb-hover: rgba(47, 111, 104, 0.45);
--r-scale: 1;
--r-ctl-min: 0px;
--r-xs: calc(8px * var(--r-scale));
--r-sm: calc(12px * var(--r-scale));
--r-md: calc(14px * var(--r-scale));
--r-lg: calc(18px * var(--r-scale));
--r-xl: calc(18px * var(--r-scale));
--r-pill: calc(99px * var(--r-scale));
--font: "Open Sans", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
--mono: "JetBrains Mono", ui-monospace, Consolas, "Courier New", monospace;
--line-height: 1.6;
--fs-scale: 1;
--fs-xs: calc(11px * var(--fs-scale));
--fs-sm: calc(12px * var(--fs-scale));
--fs-md: calc(14px * var(--fs-scale));
--fs-lg: calc(16px * var(--fs-scale));
--fs-xl: calc(18px * var(--fs-scale));
--fs-2xl: calc(22px * var(--fs-scale));
--t-fast: 120ms;
--t-base: 200ms;
--t-slow: 320ms;
--ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
--ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
--page-bg: #efe9dd;
--page-ink: #2b2a27;
--page-selection: #dcd3c2;
--focus-ring: rgba(47, 111, 104, 0.35);
--link-ink: #2f6f68;
--link-underline: rgba(47, 111, 104, 0.35);
--btn-bg: #f1ebe0;
--btn-ink: #5a574f;
--btn-hover-bg: #e8e1d3;
--btn-hover-ink: #2f6f68;
--btn-on-primary: #f9f6ef;
--btn-secondary-bg: #f9f6ef;
--btn-secondary-hover-bg: #f9f6ef;
--btn-soft-bg: #e8e1d3;
--btn-soft-hover-bg: #dcd3c2;
--btn-ghost-ink: #6f6b62;
--btn-ghost-hover-bg: #f4efe5;
--btn-danger-bg: #f2e0dc;
--btn-danger-ink: #a34a3f;
--btn-danger-hover-bg: #ead2cc;
--btn-danger-solid-ink: #f9f6ef;
--btn-danger-solid-hover-bg: #8a3d34;
--btn-danger-solid-shadow: 0 8px 18px -8px rgba(163, 74, 63, 0.8);
--btn-spinner-track: rgba(249, 246, 239, 0.5);
--btn-spinner-head: #f9f6ef;
--btn-spinner-track-quiet: #dcd3c2;
--btn-spinner-head-quiet: #2f6f68;
--btn-disabled-opacity: 0.45;
--btn-dark-bg: rgba(43, 42, 39, 0.12);
--btn-dark-ink: #2b2a27;
--btn-dark-hover-bg: #dcd3c2;
--btn-warn-ink: #7d5f12;
--btn-warn-hover-bg: #f4e9cf;
--btn-inverse-bg: rgba(249, 246, 239, 0.92);
--btn-inverse-ink: #8a4a26;
--btn-inverse-hover-bg: #f9f6ef;
--btn-link-ink: #2f6f68;
--btn-ok-bg: #e0ebe2;
--btn-ok-ink: #2f6b4f;
--btn-ok-hover-bg: #d1e2d5;
--btn-paper-bg: #f9f6ef;
--btn-paper-ink: #5a574f;
--btn-paper-hover-bg: #f4efe5;
--btn-border: 0;
--btn-case: none;
--btn-tracking: 0px;
--btn-link-underline: none;
--btn-ghost-bg: transparent;
--btn-shadow: none;
--btn-hover-shadow: none;
--btn-hover-lift: 0px;
--btn-active-shadow: none;
--btn-primary-active-shadow: var(--shadow-primary);
--btn-primary-hover-filter: brightness(1.05);
--btn-secondary-hover-shadow: var(--shadow-tile);
--btn-secondary-active-shadow: var(--shadow-tile);
--btn-danger-solid-hover-shadow: 0 8px 18px -8px rgba(163, 74, 63, 0.8);
--btn-danger-solid-active-shadow: 0 8px 18px -8px rgba(163, 74, 63, 0.8);
--btn-ok-shadow: none;
--btn-warn-shadow: none;
--btn-h: 42px;
--btn-h-sm: 34px;
--btn-h-xs: 24px;
--btn-h-lg: 48px;
--btn-h-cta: 46px;
--btn-fs: calc(13px * var(--fs-scale));
--btn-fs-sm: calc(12px * var(--fs-scale));
--btn-fs-lg: calc(15px * var(--fs-scale));
--btn-fs-cta: calc(14px * var(--fs-scale));
--icon-button-ink: #6f6b62;
--icon-button-hover-bg: #f4efe5;
--icon-button-hover-ink: #2f6f68;
--icon-button-disabled-opacity: 0.4;
--icon-button-size: 36px;
--icon-button-icon: 18px;
--icon-button-size-sm: 30px;
--icon-button-icon-sm: 16px;
--icon-button-size-xs: 18px;
--icon-button-icon-xs: 12px;
--icon-button-size-primary: 44px;
--icon-button-ghost-ink: #8d887c;
--icon-button-hover-bg-strong: #2f6f68;
--icon-button-inline-bg: #dcd3c2;
--icon-button-inline-ink: #5a574f;
--icon-button-inline-on-bg: rgba(47, 111, 104, 0.1);
--icon-button-inline-on-ink: #2f6f68;
--icon-button-ghost-bg: transparent;
--icon-button-shadow: none;
--icon-button-hover-shadow: none;
--icon-button-hover-lift: 0px;
--icon-button-active-shadow: none;
--icon-button-primary-shadow: var(--shadow-primary);
--icon-button-primary-hover-shadow: var(--shadow-primary);
--icon-button-primary-active-shadow: var(--shadow-primary);
--badge-bg: #e8e1d3;
--badge-ink: #2f6f68;
--badge-attention-bg: #f4e9cf;
--badge-attention-ink: #7d5f12;
--badge-muted-bg: #f1ebe0;
--badge-muted-ink: #6f6b62;
--badge-outline-border: #dcd3c2;
--badge-outline-w: 2px;
--badge-outline-ink: #6f6b62;
--badge-fs-xs: calc(10px * var(--fs-scale));
--badge-fill: 100%;
--badge-border: 0;
--badge-case: none;
--badge-tracking: 0px;
--badge-shadow: none;
--chip-bg: #e8e1d3;
--chip-ink: #2f6f68;
--chip-hover-bg: #dcd3c2;
--chip-fill: 100%;
--chip-border: 0;
--chip-shadow: none;
--chip-hover-shadow: none;
--chip-hover-lift: 0px;
--chip-active-shadow: none;
--chip-active-drop: 0px;
--file-card-bg: #e9e3d6;
--file-card-ink: #2b2a27;
--file-card-head-bg: rgba(43, 42, 39, 0.06);
--file-card-head-ink: #3a3833;
--file-card-head-meta: #6f6b62;
--file-card-note-ink: #a34a3f;
--file-card-image-body-bg: rgba(43, 42, 39, 0.04);
--file-card-image-bg: #f9f6ef;
--file-card-shadow: var(--edge);
--tool-call-check-bg: #e8e1d3;
--tool-call-check-ink: #2b2a27;
--tool-call-ready-bg: #e0ebe2;
--tool-call-ready-ink: #2f6b4f;
--tool-call-error-bg: #f2e0dc;
--tool-call-error-ink: #a34a3f;
--tool-call-thinking-bg: #f4e9cf;
--tool-call-thinking-ink: #7d5f12;
--tool-call-pending-bg: #e8e1d3;
--tool-call-pending-ink: #2f6f68;
--tool-call-body-bg: #f9f6ef;
--tool-call-pre-bg: #f4efe5;
--tool-call-pre-ink: #2b2a27;
--tool-call-quiet-ink: #6f6b62;
--tool-call-fs: calc(12px * var(--fs-scale));
--tool-call-pre-fs: calc(11.5px * var(--fs-scale));
--tool-call-label-fs: calc(10.5px * var(--fs-scale));
--settings-group-bg: #e8e1d3;
--settings-group-ink: #2b2a27;
--settings-group-heading-ink: #2f6f68;
--settings-group-danger-bg: #f2e0dc;
--settings-group-danger-ink: #a34a3f;
--tool-fold-ink: #6f6b62;
--tool-fold-bg: #f4efe5;
--tool-fold-hover-bg: #e8e1d3;
--tool-fold-hover-ink: #2f6f68;
--tool-fold-failed-ink: #a34a3f;
--tool-fold-fs: calc(11px * var(--fs-scale));
--tool-fold-shadow: none;
--ask-card-bg: #f4e9cf;
--ask-card-ink: #2b2a27;
--ask-card-quiet-ink: #6f6b62;
--ask-card-resolved-opacity: 0.7;
--ask-card-fs: calc(13px * var(--fs-scale));
--ask-card-kind-fs: calc(11px * var(--fs-scale));
--ask-card-input-fs: calc(11px * var(--fs-scale));
--ask-card-outcome-fs: calc(12px * var(--fs-scale));
--ask-card-shadow: none;
--reply-note-ink: #6f6b62;
--reply-note-bg: #f4efe5;
--reply-note-attention-ink: #7d5f12;
--reply-note-attention-bg: #f4e9cf;
--reply-note-error-ink: #a34a3f;
--reply-note-error-bg: #f2e0dc;
--reply-note-fs: calc(12px * var(--fs-scale));
--login-dialog-ink: #2b2a27;
--login-dialog-quiet-ink: #6f6b62;
--login-dialog-fs: calc(13.5px * var(--fs-scale));
--login-dialog-border: #dcd3c2;
--login-dialog-scene-bg: #f4efe5;
--login-dialog-scene-ink: #2b2a27;
--login-dialog-scene-muted: #dcd3c2;
--login-dialog-scene-paper: #f9f6ef;
--login-dialog-scene-accent: #2f6f68;
--login-dialog-scene-dark: #2b2a27;
--login-dialog-scene-on-dark: #f9f6ef;
--login-dialog-ok-bg: #e8f0ea;
--login-dialog-ok-ink: #2f6b4f;
--login-dialog-bad-bg: #f2e0dc;
--login-dialog-bad-ink: #a34a3f;
--login-dialog-step-bg: #2f6f68;
--login-dialog-step-ink: #f9f6ef;
--login-dialog-code-bg: #f9f6ef;
--login-dialog-code-ink: #2b2a27;
--login-dialog-code-border: #dcd3c2;
--login-dialog-input-bg: #f9f6ef;
--login-dialog-input-border: #dcd3c2;
--login-dialog-lines-bg: #f4efe5;
--login-dialog-lines-ink: #6f6b62;
--login-dialog-geek-ink: #2f6f68;
--look-card-w: 150px;
--look-card-paper-h: 84px;
--look-card-bg: #f9f6ef;
--look-card-ink: #2b2a27;
--look-card-border: #dcd3c2;
--look-card-hover-border: #a3bab2;
--look-card-on-border: #2f6f68;
--look-card-shadow: none;
--choice-bg: #f4efe5;
--choice-ink: #5a574f;
--choice-hover-bg: #e8e1d3;
--choice-on-ink: #2f6f68;
--choice-on-border: #2f6f68;
--choice-quiet-ink: #6f6b62;
--choice-h: 32px;
--choice-border: transparent;
--choice-shadow: none;
--choice-hover-shadow: none;
--choice-hover-lift: 0px;
--choice-active-shadow: none;
--choice-active-drop: 0px;
--choice-on-shadow: none;
--control-knob: #f9f6ef;
--control-knob-shadow: 0 1px 3px rgba(43, 42, 39, 0.25);
--control-box-bg: #f9f6ef;
--control-tick: #f9f6ef;
--tile-badge-bg: #f9f6ef;
--tile-count-ink: #f9f6ef;
--room-mark-ink: #f9f6ef;
--room-mark-hue-from: 0;
--room-mark-hue-span: 360;
--room-mark-grad-angle: 135deg;
--room-mark-grad-from: 36% 52%;
--room-mark-grad-to: 34% 44%;
--room-mark-emoji: 34% 89%;
--room-mark-shadow: none;
--room-mark-radius: calc(14px * var(--r-scale));
--room-mark-radius-lg: calc(16px * var(--r-scale));
--room-mark-radius-rail: calc(13px * var(--r-scale));
--pop-bg: #f9f6ef;
--pop-shadow: 0 10px 28px -12px rgba(43, 42, 39, 0.45);
--pop-arrow-shadow: 3px 3px 4px -3px rgba(43, 42, 39, 0.25);
--pop-dark-bg: #3a3833;
--pop-dark-ink: #f9f6ef;
--pop-dark-shadow: 0 6px 16px -6px rgba(43, 42, 39, 0.6);
--dialog-backdrop: rgba(43, 42, 39, 0.4);
--scrim-bg: rgba(43, 42, 39, 0.72);
--scrim-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6);
--scrim-image-bg: #f9f6ef;
--toast-bg: #2b2a27;
--toast-ink: #f9f6ef;
--rail-logo-shadow: 0 8px 18px -6px rgba(47, 111, 104, 0.6);
--rail-active-bg: #f9f6ef;
--cast-c-1: #2f6f68;
--cast-c-2: #2f6b4f;
--cast-c-3: #c99a3c;
--cast-c-4: #a34a3f;
--cast-c-5: #3f6e9a;
--cast-c-6: #8f3d6a;
--cast-c-7: #6b4f8c;
--cast-c-8: #a85c30;
--timeline-view-bg: rgba(43, 42, 39, 0.08);
--timeline-view-edge: rgba(43, 42, 39, 0.45);
--timeline-tick-blend: #f9f6ef;
--timeline-pin-halo: #f9f6ef;
--timeline-flash: rgba(47, 111, 104, 0.55);
--timeline-flash-out: rgba(47, 111, 104, 0);
--bubble-bg: #f9f6ef;
--bubble-ink: #3a3833;
--bubble-border: transparent;
--bubble-shadow: 0 1px 2px rgba(43, 42, 39, 0.06);
--bubble-mine-bg: linear-gradient(135deg, #3d7f78, #275e58);
--bubble-mine-ink: #f9f6ef;
--bubble-mine-soft-ink: rgba(249, 246, 239, 0.85);
--bubble-mine-waiting-ink: rgba(249, 246, 239, 0.92);
--bubble-mine-shadow: none;
--bubble-mine-rule: rgba(249, 246, 239, 0.35);
--bubble-mine-border: rgba(249, 246, 239, 0.35);
--bubble-mine-chip-bg: rgba(249, 246, 239, 0.22);
--bubble-mine-code-bg: rgba(249, 246, 239, 0.18);
--bubble-mine-th-bg: rgba(249, 246, 239, 0.18);
--bubble-mine-link-underline: rgba(249, 246, 239, 0.5);
--bubble-mine-quote-border: rgba(249, 246, 239, 0.5);
--bubble-mine-btn-bg: rgba(249, 246, 239, 0.92);
--bubble-mine-btn-hover-bg: #f9f6ef;
--bubble-mine-ghost-hover-bg: rgba(249, 246, 239, 0.18);
--bubble-mine-cta-bg: #f9f6ef;
--bubble-mine-cta-ink: #2f6f68;
--bubble-inset-bg: #f9f6ef;
--bubble-prop-row-bg: rgba(249, 246, 239, 0.6);
--quote-mine-bg: rgba(249, 246, 239, 0.16);
--quote-mine-border: rgba(249, 246, 239, 0.55);
--quote-mine-hover-bg: rgba(249, 246, 239, 0.26);
--quote-mine-hover-border: #f9f6ef;
--quote-mine-head-ink: rgba(249, 246, 239, 0.85);
--quote-mine-text-ink: #f9f6ef;
--attach-thumb-bg: #f9f6ef;
--attach-thumb-shadow: 0 1px 3px rgba(43, 42, 39, 0.16);
--attach-overlay-bg: rgba(43, 42, 39, 0.72);
--attach-overlay-ink: #f9f6ef;
--attach-ref-bg: rgba(43, 42, 39, 0.1);
--attach-mine-ref-bg: rgba(249, 246, 239, 0.24);
--attach-mine-chip-open-bg: rgba(249, 246, 239, 0.42);
--attach-mine-chip-open-ink: #2b2a27;
--table-stripe: rgba(47, 111, 104, 0.03);
--code-bg: #e9e3d6;
--code-ink: #2b2a27;
--code-gutter-bg: #e1dacb;
--code-gutter-ink: #7a7468;
--code-line-mark-ink: #7d5f12;
--code-line-mark-bg: rgba(125, 95, 18, 0.16);
--code-head-bg: rgba(43, 42, 39, 0.04);
--code-head-ink: #3a3833;
--code-head-meta: #6f6b62;
--code-head-btn-bg: rgba(43, 42, 39, 0.08);
--code-head-btn-ink: #2b2a27;
--code-body-bg: rgba(43, 42, 39, 0.02);
--code-sb-track: rgba(43, 42, 39, 0.06);
--code-sb-thumb: rgba(43, 42, 39, 0.3);
--code-sb-thumb-hover: rgba(43, 42, 39, 0.5);
--code-sb-firefox: rgba(43, 42, 39, 0.35);
--code-find-hit-bg: #7d5f12;
--code-find-hit-ink: #e9e3d6;
--syntax-comment: #7a7468;
--syntax-punctuation: #7a7468;
--syntax-keyword: #5b4a9a;
--syntax-string: #1f6e5a;
--syntax-number: #7d5f12;
--syntax-function: #2a5d8f;
--syntax-tag: #a3472f;
--syntax-attr: #8a3f7a;
--diagram-bar-bg: #f9f6ef;
--diagram-bar-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.55);
--diagram-node-shadow: rgba(43, 42, 39, 0.1);
--diagram-node-ink: #2b2a27;
--input-bg: #f9f6ef;
--input-focus-border: #2f6f68;
--input-shadow: none;
--profile-bg: linear-gradient(160deg, #e8e1d3, #e8f0ea);
--profile-badge-bg: #f9f6ef;
--face-paper: #f9f6ef;
--face-tint: 16%;
--face-corner: 0.32;
--face-ring: #f9f6ef;
--face-me-ring: #2f6f68;
--face-alert-ring: #c2703f;
--face-dot-bg: #8d887c;
--face-card-bg: #f9f6ef;
--face-fallback: #8f8b82;
--face-human-ink: #2b2a27;
--face-avatar-default: #2f6f68;
--face-avatar-gloss: #f9f6ef;
--face-avatar-label-ink: #f9f6ef;
--face-shadow: 0 0 0 0 transparent;
--face-card-shadow: var(--shadow-pop);
--logo-tile-bg: #f9f6ef;
--logo-tile-ink: #2b2a27;
--logo-tile-badge-bg: #f9f6ef;
--logo-tile-badge-border: #f9f6ef;
--logo-tile-badge-ink: #2b2a27;
--logo-tile-muted-bg: #f4e9cf;
--logo-tile-muted-ink: #7d5f12;
--logo-tile-unplugged-bg: #e8e1d3;
--logo-tile-unplugged-ink: #2b2a27;
--logo-tile-sm: 30px;
--logo-tile-md: 36px;
--logo-tile-lg: 40px;
--logo-tile-shadow: var(--shadow-tile);
--logo-tile-radius: calc(12px * var(--r-scale));
--logo-tile-radius-sm: calc(10px * var(--r-scale));
--logo-tile-radius-lg: calc(13px * var(--r-scale));
--logo-tile-radius-badge: calc(6px * var(--r-scale));
--unseen-line-ink: #8f3d6a;
--unseen-line-bg: #f2e3ea;
--unseen-line-line: url("data:image/svg+xml;utf8,") repeat-x center / 16px 8px;
--unseen-line-line-h: 8px;
--unseen-line-line-opacity: 0.55;
--unseen-line-label-border: 0;
--unseen-line-label-case: none;
--unseen-line-label-tracking: 0px;
--unseen-line-label-shadow: none;
--number-field-step-w: 22px;
--number-field-step-ink: #6f6b62;
--number-field-step-hover-bg: #e8e1d3;
--number-field-step-hover-ink: #2f6f68;
--adjust-row-swatch-border: #dcd3c2;
--adjust-row-value-ink: #6f6b62;
--adjust-row-hint-ink: #6f6b62;
--adjust-row-changed-ink: #2f6f68;
--adjust-row-back-ink: #6f6b62;
--adjust-row-back-hover-bg: #e8e1d3;
--row-button-size: 24px;
--row-button-icon: 14px;
--row-button-radius: calc(8px * var(--r-scale));
--row-button-bg: #f1ebe0;
--row-button-ink: #6f6b62;
--row-button-hover-bg: #2f6f68;
--row-button-hover-ink: #f9f6ef;
--row-button-disabled-opacity: 0.4;
--row-button-shadow: none;
--row-button-active-shadow: none;
--hub-row-ink: #6f6b62;
--hub-row-attention-ink: #7d5f12;
--hub-row-error-ink: #a34a3f;
--hub-row-action-bg: #e0ebe2;
--hub-row-action-ink: #2f6b4f;
--hub-row-action-hover-bg: #d1e2d5;
--hub-row-face-size: 18px;
--hub-row-prefix: none;
--hub-row-prefix-gap: 0px;
--hub-row-action-shadow: var(--edge);
--hero-ink: #f9f6ef;
--hero-bg: linear-gradient(120deg, #3d7f78 0%, #2f6f68 45%, #5e6b8c 100%);
--hero-shadow: 0 18px 40px -22px rgba(47, 111, 104, 0.9);
--hero-blob-a: rgba(249, 246, 239, 0.1);
--hero-blob-b: rgba(79, 154, 114, 0.18);
--hero-cta-bg: #f9f6ef;
--hero-cta-shadow: 0 10px 22px -10px rgba(43, 42, 39, 0.5);
--hero-ghost-bg: rgba(249, 246, 239, 0.16);
--hero-ghost-hover-bg: rgba(249, 246, 239, 0.26);
--hero-face-bg: rgba(249, 246, 239, 0.55);
--hero-bubble-shadow: 0 10px 24px -14px rgba(43, 42, 39, 0.6);
--hero-bubble-1-bg: #f9f6ef;
--hero-bubble-2-bg: #e0ebe2;
--hero-bubble-2-ink: #244f3c;
--hero-bubble-3-bg: #f4e9cf;
--hero-bubble-3-ink: #5a4200;
--hero-spark: #c9a04f;
--feature-emoji-bg: rgba(249, 246, 239, 0.8);
--feature-peach-bg: #efdac8;
--feature-shadow: var(--edge);
--composer-shadow: none;
--composer-bg: transparent;
--composer-radius: 0px;
--composer-pad-x: 0px;
--step-bg: #f9f6ef;
--step-num-ink: #f9f6ef;
--tpl-shadow: 0 1px 3px rgba(43, 42, 39, 0.06);
--tpl-check-ink: #f9f6ef;
--browser-theme-color: #2f6f68;
}
:root[data-look="plush"] {
--primary: #917ad8;
--primary-light: #b4a2e6;
--primary-deep: #7f66cc;
--primary-dark: #6a54b4;
--violet: #c9b8f0;
--iris: #917ad8;
--ink: #5a3e36;
--ink-2: #634840;
--ink-3: #8a6f64;
--indigo: #5a3e36;
--muted: #8f7a6e;
--faint: #b3a094;
--placeholder: #b8a498;
--grey: #b3a094;
--white: #f9f0e1;
--black: #000000;
--bg: #f4e8ce;
--soft: #fdf7ec;
--softer: #f4e9d8;
--lav: #f1e4d2;
--lav-2: #e8d7c1;
--canvas-top: #fbf3e6;
--canvas-mid: #f7ecdd;
--canvas-bottom: #f1e5ec;
--shadow-ink: #7a5540;
--mint: #c9e8c4;
--mint-2: #b4dfae;
--mint-tint: #dff1dc;
--mint-ink: #3f7a4a;
--forest: #2f6038;
--green: #6fcf7a;
--warm: #fbe4a4;
--warm-2: #f7d774;
--warm-ink: #8a6a1c;
--bronze: #5a4200;
--amber: #f0c24a;
--honey: #f7d774;
--spark: #fbe07a;
--peach: #f9dcc8;
--peach-2: #f5cbae;
--orange: #f0a06a;
--orange-light: #f4b385;
--orange-deep: #e08a50;
--orange-dark: #b8673a;
--ember: #ec6f9d;
--ember-deep: #d8598a;
--rose: #f7c9d8;
--rose-2: #f2b3c9;
--rose-ink: #c2456f;
--rose-dark: #a63c64;
--pink: #d85a8c;
--pink-tint: #fbe3ec;
--sky: #d5f0ec;
--blue: #5fbdb3;
--blue-deep: #33857c;
--blue-soft: #8fd6cf;
--orchid: #e6dff7;
--orchid-ink: #6a55b0;
--orchid-mid: #a893e2;
--periwinkle: #ded5f3;
--periwinkle-deep: #c5b8ea;
--deep: #4a352e;
--deep-gutter: #3f2d27;
--deep-ink: #f9f1e4;
--deep-muted: #a58f83;
--deep-head: #f0e4d4;
--deep-meta: #c2ada0;
--lav-grey: #cdbfb0;
--lilac: #c9b8f0;
--seafoam: #8fd6cf;
--azure: #9ccbe8;
--salmon: #f4b385;
--magenta: #f0a0c0;
--st-ready: #c9e8c4;
--st-ready-ink: #3f7a4a;
--st-ready-dot: #6fcf7a;
--st-waiting: #d5f0ec;
--st-waiting-ink: #33857c;
--st-waiting-dot: #8fd6cf;
--st-thinking: #fbe4a4;
--st-thinking-ink: #8a6a1c;
--st-thinking-dot: #f0c24a;
--st-writing: #e6dff7;
--st-writing-ink: #6a55b0;
--st-writing-dot: #a893e2;
--st-error: #f7c9d8;
--st-error-ink: #c2456f;
--st-error-dot: #c2456f;
--st-asleep: #f4e9d8;
--st-asleep-ink: #8f7a6e;
--st-asleep-dot: #b3a094;
--attention: #f0a06a;
--attention-ink: #b8673a;
--attention-grad: linear-gradient(135deg, #f4b385, #e08a50);
--attention-shadow: 0 8px 18px -10px rgba(224, 138, 80, 0.7);
--unread-grad: linear-gradient(135deg, #ec6f9d, #d8598a);
--note-hover: #f7d774;
--done: #c9e8c4;
--done-ink: #3f7a4a;
--done-hover: #b4dfae;
--tick-mine: #ded5f3;
--tick-mine-view: #c5b8ea;
--tick-fallback: #b3a094;
--grad-primary: linear-gradient(135deg, #b4a2e6, #7f66cc);
--panel: #f9f0e1;
--card: #f9f0e1;
--primary-soft: #f1e4d2;
--primary-softer: #fdf7ec;
--primary-ghost: rgba(145, 122, 216, 0.1);
--mint-soft: #c9e8c4;
--warn: #f0c24a;
--warn-soft: #fbe4a4;
--danger: #c2456f;
--danger-soft: #f7c9d8;
--danger-dark: #a63c64;
--info: #5fbdb3;
--info-soft: #d5f0ec;
--muted-2: #b3a094;
--panel-soft: #fdf7ec;
--panel-tint: #fdf7ec;
--border: #f1e4d2;
--border-strong: #e8d7c1;
--mine: linear-gradient(135deg, #b4a2e6, #7f66cc);
--mine-border: transparent;
--text: #5a3e36;
--ok: #6fcf7a;
--edge: inset 0 2px 4px rgba(249, 240, 225, 0.95), inset 0 -8px 12px -3px rgba(122, 85, 64, 0.18), inset 2px 0 3px -1px rgba(249, 240, 225, 0.5), 0 3px 6px rgba(122, 85, 64, 0.1), 0 16px 32px -8px rgba(122, 85, 64, 0.28);
--shadow-tile: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 1px 2px rgba(122, 85, 64, 0.14), 0 6px 12px -4px rgba(122, 85, 64, 0.3);
--shadow-pop: inset 0 2px 4px rgba(249, 240, 225, 0.95), inset 0 -8px 12px -3px rgba(122, 85, 64, 0.18), inset 2px 0 3px -1px rgba(249, 240, 225, 0.5), 0 3px 6px rgba(122, 85, 64, 0.1), 0 16px 32px -8px rgba(122, 85, 64, 0.28);
--shadow-primary: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--shadow-dialog: inset 0 2px 4px rgba(249, 240, 225, 0.95), inset 0 -10px 14px -4px rgba(122, 85, 64, 0.2), 0 6px 10px rgba(122, 85, 64, 0.12), 0 30px 60px -16px rgba(122, 85, 64, 0.4);
--shadow-1: inset 0 2px 4px rgba(249, 240, 225, 0.95), inset 0 -8px 12px -3px rgba(122, 85, 64, 0.18), inset 2px 0 3px -1px rgba(249, 240, 225, 0.5), 0 3px 6px rgba(122, 85, 64, 0.1), 0 16px 32px -8px rgba(122, 85, 64, 0.28);
--shadow-2: inset 0 2px 4px rgba(249, 240, 225, 0.95), inset 0 -10px 14px -4px rgba(122, 85, 64, 0.2), 0 6px 10px rgba(122, 85, 64, 0.12), 0 30px 60px -16px rgba(122, 85, 64, 0.4);
--shadow-card: inset 0 2px 4px rgba(249, 240, 225, 0.95), inset 0 -8px 12px -3px rgba(122, 85, 64, 0.18), inset 2px 0 3px -1px rgba(249, 240, 225, 0.5), 0 3px 6px rgba(122, 85, 64, 0.1), 0 16px 32px -8px rgba(122, 85, 64, 0.28);
--shadow-ctl: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--shadow-ctl-hover: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 2px 4px rgba(122, 85, 64, 0.16), 0 10px 18px -5px rgba(122, 85, 64, 0.34);
--shadow-glow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--shadow-inset: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--shadow-soft: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 1px 2px rgba(122, 85, 64, 0.14), 0 6px 12px -4px rgba(122, 85, 64, 0.3);
--bevel: linear-gradient(180deg, rgba(249, 240, 225, 0.3) 0%, rgba(249, 240, 225, 0) 45%);
--shadow-room: 20px;
--bevel-pressed: none;
--grad-canvas: radial-gradient(720px 480px at 100% 100%, rgba(236, 111, 157, 0.14), transparent 70%), radial-gradient(640px 420px at 0% 0%, rgba(180, 162, 230, 0.16), transparent 70%), linear-gradient(165deg, #fbf3e6 0%, #f7ecdd 55%, #f1e5ec 100%);
--canvas-pattern: none;
--canvas-pattern-size: 0 0;
--grad-page: #f4e8ce;
--sb-w: 8px;
--sb-thumb: rgba(145, 122, 216, 0.22);
--sb-thumb-hover: rgba(145, 122, 216, 0.45);
--r-scale: 1.6;
--r-ctl-min: var(--r-pill);
--r-xs: calc(8px * var(--r-scale));
--r-sm: calc(12px * var(--r-scale));
--r-md: calc(14px * var(--r-scale));
--r-lg: calc(18px * var(--r-scale));
--r-xl: calc(18px * var(--r-scale));
--r-pill: calc(99px * var(--r-scale));
--font: "Nunito", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
--mono: "JetBrains Mono", ui-monospace, Consolas, "Courier New", monospace;
--line-height: 1.45;
--fs-scale: 1;
--fs-xs: calc(11px * var(--fs-scale));
--fs-sm: calc(12px * var(--fs-scale));
--fs-md: calc(14px * var(--fs-scale));
--fs-lg: calc(16px * var(--fs-scale));
--fs-xl: calc(18px * var(--fs-scale));
--fs-2xl: calc(22px * var(--fs-scale));
--t-fast: 120ms;
--t-base: 200ms;
--t-slow: 320ms;
--ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
--ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
--page-bg: #f4e8ce;
--page-ink: #5a3e36;
--page-selection: #e8d7c1;
--focus-ring: rgba(145, 122, 216, 0.35);
--link-ink: #917ad8;
--link-underline: rgba(145, 122, 216, 0.35);
--btn-bg: #f4e9d8;
--btn-ink: #8a6f64;
--btn-hover-bg: #f1e4d2;
--btn-hover-ink: #6a54b4;
--btn-on-primary: #f9f0e1;
--btn-secondary-bg: #f4e9d8;
--btn-secondary-hover-bg: #f9f0e1;
--btn-soft-bg: #f4e9d8;
--btn-soft-hover-bg: #e8d7c1;
--btn-ghost-ink: #8f7a6e;
--btn-ghost-hover-bg: #fdf7ec;
--btn-danger-bg: #f7c9d8;
--btn-danger-ink: #c2456f;
--btn-danger-hover-bg: #f2b3c9;
--btn-danger-solid-ink: #f9f0e1;
--btn-danger-solid-hover-bg: #a63c64;
--btn-danger-solid-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--btn-spinner-track: rgba(249, 240, 225, 0.5);
--btn-spinner-head: #f9f0e1;
--btn-spinner-track-quiet: #e8d7c1;
--btn-spinner-head-quiet: #917ad8;
--btn-disabled-opacity: 0.45;
--btn-dark-bg: rgba(249, 241, 228, 0.12);
--btn-dark-ink: #f9f1e4;
--btn-dark-hover-bg: #917ad8;
--btn-warn-ink: #8a6a1c;
--btn-warn-hover-bg: #fbe4a4;
--btn-inverse-bg: rgba(249, 240, 225, 0.92);
--btn-inverse-ink: #b8673a;
--btn-inverse-hover-bg: #f9f0e1;
--btn-link-ink: #917ad8;
--btn-ok-bg: #c9e8c4;
--btn-ok-ink: #3f7a4a;
--btn-ok-hover-bg: #b4dfae;
--btn-paper-bg: #f4e9d8;
--btn-paper-ink: #8a6f64;
--btn-paper-hover-bg: #fdf7ec;
--btn-border: 0;
--btn-case: none;
--btn-tracking: 0px;
--btn-link-underline: none;
--btn-ghost-bg: #f4e9d8;
--btn-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 1px 2px rgba(122, 85, 64, 0.14), 0 6px 12px -4px rgba(122, 85, 64, 0.3);
--btn-hover-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 2px 4px rgba(122, 85, 64, 0.16), 0 10px 18px -5px rgba(122, 85, 64, 0.34);
--btn-hover-lift: -1px;
--btn-active-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--btn-primary-active-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--btn-primary-hover-filter: none;
--btn-secondary-hover-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 2px 4px rgba(122, 85, 64, 0.16), 0 10px 18px -5px rgba(122, 85, 64, 0.34);
--btn-secondary-active-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--btn-danger-solid-hover-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 2px 4px rgba(122, 85, 64, 0.16), 0 10px 18px -5px rgba(122, 85, 64, 0.34);
--btn-danger-solid-active-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--btn-ok-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--btn-warn-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--btn-h: 42px;
--btn-h-sm: 34px;
--btn-h-xs: 24px;
--btn-h-lg: 48px;
--btn-h-cta: 46px;
--btn-fs: calc(13px * var(--fs-scale));
--btn-fs-sm: calc(12px * var(--fs-scale));
--btn-fs-lg: calc(15px * var(--fs-scale));
--btn-fs-cta: calc(14px * var(--fs-scale));
--icon-button-ink: #8f7a6e;
--icon-button-hover-bg: #fdf7ec;
--icon-button-hover-ink: #6a54b4;
--icon-button-disabled-opacity: 0.4;
--icon-button-size: 36px;
--icon-button-icon: 18px;
--icon-button-size-sm: 30px;
--icon-button-icon-sm: 16px;
--icon-button-size-xs: 18px;
--icon-button-icon-xs: 12px;
--icon-button-size-primary: 44px;
--icon-button-ghost-ink: #8f7a6e;
--icon-button-hover-bg-strong: #917ad8;
--icon-button-inline-bg: #e8d7c1;
--icon-button-inline-ink: #8a6f64;
--icon-button-inline-on-bg: rgba(145, 122, 216, 0.1);
--icon-button-inline-on-ink: #917ad8;
--icon-button-ghost-bg: #f4e9d8;
--icon-button-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 1px 2px rgba(122, 85, 64, 0.14), 0 6px 12px -4px rgba(122, 85, 64, 0.3);
--icon-button-hover-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 2px 4px rgba(122, 85, 64, 0.16), 0 10px 18px -5px rgba(122, 85, 64, 0.34);
--icon-button-hover-lift: -1px;
--icon-button-active-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--icon-button-primary-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 1px 2px rgba(122, 85, 64, 0.14), 0 6px 12px -4px rgba(122, 85, 64, 0.3);
--icon-button-primary-hover-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 2px 4px rgba(122, 85, 64, 0.16), 0 10px 18px -5px rgba(122, 85, 64, 0.34);
--icon-button-primary-active-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--badge-bg: #f1e4d2;
--badge-ink: #6a54b4;
--badge-attention-bg: #fbe4a4;
--badge-attention-ink: #8a6a1c;
--badge-muted-bg: #f4e9d8;
--badge-muted-ink: #8f7a6e;
--badge-outline-border: #e8d7c1;
--badge-outline-w: 2px;
--badge-outline-ink: #8f7a6e;
--badge-fs-xs: calc(10px * var(--fs-scale));
--badge-fill: 100%;
--badge-border: 0;
--badge-case: none;
--badge-tracking: 0px;
--badge-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--chip-bg: #f1e4d2;
--chip-ink: #6a54b4;
--chip-hover-bg: #e8d7c1;
--chip-fill: 100%;
--chip-border: 0;
--chip-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--chip-hover-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 2px 4px rgba(122, 85, 64, 0.16), 0 10px 18px -5px rgba(122, 85, 64, 0.34);
--chip-hover-lift: -1px;
--chip-active-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--chip-active-drop: 1px;
--file-card-bg: #4a352e;
--file-card-ink: #f9f1e4;
--file-card-head-bg: rgba(249, 241, 228, 0.06);
--file-card-head-ink: #f0e4d4;
--file-card-head-meta: #c2ada0;
--file-card-note-ink: #c2456f;
--file-card-image-body-bg: rgba(249, 241, 228, 0.04);
--file-card-image-bg: #f9f0e1;
--file-card-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 1px 2px rgba(122, 85, 64, 0.14), 0 6px 12px -4px rgba(122, 85, 64, 0.3);
--tool-call-check-bg: #f1e4d2;
--tool-call-check-ink: #5a3e36;
--tool-call-ready-bg: #c9e8c4;
--tool-call-ready-ink: #3f7a4a;
--tool-call-error-bg: #f7c9d8;
--tool-call-error-ink: #c2456f;
--tool-call-thinking-bg: #fbe4a4;
--tool-call-thinking-ink: #8a6a1c;
--tool-call-pending-bg: #f1e4d2;
--tool-call-pending-ink: #6a54b4;
--tool-call-body-bg: #f9f0e1;
--tool-call-pre-bg: #fdf7ec;
--tool-call-pre-ink: #5a3e36;
--tool-call-quiet-ink: #8f7a6e;
--tool-call-fs: calc(12px * var(--fs-scale));
--tool-call-pre-fs: calc(11.5px * var(--fs-scale));
--tool-call-label-fs: calc(10.5px * var(--fs-scale));
--settings-group-bg: #f1e4d2;
--settings-group-ink: #5a3e36;
--settings-group-heading-ink: #917ad8;
--settings-group-danger-bg: #f7c9d8;
--settings-group-danger-ink: #c2456f;
--tool-fold-ink: #8f7a6e;
--tool-fold-bg: #fdf7ec;
--tool-fold-hover-bg: #f1e4d2;
--tool-fold-hover-ink: #6a54b4;
--tool-fold-failed-ink: #c2456f;
--tool-fold-fs: calc(11px * var(--fs-scale));
--tool-fold-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 1px 2px rgba(122, 85, 64, 0.14), 0 6px 12px -4px rgba(122, 85, 64, 0.3);
--ask-card-bg: #fbe4a4;
--ask-card-ink: #5a3e36;
--ask-card-quiet-ink: #8f7a6e;
--ask-card-resolved-opacity: 0.7;
--ask-card-fs: calc(13px * var(--fs-scale));
--ask-card-kind-fs: calc(11px * var(--fs-scale));
--ask-card-input-fs: calc(11px * var(--fs-scale));
--ask-card-outcome-fs: calc(12px * var(--fs-scale));
--ask-card-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 1px 2px rgba(122, 85, 64, 0.14), 0 6px 12px -4px rgba(122, 85, 64, 0.3);
--reply-note-ink: #8f7a6e;
--reply-note-bg: #fdf7ec;
--reply-note-attention-ink: #8a6a1c;
--reply-note-attention-bg: #fbe4a4;
--reply-note-error-ink: #c2456f;
--reply-note-error-bg: #f7c9d8;
--reply-note-fs: calc(12px * var(--fs-scale));
--login-dialog-ink: #5a3e36;
--login-dialog-quiet-ink: #8f7a6e;
--login-dialog-fs: calc(13.5px * var(--fs-scale));
--login-dialog-border: #e8d7c1;
--login-dialog-scene-bg: #fdf7ec;
--login-dialog-scene-ink: #5a3e36;
--login-dialog-scene-muted: #e8d7c1;
--login-dialog-scene-paper: #f9f0e1;
--login-dialog-scene-accent: #917ad8;
--login-dialog-scene-dark: #5a3e36;
--login-dialog-scene-on-dark: #f9f0e1;
--login-dialog-ok-bg: #dff1dc;
--login-dialog-ok-ink: #3f7a4a;
--login-dialog-bad-bg: #f7c9d8;
--login-dialog-bad-ink: #c2456f;
--login-dialog-step-bg: #917ad8;
--login-dialog-step-ink: #f9f0e1;
--login-dialog-code-bg: #f9f0e1;
--login-dialog-code-ink: #5a3e36;
--login-dialog-code-border: #e8d7c1;
--login-dialog-input-bg: #f9f0e1;
--login-dialog-input-border: #e8d7c1;
--login-dialog-lines-bg: #fdf7ec;
--login-dialog-lines-ink: #8f7a6e;
--login-dialog-geek-ink: #917ad8;
--look-card-w: 150px;
--look-card-paper-h: 84px;
--look-card-bg: #f9f0e1;
--look-card-ink: #5a3e36;
--look-card-border: #e8d7c1;
--look-card-hover-border: #c5b8ea;
--look-card-on-border: #917ad8;
--look-card-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 1px 2px rgba(122, 85, 64, 0.14), 0 6px 12px -4px rgba(122, 85, 64, 0.3);
--choice-bg: #fdf7ec;
--choice-ink: #8a6f64;
--choice-hover-bg: #f1e4d2;
--choice-on-ink: #917ad8;
--choice-on-border: #917ad8;
--choice-quiet-ink: #8f7a6e;
--choice-h: 32px;
--choice-border: transparent;
--choice-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--choice-hover-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 2px 4px rgba(122, 85, 64, 0.16), 0 10px 18px -5px rgba(122, 85, 64, 0.34);
--choice-hover-lift: -1px;
--choice-active-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--choice-active-drop: 1px;
--choice-on-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--control-knob: #f9f0e1;
--control-knob-shadow: 0 1px 3px rgba(90, 62, 54, 0.25);
--control-box-bg: #f9f0e1;
--control-tick: #f9f0e1;
--tile-badge-bg: #f9f0e1;
--tile-count-ink: #f9f0e1;
--room-mark-ink: #f9f0e1;
--room-mark-hue-from: 0;
--room-mark-hue-span: 360;
--room-mark-grad-angle: 135deg;
--room-mark-grad-from: 62% 66%;
--room-mark-grad-to: 58% 56%;
--room-mark-emoji: 58% 90%;
--room-mark-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--room-mark-radius: calc(10px * var(--r-scale));
--room-mark-radius-lg: calc(12px * var(--r-scale));
--room-mark-radius-rail: calc(10px * var(--r-scale));
--pop-bg: #f9f0e1;
--pop-shadow: 0 10px 28px -12px rgba(90, 62, 54, 0.45);
--pop-arrow-shadow: 3px 3px 4px -3px rgba(90, 62, 54, 0.25);
--pop-dark-bg: #634840;
--pop-dark-ink: #f9f0e1;
--pop-dark-shadow: 0 6px 16px -6px rgba(90, 62, 54, 0.6);
--dialog-backdrop: rgba(90, 62, 54, 0.4);
--scrim-bg: rgba(90, 62, 54, 0.72);
--scrim-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6);
--scrim-image-bg: #f9f0e1;
--toast-bg: #5a3e36;
--toast-ink: #f9f0e1;
--rail-logo-shadow: 0 8px 18px -6px rgba(145, 122, 216, 0.6);
--rail-active-bg: #f9f0e1;
--cast-c-1: #917ad8;
--cast-c-2: #3f7a4a;
--cast-c-3: #f0c24a;
--cast-c-4: #c2456f;
--cast-c-5: #5fbdb3;
--cast-c-6: #d85a8c;
--cast-c-7: #6a55b0;
--cast-c-8: #e08a50;
--timeline-view-bg: rgba(90, 62, 54, 0.08);
--timeline-view-edge: rgba(90, 62, 54, 0.45);
--timeline-tick-blend: #f9f0e1;
--timeline-pin-halo: #f9f0e1;
--timeline-flash: rgba(145, 122, 216, 0.55);
--timeline-flash-out: rgba(145, 122, 216, 0);
--bubble-bg: #fdf7ec;
--bubble-ink: #634840;
--bubble-border: transparent;
--bubble-shadow: inset 0 2px 3px rgba(249, 240, 225, 0.95), inset 2px 0 2px -1px rgba(249, 240, 225, 0.6), inset 0 -6px 8px -2px rgba(122, 85, 64, 0.2), inset -2px 0 4px -2px rgba(122, 85, 64, 0.1), 0 2px 4px rgba(122, 85, 64, 0.12), 0 10px 18px -4px rgba(122, 85, 64, 0.26);
--bubble-mine-bg: linear-gradient(#917ad8, #917ad8);
--bubble-mine-ink: #f9f0e1;
--bubble-mine-soft-ink: rgba(249, 240, 225, 0.85);
--bubble-mine-waiting-ink: rgba(249, 240, 225, 0.92);
--bubble-mine-shadow: inset 0 2px 3px rgba(249, 240, 225, 0.6), inset 2px 0 2px -1px rgba(249, 240, 225, 0.35), inset 0 -6px 8px -2px rgba(0, 0, 0, 0.16), inset -2px 0 4px -2px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(122, 85, 64, 0.14), 0 10px 18px -4px rgba(122, 85, 64, 0.3);
--bubble-mine-rule: rgba(249, 240, 225, 0.35);
--bubble-mine-border: rgba(249, 240, 225, 0.35);
--bubble-mine-chip-bg: rgba(249, 240, 225, 0.22);
--bubble-mine-code-bg: rgba(249, 240, 225, 0.18);
--bubble-mine-th-bg: rgba(249, 240, 225, 0.18);
--bubble-mine-link-underline: rgba(249, 240, 225, 0.5);
--bubble-mine-quote-border: rgba(249, 240, 225, 0.5);
--bubble-mine-btn-bg: rgba(249, 240, 225, 0.92);
--bubble-mine-btn-hover-bg: #f9f0e1;
--bubble-mine-ghost-hover-bg: rgba(249, 240, 225, 0.18);
--bubble-mine-cta-bg: #f9f0e1;
--bubble-mine-cta-ink: #6a54b4;
--bubble-inset-bg: #f9f0e1;
--bubble-prop-row-bg: rgba(249, 240, 225, 0.6);
--quote-mine-bg: rgba(249, 240, 225, 0.16);
--quote-mine-border: rgba(249, 240, 225, 0.55);
--quote-mine-hover-bg: rgba(249, 240, 225, 0.26);
--quote-mine-hover-border: #f9f0e1;
--quote-mine-head-ink: rgba(249, 240, 225, 0.85);
--quote-mine-text-ink: #f9f0e1;
--attach-thumb-bg: #f9f0e1;
--attach-thumb-shadow: 0 1px 3px rgba(90, 62, 54, 0.16);
--attach-overlay-bg: rgba(90, 62, 54, 0.72);
--attach-overlay-ink: #f9f0e1;
--attach-ref-bg: rgba(90, 62, 54, 0.1);
--attach-mine-ref-bg: rgba(249, 240, 225, 0.24);
--attach-mine-chip-open-bg: rgba(249, 240, 225, 0.42);
--attach-mine-chip-open-ink: #5a3e36;
--table-stripe: rgba(145, 122, 216, 0.03);
--code-bg: #4a352e;
--code-ink: #f9f1e4;
--code-gutter-bg: #3f2d27;
--code-gutter-ink: #a58f83;
--code-line-mark-ink: #f7d774;
--code-line-mark-bg: rgba(247, 215, 116, 0.16);
--code-head-bg: rgba(249, 241, 228, 0.06);
--code-head-ink: #f0e4d4;
--code-head-meta: #c2ada0;
--code-head-btn-bg: rgba(249, 241, 228, 0.12);
--code-head-btn-ink: #f9f1e4;
--code-body-bg: rgba(249, 241, 228, 0.04);
--code-sb-track: rgba(0, 0, 0, 0.25);
--code-sb-thumb: rgba(249, 241, 228, 0.3);
--code-sb-thumb-hover: rgba(249, 241, 228, 0.5);
--code-sb-firefox: rgba(249, 241, 228, 0.35);
--code-find-hit-bg: #f7d774;
--code-find-hit-ink: #4a352e;
--syntax-comment: #a58f83;
--syntax-punctuation: #cdbfb0;
--syntax-keyword: #c9b8f0;
--syntax-string: #8fd6cf;
--syntax-number: #f7d774;
--syntax-function: #9ccbe8;
--syntax-tag: #f4b385;
--syntax-attr: #f0a0c0;
--diagram-bar-bg: #f9f0e1;
--diagram-bar-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.55);
--diagram-node-shadow: rgba(90, 62, 54, 0.1);
--diagram-node-ink: #5a3e36;
--input-bg: #f9f0e1;
--input-focus-border: #917ad8;
--input-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--profile-bg: linear-gradient(160deg, #f1e4d2, #dff1dc);
--profile-badge-bg: #f9f0e1;
--face-paper: #f9f0e1;
--face-tint: 34%;
--face-corner: 0.2;
--face-ring: #f9f0e1;
--face-me-ring: #917ad8;
--face-alert-ring: #f0a06a;
--face-dot-bg: #b3a094;
--face-card-bg: #f9f0e1;
--face-fallback: #b3a094;
--face-human-ink: #5a3e36;
--face-avatar-default: #917ad8;
--face-avatar-gloss: #f9f0e1;
--face-avatar-label-ink: #f9f0e1;
--face-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--face-card-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--logo-tile-bg: #fdf7ec;
--logo-tile-ink: #5a3e36;
--logo-tile-badge-bg: #fdf7ec;
--logo-tile-badge-border: #f9f0e1;
--logo-tile-badge-ink: #5a3e36;
--logo-tile-muted-bg: #fbe4a4;
--logo-tile-muted-ink: #8a6a1c;
--logo-tile-unplugged-bg: #f1e4d2;
--logo-tile-unplugged-ink: #5a3e36;
--logo-tile-sm: 30px;
--logo-tile-md: 36px;
--logo-tile-lg: 40px;
--logo-tile-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 1px 2px rgba(122, 85, 64, 0.14), 0 6px 12px -4px rgba(122, 85, 64, 0.3);
--logo-tile-radius: calc(8px * var(--r-scale));
--logo-tile-radius-sm: calc(7px * var(--r-scale));
--logo-tile-radius-lg: calc(9px * var(--r-scale));
--logo-tile-radius-badge: calc(8px * var(--r-scale));
--unseen-line-ink: #d85a8c;
--unseen-line-bg: #fbe3ec;
--unseen-line-line: url("data:image/svg+xml;utf8,") repeat-x center / 16px 8px;
--unseen-line-line-h: 8px;
--unseen-line-line-opacity: 0.55;
--unseen-line-label-border: 0;
--unseen-line-label-case: none;
--unseen-line-label-tracking: 0px;
--unseen-line-label-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--number-field-step-w: 22px;
--number-field-step-ink: #8f7a6e;
--number-field-step-hover-bg: #f1e4d2;
--number-field-step-hover-ink: #6a54b4;
--adjust-row-swatch-border: #e8d7c1;
--adjust-row-value-ink: #8f7a6e;
--adjust-row-hint-ink: #8f7a6e;
--adjust-row-changed-ink: #917ad8;
--adjust-row-back-ink: #8f7a6e;
--adjust-row-back-hover-bg: #f1e4d2;
--row-button-size: 24px;
--row-button-icon: 14px;
--row-button-radius: 8px;
--row-button-bg: #f4e9d8;
--row-button-ink: #8f7a6e;
--row-button-hover-bg: #917ad8;
--row-button-hover-ink: #f9f0e1;
--row-button-disabled-opacity: 0.4;
--row-button-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.95), inset 1px 0 1px rgba(249, 240, 225, 0.5), inset 0 -4px 5px -2px rgba(122, 85, 64, 0.2), inset -1px 0 2px -1px rgba(122, 85, 64, 0.08), 0 0 0 1px rgba(122, 85, 64, 0.07), 0 1px 2px rgba(122, 85, 64, 0.14), 0 6px 12px -4px rgba(122, 85, 64, 0.3);
--row-button-active-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--hub-row-ink: #8f7a6e;
--hub-row-attention-ink: #8a6a1c;
--hub-row-error-ink: #c2456f;
--hub-row-action-bg: #c9e8c4;
--hub-row-action-ink: #3f7a4a;
--hub-row-action-hover-bg: #b4dfae;
--hub-row-face-size: 18px;
--hub-row-prefix: none;
--hub-row-prefix-gap: 0px;
--hub-row-action-shadow: inset 0 1.5px 2px rgba(249, 240, 225, 0.6), inset 1px 0 1px rgba(249, 240, 225, 0.35), inset 0 -4px 5px -2px rgba(0, 0, 0, 0.16), inset -1px 0 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(122, 85, 64, 0.08), 0 1px 2px rgba(122, 85, 64, 0.16), 0 6px 12px -4px rgba(122, 85, 64, 0.32);
--hero-ink: #f9f0e1;
--hero-bg: linear-gradient(120deg, #b4a2e6 0%, #917ad8 45%, #c9b8f0 100%);
--hero-shadow: 0 18px 40px -22px rgba(145, 122, 216, 0.9);
--hero-blob-a: rgba(249, 240, 225, 0.1);
--hero-blob-b: rgba(111, 207, 122, 0.18);
--hero-cta-bg: #f9f0e1;
--hero-cta-shadow: 0 10px 22px -10px rgba(90, 62, 54, 0.5);
--hero-ghost-bg: rgba(249, 240, 225, 0.16);
--hero-ghost-hover-bg: rgba(249, 240, 225, 0.26);
--hero-face-bg: rgba(249, 240, 225, 0.55);
--hero-bubble-shadow: 0 10px 24px -14px rgba(90, 62, 54, 0.6);
--hero-bubble-1-bg: #f9f0e1;
--hero-bubble-2-bg: #c9e8c4;
--hero-bubble-2-ink: #2f6038;
--hero-bubble-3-bg: #fbe4a4;
--hero-bubble-3-ink: #5a4200;
--hero-spark: #fbe07a;
--feature-emoji-bg: rgba(249, 240, 225, 0.8);
--feature-peach-bg: #f5cbae;
--feature-shadow: inset 0 2px 4px rgba(249, 240, 225, 0.95), inset 0 -8px 12px -3px rgba(122, 85, 64, 0.18), inset 2px 0 3px -1px rgba(249, 240, 225, 0.5), 0 3px 6px rgba(122, 85, 64, 0.1), 0 16px 32px -8px rgba(122, 85, 64, 0.28);
--composer-shadow: inset 0 3px 6px rgba(122, 85, 64, 0.18), inset 0 -1px 2px rgba(249, 240, 225, 0.8);
--composer-bg: #f4e9d8;
--composer-radius: calc(14px * var(--r-scale));
--composer-pad-x: 12px;
--step-bg: #f9f0e1;
--step-num-ink: #f9f0e1;
--tpl-shadow: 0 1px 3px rgba(90, 62, 54, 0.06);
--tpl-check-ink: #f9f0e1;
--browser-theme-color: #917ad8;
}
:root[data-look="terminal"] {
--primary: #3ddc84;
--primary-light: #5ae69a;
--primary-deep: #2bc472;
--primary-dark: #1fa85f;
--violet: #7ee0ff;
--iris: #0b0f0c;
--ink: #d7e3d9;
--ink-2: #c3d1c6;
--ink-3: #9fb3a5;
--indigo: #e6f0e8;
--muted: #7c9282;
--faint: #5b6f61;
--placeholder: #5b6f61;
--grey: #6f8276;
--white: #0f1411;
--black: #000000;
--bg: #090c0a;
--soft: #131a15;
--softer: #10160f;
--lav: #172019;
--lav-2: #1f2b22;
--canvas-top: #0a0d0b;
--canvas-mid: #090c0a;
--canvas-bottom: #080a09;
--shadow-ink: #000000;
--mint: #123a26;
--mint-2: #164a30;
--mint-tint: #0f2e1f;
--mint-ink: #3ddc84;
--forest: #8fe3bd;
--green: #3ddc84;
--warm: #3a2f0c;
--warm-2: #4a3d10;
--warm-ink: #f5c542;
--bronze: #ffe08a;
--amber: #f5c542;
--honey: #f5c542;
--spark: #ffd166;
--peach: #3a2414;
--peach-2: #4a2d18;
--orange: #ff9a3d;
--orange-light: #ffab5c;
--orange-deep: #e8782a;
--orange-dark: #ffb36b;
--ember: #ff8a45;
--ember-deep: #f0602c;
--rose: #3a1512;
--rose-2: #4a1a16;
--rose-ink: #ff6b5e;
--rose-dark: #ff8578;
--pink: #ff7ab8;
--pink-tint: #2e1420;
--sky: #0f2a3a;
--blue: #5ab0ff;
--blue-deep: #7cc0ff;
--blue-soft: #8cc8ff;
--orchid: #2a1a3a;
--orchid-ink: #c79bff;
--orchid-mid: #b58cf0;
--periwinkle: #233126;
--periwinkle-deep: #2f4234;
--deep: #050705;
--deep-gutter: #0a0d0b;
--deep-ink: #d7e3d9;
--deep-muted: #5b6f61;
--deep-head: #c3d1c6;
--deep-meta: #7c9282;
--lav-grey: #5f7a67;
--lilac: #7ee0ff;
--seafoam: #3ddc84;
--azure: #5ab0ff;
--salmon: #ff8578;
--magenta: #ff7ab8;
--st-ready: #123a26;
--st-ready-ink: #3ddc84;
--st-ready-dot: #3ddc84;
--st-waiting: #0f2a3a;
--st-waiting-ink: #7cc0ff;
--st-waiting-dot: #8cc8ff;
--st-thinking: #3a2f0c;
--st-thinking-ink: #f5c542;
--st-thinking-dot: #f5c542;
--st-writing: #2a1a3a;
--st-writing-ink: #c79bff;
--st-writing-dot: #b58cf0;
--st-error: #3a1512;
--st-error-ink: #ff6b5e;
--st-error-dot: #ff6b5e;
--st-asleep: #10160f;
--st-asleep-ink: #7c9282;
--st-asleep-dot: #5b6f61;
--attention: #ff9a3d;
--attention-ink: #ffb36b;
--attention-grad: linear-gradient(135deg, #ffab5c, #e8782a);
--attention-shadow: 0 8px 18px -10px rgba(232, 120, 42, 0.7);
--unread-grad: linear-gradient(135deg, #ff8a45, #f0602c);
--note-hover: #4a3d10;
--done: #123a26;
--done-ink: #3ddc84;
--done-hover: #164a30;
--tick-mine: #233126;
--tick-mine-view: #2f4234;
--tick-fallback: #6f8276;
--grad-primary: linear-gradient(135deg, #5ae69a, #2bc472);
--panel: #0f1411;
--card: #0f1411;
--primary-soft: #172019;
--primary-softer: #131a15;
--primary-ghost: rgba(61, 220, 132, 0.1);
--mint-soft: #123a26;
--warn: #f5c542;
--warn-soft: #3a2f0c;
--danger: #ff6b5e;
--danger-soft: #3a1512;
--danger-dark: #ff8578;
--info: #5ab0ff;
--info-soft: #0f2a3a;
--muted-2: #5b6f61;
--panel-soft: #131a15;
--panel-tint: #131a15;
--border: #172019;
--border-strong: #1f2b22;
--mine: linear-gradient(135deg, #5ae69a, #2bc472);
--mine-border: transparent;
--text: #d7e3d9;
--ok: #3ddc84;
--edge: none;
--shadow-tile: none;
--shadow-pop: none;
--shadow-primary: none;
--shadow-dialog: none;
--shadow-1: none;
--shadow-2: none;
--shadow-card: none;
--shadow-ctl: none;
--shadow-ctl-hover: none;
--shadow-glow: none;
--shadow-inset: none;
--shadow-soft: none;
--shadow: none;
--bevel: none;
--shadow-room: none;
--bevel-pressed: none;
--grad-canvas: #090c0a;
--canvas-pattern: none;
--canvas-pattern-size: 0 0;
--grad-page: #090c0a;
--sb-w: 8px;
--sb-thumb: rgba(61, 220, 132, 0.22);
--sb-thumb-hover: rgba(61, 220, 132, 0.45);
--r-scale: 0;
--r-ctl-min: 0px;
--r-xs: calc(8px * var(--r-scale));
--r-sm: calc(12px * var(--r-scale));
--r-md: calc(14px * var(--r-scale));
--r-lg: calc(18px * var(--r-scale));
--r-xl: calc(18px * var(--r-scale));
--r-pill: calc(99px * var(--r-scale));
--font: "JetBrains Mono", ui-monospace, Consolas, "Courier New", monospace;
--mono: "JetBrains Mono", ui-monospace, Consolas, "Courier New", monospace;
--line-height: 1.45;
--fs-scale: 1;
--fs-xs: calc(11px * var(--fs-scale));
--fs-sm: calc(12px * var(--fs-scale));
--fs-md: calc(14px * var(--fs-scale));
--fs-lg: calc(16px * var(--fs-scale));
--fs-xl: calc(18px * var(--fs-scale));
--fs-2xl: calc(22px * var(--fs-scale));
--t-fast: 0ms;
--t-base: 0ms;
--t-slow: 0ms;
--ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
--ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
--page-bg: #090c0a;
--page-ink: #d7e3d9;
--page-selection: #1f2b22;
--focus-ring: rgba(61, 220, 132, 0.35);
--link-ink: #3ddc84;
--link-underline: rgba(61, 220, 132, 0.35);
--btn-bg: #10160f;
--btn-ink: #9fb3a5;
--btn-hover-bg: #172019;
--btn-hover-ink: #3ddc84;
--btn-on-primary: #0f1411;
--btn-secondary-bg: #0f1411;
--btn-secondary-hover-bg: #0f1411;
--btn-soft-bg: #172019;
--btn-soft-hover-bg: #1f2b22;
--btn-ghost-ink: #7c9282;
--btn-ghost-hover-bg: #131a15;
--btn-danger-bg: #3a1512;
--btn-danger-ink: #ff6b5e;
--btn-danger-hover-bg: #4a1a16;
--btn-danger-solid-ink: #0f1411;
--btn-danger-solid-hover-bg: #ff8578;
--btn-danger-solid-shadow: 0 8px 18px -8px rgba(255, 107, 94, 0.8);
--btn-spinner-track: rgba(15, 20, 17, 0.5);
--btn-spinner-head: #0f1411;
--btn-spinner-track-quiet: #1f2b22;
--btn-spinner-head-quiet: #3ddc84;
--btn-disabled-opacity: 0.45;
--btn-dark-bg: rgba(215, 227, 217, 0.12);
--btn-dark-ink: #d7e3d9;
--btn-dark-hover-bg: #3ddc84;
--btn-warn-ink: #f5c542;
--btn-warn-hover-bg: #3a2f0c;
--btn-inverse-bg: rgba(15, 20, 17, 0.92);
--btn-inverse-ink: #ffb36b;
--btn-inverse-hover-bg: #0f1411;
--btn-link-ink: #3ddc84;
--btn-ok-bg: #123a26;
--btn-ok-ink: #3ddc84;
--btn-ok-hover-bg: #164a30;
--btn-paper-bg: #0f1411;
--btn-paper-ink: #9fb3a5;
--btn-paper-hover-bg: #131a15;
--btn-border: 1px solid currentColor;
--btn-case: uppercase;
--btn-tracking: 0.06em;
--btn-link-underline: underline;
--btn-ghost-bg: transparent;
--btn-shadow: none;
--btn-hover-shadow: none;
--btn-hover-lift: 0px;
--btn-active-shadow: none;
--btn-primary-active-shadow: var(--shadow-primary);
--btn-primary-hover-filter: brightness(1.05);
--btn-secondary-hover-shadow: var(--shadow-tile);
--btn-secondary-active-shadow: var(--shadow-tile);
--btn-danger-solid-hover-shadow: 0 8px 18px -8px rgba(255, 107, 94, 0.8);
--btn-danger-solid-active-shadow: 0 8px 18px -8px rgba(255, 107, 94, 0.8);
--btn-ok-shadow: none;
--btn-warn-shadow: none;
--btn-h: 42px;
--btn-h-sm: 34px;
--btn-h-xs: 24px;
--btn-h-lg: 48px;
--btn-h-cta: 46px;
--btn-fs: calc(13px * var(--fs-scale));
--btn-fs-sm: calc(12px * var(--fs-scale));
--btn-fs-lg: calc(15px * var(--fs-scale));
--btn-fs-cta: calc(14px * var(--fs-scale));
--icon-button-ink: #7c9282;
--icon-button-hover-bg: #131a15;
--icon-button-hover-ink: #3ddc84;
--icon-button-disabled-opacity: 0.4;
--icon-button-size: 36px;
--icon-button-icon: 18px;
--icon-button-size-sm: 30px;
--icon-button-icon-sm: 16px;
--icon-button-size-xs: 18px;
--icon-button-icon-xs: 12px;
--icon-button-size-primary: 44px;
--icon-button-ghost-ink: #5b6f61;
--icon-button-hover-bg-strong: #3ddc84;
--icon-button-inline-bg: #1f2b22;
--icon-button-inline-ink: #9fb3a5;
--icon-button-inline-on-bg: rgba(61, 220, 132, 0.1);
--icon-button-inline-on-ink: #3ddc84;
--icon-button-ghost-bg: transparent;
--icon-button-shadow: none;
--icon-button-hover-shadow: none;
--icon-button-hover-lift: 0px;
--icon-button-active-shadow: none;
--icon-button-primary-shadow: var(--shadow-primary);
--icon-button-primary-hover-shadow: var(--shadow-primary);
--icon-button-primary-active-shadow: var(--shadow-primary);
--badge-bg: #172019;
--badge-ink: #3ddc84;
--badge-attention-bg: #3a2f0c;
--badge-attention-ink: #f5c542;
--badge-muted-bg: #10160f;
--badge-muted-ink: #7c9282;
--badge-outline-border: currentColor;
--badge-outline-w: 1px;
--badge-outline-ink: #7c9282;
--badge-fs-xs: calc(10px * var(--fs-scale));
--badge-fill: 0%;
--badge-border: 1px solid currentColor;
--badge-case: uppercase;
--badge-tracking: 0.04em;
--badge-shadow: none;
--chip-bg: #172019;
--chip-ink: #3ddc84;
--chip-hover-bg: #1f2b22;
--chip-fill: 0%;
--chip-border: 1px solid currentColor;
--chip-shadow: none;
--chip-hover-shadow: none;
--chip-hover-lift: 0px;
--chip-active-shadow: none;
--chip-active-drop: 0px;
--file-card-bg: #050705;
--file-card-ink: #d7e3d9;
--file-card-head-bg: rgba(215, 227, 217, 0.06);
--file-card-head-ink: #c3d1c6;
--file-card-head-meta: #7c9282;
--file-card-note-ink: #ff6b5e;
--file-card-image-body-bg: rgba(215, 227, 217, 0.04);
--file-card-image-bg: #0f1411;
--file-card-shadow: var(--edge);
--tool-call-check-bg: #172019;
--tool-call-check-ink: #d7e3d9;
--tool-call-ready-bg: #123a26;
--tool-call-ready-ink: #3ddc84;
--tool-call-error-bg: #3a1512;
--tool-call-error-ink: #ff6b5e;
--tool-call-thinking-bg: #3a2f0c;
--tool-call-thinking-ink: #f5c542;
--tool-call-pending-bg: #172019;
--tool-call-pending-ink: #3ddc84;
--tool-call-body-bg: #0f1411;
--tool-call-pre-bg: #131a15;
--tool-call-pre-ink: #d7e3d9;
--tool-call-quiet-ink: #7c9282;
--tool-call-fs: calc(12px * var(--fs-scale));
--tool-call-pre-fs: calc(11.5px * var(--fs-scale));
--tool-call-label-fs: calc(10.5px * var(--fs-scale));
--settings-group-bg: #172019;
--settings-group-ink: #d7e3d9;
--settings-group-heading-ink: #3ddc84;
--settings-group-danger-bg: #3a1512;
--settings-group-danger-ink: #ff6b5e;
--tool-fold-ink: #7c9282;
--tool-fold-bg: #131a15;
--tool-fold-hover-bg: #172019;
--tool-fold-hover-ink: #3ddc84;
--tool-fold-failed-ink: #ff6b5e;
--tool-fold-fs: calc(11px * var(--fs-scale));
--tool-fold-shadow: none;
--ask-card-bg: #3a2f0c;
--ask-card-ink: #d7e3d9;
--ask-card-quiet-ink: #7c9282;
--ask-card-resolved-opacity: 0.7;
--ask-card-fs: calc(13px * var(--fs-scale));
--ask-card-kind-fs: calc(11px * var(--fs-scale));
--ask-card-input-fs: calc(11px * var(--fs-scale));
--ask-card-outcome-fs: calc(12px * var(--fs-scale));
--ask-card-shadow: none;
--reply-note-ink: #7c9282;
--reply-note-bg: #131a15;
--reply-note-attention-ink: #f5c542;
--reply-note-attention-bg: #3a2f0c;
--reply-note-error-ink: #ff6b5e;
--reply-note-error-bg: #3a1512;
--reply-note-fs: calc(12px * var(--fs-scale));
--login-dialog-ink: #d7e3d9;
--login-dialog-quiet-ink: #7c9282;
--login-dialog-fs: calc(13.5px * var(--fs-scale));
--login-dialog-border: #1f2b22;
--login-dialog-scene-bg: #131a15;
--login-dialog-scene-ink: #d7e3d9;
--login-dialog-scene-muted: #1f2b22;
--login-dialog-scene-paper: #0f1411;
--login-dialog-scene-accent: #3ddc84;
--login-dialog-scene-dark: #e6f0e8;
--login-dialog-scene-on-dark: #0f1411;
--login-dialog-ok-bg: #0f2e1f;
--login-dialog-ok-ink: #3ddc84;
--login-dialog-bad-bg: #3a1512;
--login-dialog-bad-ink: #ff6b5e;
--login-dialog-step-bg: #3ddc84;
--login-dialog-step-ink: #0f1411;
--login-dialog-code-bg: #0f1411;
--login-dialog-code-ink: #d7e3d9;
--login-dialog-code-border: #1f2b22;
--login-dialog-input-bg: #0f1411;
--login-dialog-input-border: #1f2b22;
--login-dialog-lines-bg: #131a15;
--login-dialog-lines-ink: #7c9282;
--login-dialog-geek-ink: #3ddc84;
--look-card-w: 150px;
--look-card-paper-h: 84px;
--look-card-bg: #0f1411;
--look-card-ink: #d7e3d9;
--look-card-border: #1f2b22;
--look-card-hover-border: #2f4234;
--look-card-on-border: #3ddc84;
--look-card-shadow: none;
--choice-bg: #131a15;
--choice-ink: #9fb3a5;
--choice-hover-bg: #172019;
--choice-on-ink: #3ddc84;
--choice-on-border: currentColor;
--choice-quiet-ink: #7c9282;
--choice-h: 32px;
--choice-border: currentColor;
--choice-shadow: none;
--choice-hover-shadow: none;
--choice-hover-lift: 0px;
--choice-active-shadow: none;
--choice-active-drop: 0px;
--choice-on-shadow: none;
--control-knob: #0f1411;
--control-knob-shadow: 0 1px 3px rgba(215, 227, 217, 0.25);
--control-box-bg: #0f1411;
--control-tick: #0f1411;
--tile-badge-bg: #1f2b22;
--tile-count-ink: #0f1411;
--room-mark-ink: #d7e3d9;
--room-mark-hue-from: 0;
--room-mark-hue-span: 360;
--room-mark-grad-angle: 135deg;
--room-mark-grad-from: 38% 24%;
--room-mark-grad-to: 34% 18%;
--room-mark-emoji: 35% 20%;
--room-mark-shadow: none;
--room-mark-radius: calc(14px * var(--r-scale));
--room-mark-radius-lg: calc(16px * var(--r-scale));
--room-mark-radius-rail: calc(13px * var(--r-scale));
--pop-bg: #0f1411;
--pop-shadow: 0 10px 28px -12px rgba(215, 227, 217, 0.45);
--pop-arrow-shadow: 3px 3px 4px -3px rgba(215, 227, 217, 0.25);
--pop-dark-bg: #c3d1c6;
--pop-dark-ink: #0f1411;
--pop-dark-shadow: 0 6px 16px -6px rgba(215, 227, 217, 0.6);
--dialog-backdrop: rgba(215, 227, 217, 0.4);
--scrim-bg: rgba(215, 227, 217, 0.72);
--scrim-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6);
--scrim-image-bg: #0f1411;
--toast-bg: #d7e3d9;
--toast-ink: #0f1411;
--rail-logo-shadow: 0 8px 18px -6px rgba(61, 220, 132, 0.6);
--rail-active-bg: #0f1411;
--cast-c-1: #3ddc84;
--cast-c-2: #123a26;
--cast-c-3: #f5c542;
--cast-c-4: #ff6b5e;
--cast-c-5: #5ab0ff;
--cast-c-6: #ff7ab8;
--cast-c-7: #c79bff;
--cast-c-8: #e8782a;
--timeline-view-bg: rgba(215, 227, 217, 0.08);
--timeline-view-edge: rgba(215, 227, 217, 0.45);
--timeline-tick-blend: #0f1411;
--timeline-pin-halo: #0f1411;
--timeline-flash: rgba(61, 220, 132, 0.55);
--timeline-flash-out: rgba(61, 220, 132, 0);
--bubble-bg: #0f1411;
--bubble-ink: #c3d1c6;
--bubble-border: #1f2b22;
--bubble-shadow: 0 0 0 0 transparent;
--bubble-mine-bg: linear-gradient(135deg, #5ae69a, #2bc472);
--bubble-mine-ink: #0f1411;
--bubble-mine-soft-ink: rgba(15, 20, 17, 0.85);
--bubble-mine-waiting-ink: rgba(15, 20, 17, 0.92);
--bubble-mine-shadow: 0 0 0 0 transparent;
--bubble-mine-rule: rgba(15, 20, 17, 0.35);
--bubble-mine-border: rgba(15, 20, 17, 0.35);
--bubble-mine-chip-bg: rgba(15, 20, 17, 0.22);
--bubble-mine-code-bg: rgba(15, 20, 17, 0.18);
--bubble-mine-th-bg: rgba(15, 20, 17, 0.18);
--bubble-mine-link-underline: rgba(15, 20, 17, 0.5);
--bubble-mine-quote-border: rgba(15, 20, 17, 0.5);
--bubble-mine-btn-bg: rgba(15, 20, 17, 0.92);
--bubble-mine-btn-hover-bg: #0f1411;
--bubble-mine-ghost-hover-bg: rgba(15, 20, 17, 0.18);
--bubble-mine-cta-bg: #0f1411;
--bubble-mine-cta-ink: #3ddc84;
--bubble-inset-bg: #0f1411;
--bubble-prop-row-bg: rgba(15, 20, 17, 0.6);
--quote-mine-bg: rgba(15, 20, 17, 0.16);
--quote-mine-border: rgba(15, 20, 17, 0.55);
--quote-mine-hover-bg: rgba(15, 20, 17, 0.26);
--quote-mine-hover-border: #0f1411;
--quote-mine-head-ink: rgba(15, 20, 17, 0.85);
--quote-mine-text-ink: #0f1411;
--attach-thumb-bg: #0f1411;
--attach-thumb-shadow: 0 1px 3px rgba(215, 227, 217, 0.16);
--attach-overlay-bg: rgba(215, 227, 217, 0.72);
--attach-overlay-ink: #0f1411;
--attach-ref-bg: rgba(215, 227, 217, 0.1);
--attach-mine-ref-bg: rgba(15, 20, 17, 0.24);
--attach-mine-chip-open-bg: rgba(15, 20, 17, 0.42);
--attach-mine-chip-open-ink: #d7e3d9;
--table-stripe: rgba(61, 220, 132, 0.03);
--code-bg: #050705;
--code-ink: #d7e3d9;
--code-gutter-bg: #0a0d0b;
--code-gutter-ink: #5b6f61;
--code-line-mark-ink: #f5c542;
--code-line-mark-bg: rgba(245, 197, 66, 0.16);
--code-head-bg: rgba(215, 227, 217, 0.06);
--code-head-ink: #c3d1c6;
--code-head-meta: #7c9282;
--code-head-btn-bg: rgba(215, 227, 217, 0.12);
--code-head-btn-ink: #d7e3d9;
--code-body-bg: rgba(215, 227, 217, 0.04);
--code-sb-track: rgba(0, 0, 0, 0.25);
--code-sb-thumb: rgba(215, 227, 217, 0.3);
--code-sb-thumb-hover: rgba(215, 227, 217, 0.5);
--code-sb-firefox: rgba(215, 227, 217, 0.35);
--code-find-hit-bg: #f5c542;
--code-find-hit-ink: #050705;
--syntax-comment: #5b6f61;
--syntax-punctuation: #5f7a67;
--syntax-keyword: #7ee0ff;
--syntax-string: #3ddc84;
--syntax-number: #f5c542;
--syntax-function: #5ab0ff;
--syntax-tag: #ff8578;
--syntax-attr: #ff7ab8;
--diagram-bar-bg: #0f1411;
--diagram-bar-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.55);
--diagram-node-shadow: rgba(215, 227, 217, 0.1);
--diagram-node-ink: #d7e3d9;
--input-bg: #0f1411;
--input-focus-border: #3ddc84;
--input-shadow: none;
--profile-bg: linear-gradient(160deg, #172019, #0f2e1f);
--profile-badge-bg: #0f1411;
--face-paper: #0f1411;
--face-tint: 16%;
--face-corner: 0.32;
--face-ring: #0f1411;
--face-me-ring: #3ddc84;
--face-alert-ring: #ff9a3d;
--face-dot-bg: #5b6f61;
--face-card-bg: #0f1411;
--face-fallback: #6f8276;
--face-human-ink: #e6f0e8;
--face-avatar-default: #3ddc84;
--face-avatar-gloss: #0f1411;
--face-avatar-label-ink: #0f1411;
--face-shadow: 0 0 0 0 transparent;
--face-card-shadow: var(--shadow-pop);
--logo-tile-bg: #1f2b22;
--logo-tile-ink: #3ddc84;
--logo-tile-badge-bg: #1f2b22;
--logo-tile-badge-border: #1f2b22;
--logo-tile-badge-ink: #3ddc84;
--logo-tile-muted-bg: #3a2f0c;
--logo-tile-muted-ink: #f5c542;
--logo-tile-unplugged-bg: #172019;
--logo-tile-unplugged-ink: #e6f0e8;
--logo-tile-sm: 30px;
--logo-tile-md: 36px;
--logo-tile-lg: 40px;
--logo-tile-shadow: var(--shadow-tile);
--logo-tile-radius: calc(12px * var(--r-scale));
--logo-tile-radius-sm: calc(10px * var(--r-scale));
--logo-tile-radius-lg: calc(13px * var(--r-scale));
--logo-tile-radius-badge: calc(6px * var(--r-scale));
--unseen-line-ink: #7c9282;
--unseen-line-bg: transparent;
--unseen-line-line: repeating-linear-gradient(90deg, #1f2b22 0 6px, transparent 6px 12px);
--unseen-line-line-h: 1px;
--unseen-line-line-opacity: 1;
--unseen-line-label-border: 1px solid currentColor;
--unseen-line-label-case: uppercase;
--unseen-line-label-tracking: 0.04em;
--unseen-line-label-shadow: none;
--number-field-step-w: 22px;
--number-field-step-ink: #7c9282;
--number-field-step-hover-bg: #172019;
--number-field-step-hover-ink: #3ddc84;
--adjust-row-swatch-border: #1f2b22;
--adjust-row-value-ink: #7c9282;
--adjust-row-hint-ink: #7c9282;
--adjust-row-changed-ink: #3ddc84;
--adjust-row-back-ink: #7c9282;
--adjust-row-back-hover-bg: #172019;
--row-button-size: 24px;
--row-button-icon: 14px;
--row-button-radius: calc(8px * var(--r-scale));
--row-button-bg: #10160f;
--row-button-ink: #7c9282;
--row-button-hover-bg: #3ddc84;
--row-button-hover-ink: #0f1411;
--row-button-disabled-opacity: 0.4;
--row-button-shadow: none;
--row-button-active-shadow: none;
--hub-row-ink: #7c9282;
--hub-row-attention-ink: #f5c542;
--hub-row-error-ink: #ff6b5e;
--hub-row-action-bg: #123a26;
--hub-row-action-ink: #3ddc84;
--hub-row-action-hover-bg: #164a30;
--hub-row-face-size: 18px;
--hub-row-prefix: ">";
--hub-row-prefix-gap: 6px;
--hub-row-action-shadow: var(--edge);
--hero-ink: #0f1411;
--hero-bg: linear-gradient(120deg, #5ae69a 0%, #3ddc84 45%, #7ee0ff 100%);
--hero-shadow: 0 18px 40px -22px rgba(61, 220, 132, 0.9);
--hero-blob-a: rgba(15, 20, 17, 0.1);
--hero-blob-b: rgba(61, 220, 132, 0.18);
--hero-cta-bg: #0f1411;
--hero-cta-shadow: 0 10px 22px -10px rgba(215, 227, 217, 0.5);
--hero-ghost-bg: rgba(15, 20, 17, 0.16);
--hero-ghost-hover-bg: rgba(15, 20, 17, 0.26);
--hero-face-bg: rgba(15, 20, 17, 0.55);
--hero-bubble-shadow: 0 10px 24px -14px rgba(215, 227, 217, 0.6);
--hero-bubble-1-bg: #0f1411;
--hero-bubble-2-bg: #123a26;
--hero-bubble-2-ink: #8fe3bd;
--hero-bubble-3-bg: #3a2f0c;
--hero-bubble-3-ink: #ffe08a;
--hero-spark: #ffd166;
--feature-emoji-bg: rgba(15, 20, 17, 0.8);
--feature-peach-bg: #4a2d18;
--feature-shadow: var(--edge);
--composer-shadow: none;
--composer-bg: transparent;
--composer-radius: 0px;
--composer-pad-x: 0px;
--step-bg: #0f1411;
--step-num-ink: #0f1411;
--tpl-shadow: 0 1px 3px rgba(215, 227, 217, 0.06);
--tpl-check-ink: #0f1411;
--browser-theme-color: #0b0f0c;
}
:root[data-look="plain-light"] {
--primary: #202123;
--primary-light: #2f3033;
--primary-deep: #121314;
--primary-dark: #0b0c0d;
--violet: #3f4045;
--iris: #202123;
--ink: #17181a;
--ink-2: #1f2124;
--ink-3: #46484d;
--indigo: #17181a;
--muted: #6b6d72;
--faint: #8e9095;
--placeholder: #8e9095;
--grey: #9a9ca1;
--white: #ffffff;
--black: #000000;
--bg: #f7f7f8;
--soft: #f4f4f5;
--softer: #ececee;
--lav: #f0f0f1;
--lav-2: #e3e3e5;
--canvas-top: #fcfcfd;
--canvas-mid: #fcfcfd;
--canvas-bottom: #fcfcfd;
--shadow-ink: #17181a;
--mint: #e7f3ec;
--mint-2: #d8ebe1;
--mint-tint: #eff7f2;
--mint-ink: #186a4c;
--forest: #12432f;
--green: #2f9e6a;
--warm: #faf1da;
--warm-2: #f3e5c2;
--warm-ink: #8a6510;
--bronze: #4f3c0b;
--amber: #d99a2b;
--honey: #9a5b0f;
--spark: #e6c77a;
--peach: #f7e7dc;
--peach-2: #f2ded1;
--orange: #d8763c;
--orange-light: #e08348;
--orange-deep: #c25c28;
--orange-dark: #a24a1d;
--ember: #d86f43;
--ember-deep: #c4472f;
--rose: #fbeeec;
--rose-2: #f5ded9;
--rose-ink: #b3372c;
--rose-dark: #962c22;
--pink: #a3336a;
--pink-tint: #fbeff5;
--sky: #e6eef8;
--blue: #2563eb;
--blue-deep: #1d4ed8;
--blue-soft: #7ba0e8;
--orchid: #f0e9f7;
--orchid-ink: #6b3fa0;
--orchid-mid: #9a6fc4;
--periwinkle: #d8d9dc;
--periwinkle-deep: #b6b8bd;
--deep: #f7f7f8;
--deep-gutter: #f0f0f1;
--deep-ink: #17181a;
--deep-muted: #6b6d72;
--deep-head: #17181a;
--deep-meta: #6b6d72;
--lav-grey: #57595e;
--lilac: #7c3fbf;
--seafoam: #0a7b55;
--azure: #1f6feb;
--salmon: #b3261e;
--magenta: #8a3fa0;
--st-ready: #e7f3ec;
--st-ready-ink: #186a4c;
--st-ready-dot: #2f9e6a;
--st-waiting: #e6eef8;
--st-waiting-ink: #1d4ed8;
--st-waiting-dot: #7ba0e8;
--st-thinking: #faf1da;
--st-thinking-ink: #8a6510;
--st-thinking-dot: #d99a2b;
--st-writing: #f0e9f7;
--st-writing-ink: #6b3fa0;
--st-writing-dot: #9a6fc4;
--st-error: #fbeeec;
--st-error-ink: #b3372c;
--st-error-dot: #b3372c;
--st-asleep: #ececee;
--st-asleep-ink: #6b6d72;
--st-asleep-dot: #8e9095;
--attention: #d8763c;
--attention-ink: #a24a1d;
--attention-grad: linear-gradient(135deg, #e08348, #c25c28);
--attention-shadow: 0 8px 18px -10px rgba(194, 92, 40, 0.7);
--unread-grad: linear-gradient(135deg, #d86f43, #c4472f);
--note-hover: #f3e5c2;
--done: #e7f3ec;
--done-ink: #186a4c;
--done-hover: #d8ebe1;
--tick-mine: #d8d9dc;
--tick-mine-view: #b6b8bd;
--tick-fallback: #9a9ca1;
--grad-primary: linear-gradient(135deg, #2f3033, #121314);
--panel: #ffffff;
--card: #ffffff;
--primary-soft: #f0f0f1;
--primary-softer: #f4f4f5;
--primary-ghost: rgba(32, 33, 35, 0.1);
--mint-soft: #e7f3ec;
--warn: #d99a2b;
--warn-soft: #faf1da;
--danger: #b3372c;
--danger-soft: #fbeeec;
--danger-dark: #962c22;
--info: #2563eb;
--info-soft: #e6eef8;
--muted-2: #8e9095;
--panel-soft: #f4f4f5;
--panel-tint: #f4f4f5;
--border: #f0f0f1;
--border-strong: #e3e3e5;
--mine: linear-gradient(135deg, #2f3033, #121314);
--mine-border: transparent;
--text: #17181a;
--ok: #2f9e6a;
--edge: 0 2px 0 rgba(23, 24, 26, 0.04);
--shadow-tile: 0 4px 12px -4px rgba(23, 24, 26, 0.15);
--shadow-pop: 0 10px 24px -10px rgba(23, 24, 26, 0.25);
--shadow-primary: 0 8px 18px -8px rgba(32, 33, 35, 0.8);
--shadow-dialog: 0 30px 60px -30px rgba(23, 24, 26, 0.4);
--shadow-1: 0 2px 0 rgba(23, 24, 26, 0.04);
--shadow-2: 0 30px 60px -30px rgba(23, 24, 26, 0.4);
--shadow-card: 0 2px 0 rgba(23, 24, 26, 0.04);
--shadow-ctl: none;
--shadow-ctl-hover: 0 4px 12px -4px rgba(23, 24, 26, 0.15);
--shadow-glow: 0 8px 18px -8px rgba(32, 33, 35, 0.8);
--shadow-inset: none;
--shadow-soft: 0 2px 0 rgba(23, 24, 26, 0.04);
--shadow: 0 2px 0 rgba(23, 24, 26, 0.04);
--bevel: none;
--shadow-room: 0px;
--bevel-pressed: none;
--grad-canvas: #fcfcfd;
--canvas-pattern: none;
--canvas-pattern-size: 0 0;
--grad-page: #f7f7f8;
--sb-w: 8px;
--sb-thumb: rgba(23, 24, 26, 0.18);
--sb-thumb-hover: rgba(23, 24, 26, 0.32);
--r-scale: 0.85;
--r-ctl-min: 99px;
--r-xs: calc(8px * var(--r-scale));
--r-sm: calc(12px * var(--r-scale));
--r-md: calc(14px * var(--r-scale));
--r-lg: calc(18px * var(--r-scale));
--r-xl: calc(18px * var(--r-scale));
--r-pill: calc(99px * var(--r-scale));
--font: "Manrope", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
--mono: "IBM Plex Mono", ui-monospace, Consolas, "Courier New", monospace;
--line-height: 1.6;
--fs-scale: 1;
--fs-xs: calc(11px * var(--fs-scale));
--fs-sm: calc(12px * var(--fs-scale));
--fs-md: calc(14px * var(--fs-scale));
--fs-lg: calc(16px * var(--fs-scale));
--fs-xl: calc(18px * var(--fs-scale));
--fs-2xl: calc(22px * var(--fs-scale));
--t-fast: 100ms;
--t-base: 160ms;
--t-slow: 240ms;
--ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
--ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
--page-bg: #f7f7f8;
--page-ink: #17181a;
--page-selection: #e3e3e5;
--focus-ring: rgba(32, 33, 35, 0.35);
--link-ink: #2563eb;
--link-underline: rgba(37, 99, 235, 0.35);
--btn-bg: #ececee;
--btn-ink: #46484d;
--btn-hover-bg: #f0f0f1;
--btn-hover-ink: #202123;
--btn-on-primary: #ffffff;
--btn-secondary-bg: #ffffff;
--btn-secondary-hover-bg: #ffffff;
--btn-soft-bg: #f0f0f1;
--btn-soft-hover-bg: #e3e3e5;
--btn-ghost-ink: #6b6d72;
--btn-ghost-hover-bg: #f4f4f5;
--btn-danger-bg: #fbeeec;
--btn-danger-ink: #b3372c;
--btn-danger-hover-bg: #f5ded9;
--btn-danger-solid-ink: #ffffff;
--btn-danger-solid-hover-bg: #962c22;
--btn-danger-solid-shadow: 0 8px 18px -8px rgba(179, 55, 44, 0.8);
--btn-spinner-track: rgba(255, 255, 255, 0.5);
--btn-spinner-head: #ffffff;
--btn-spinner-track-quiet: #e3e3e5;
--btn-spinner-head-quiet: #202123;
--btn-disabled-opacity: 0.45;
--btn-dark-bg: rgba(23, 24, 26, 0.12);
--btn-dark-ink: #17181a;
--btn-dark-hover-bg: #202123;
--btn-warn-ink: #8a6510;
--btn-warn-hover-bg: #faf1da;
--btn-inverse-bg: rgba(255, 255, 255, 0.92);
--btn-inverse-ink: #a24a1d;
--btn-inverse-hover-bg: #ffffff;
--btn-link-ink: #202123;
--btn-ok-bg: #e7f3ec;
--btn-ok-ink: #186a4c;
--btn-ok-hover-bg: #d8ebe1;
--btn-paper-bg: #ffffff;
--btn-paper-ink: #46484d;
--btn-paper-hover-bg: #f4f4f5;
--btn-border: 0;
--btn-case: none;
--btn-tracking: 0px;
--btn-link-underline: none;
--btn-ghost-bg: transparent;
--btn-shadow: none;
--btn-hover-shadow: none;
--btn-hover-lift: 0px;
--btn-active-shadow: none;
--btn-primary-active-shadow: var(--shadow-primary);
--btn-primary-hover-filter: brightness(1.05);
--btn-secondary-hover-shadow: var(--shadow-tile);
--btn-secondary-active-shadow: var(--shadow-tile);
--btn-danger-solid-hover-shadow: 0 8px 18px -8px rgba(179, 55, 44, 0.8);
--btn-danger-solid-active-shadow: 0 8px 18px -8px rgba(179, 55, 44, 0.8);
--btn-ok-shadow: none;
--btn-warn-shadow: none;
--btn-h: 42px;
--btn-h-sm: 34px;
--btn-h-xs: 24px;
--btn-h-lg: 48px;
--btn-h-cta: 46px;
--btn-fs: calc(13px * var(--fs-scale));
--btn-fs-sm: calc(12px * var(--fs-scale));
--btn-fs-lg: calc(15px * var(--fs-scale));
--btn-fs-cta: calc(14px * var(--fs-scale));
--icon-button-ink: #6b6d72;
--icon-button-hover-bg: #f4f4f5;
--icon-button-hover-ink: #202123;
--icon-button-disabled-opacity: 0.4;
--icon-button-size: 36px;
--icon-button-icon: 18px;
--icon-button-size-sm: 30px;
--icon-button-icon-sm: 16px;
--icon-button-size-xs: 18px;
--icon-button-icon-xs: 12px;
--icon-button-size-primary: 44px;
--icon-button-ghost-ink: #8e9095;
--icon-button-hover-bg-strong: #202123;
--icon-button-inline-bg: #e3e3e5;
--icon-button-inline-ink: #46484d;
--icon-button-inline-on-bg: rgba(32, 33, 35, 0.1);
--icon-button-inline-on-ink: #202123;
--icon-button-ghost-bg: transparent;
--icon-button-shadow: none;
--icon-button-hover-shadow: none;
--icon-button-hover-lift: 0px;
--icon-button-active-shadow: none;
--icon-button-primary-shadow: var(--shadow-primary);
--icon-button-primary-hover-shadow: var(--shadow-primary);
--icon-button-primary-active-shadow: var(--shadow-primary);
--badge-bg: #f0f0f1;
--badge-ink: #202123;
--badge-attention-bg: #faf1da;
--badge-attention-ink: #8a6510;
--badge-muted-bg: #ececee;
--badge-muted-ink: #6b6d72;
--badge-outline-border: #e3e3e5;
--badge-outline-w: 2px;
--badge-outline-ink: #6b6d72;
--badge-fs-xs: calc(10px * var(--fs-scale));
--badge-fill: 100%;
--badge-border: 0;
--badge-case: none;
--badge-tracking: 0px;
--badge-shadow: none;
--chip-bg: #f0f0f1;
--chip-ink: #202123;
--chip-hover-bg: #e3e3e5;
--chip-fill: 100%;
--chip-border: 0;
--chip-shadow: none;
--chip-hover-shadow: none;
--chip-hover-lift: 0px;
--chip-active-shadow: none;
--chip-active-drop: 0px;
--file-card-bg: #f7f7f8;
--file-card-ink: #17181a;
--file-card-head-bg: rgba(23, 24, 26, 0.04);
--file-card-head-ink: #17181a;
--file-card-head-meta: #6b6d72;
--file-card-note-ink: #b3372c;
--file-card-image-body-bg: rgba(23, 24, 26, 0.02);
--file-card-image-bg: #ffffff;
--file-card-shadow: var(--edge);
--tool-call-check-bg: #f0f0f1;
--tool-call-check-ink: #17181a;
--tool-call-ready-bg: #e7f3ec;
--tool-call-ready-ink: #186a4c;
--tool-call-error-bg: #fbeeec;
--tool-call-error-ink: #b3372c;
--tool-call-thinking-bg: #faf1da;
--tool-call-thinking-ink: #8a6510;
--tool-call-pending-bg: #f0f0f1;
--tool-call-pending-ink: #202123;
--tool-call-body-bg: #ffffff;
--tool-call-pre-bg: #f4f4f5;
--tool-call-pre-ink: #17181a;
--tool-call-quiet-ink: #6b6d72;
--tool-call-fs: calc(12px * var(--fs-scale));
--tool-call-pre-fs: calc(11.5px * var(--fs-scale));
--tool-call-label-fs: calc(10.5px * var(--fs-scale));
--settings-group-bg: #f0f0f1;
--settings-group-ink: #17181a;
--settings-group-heading-ink: #202123;
--settings-group-danger-bg: #fbeeec;
--settings-group-danger-ink: #b3372c;
--tool-fold-ink: #6b6d72;
--tool-fold-bg: #f4f4f5;
--tool-fold-hover-bg: #f0f0f1;
--tool-fold-hover-ink: #202123;
--tool-fold-failed-ink: #b3372c;
--tool-fold-fs: calc(11px * var(--fs-scale));
--tool-fold-shadow: none;
--ask-card-bg: #faf1da;
--ask-card-ink: #17181a;
--ask-card-quiet-ink: #6b6d72;
--ask-card-resolved-opacity: 0.7;
--ask-card-fs: calc(13px * var(--fs-scale));
--ask-card-kind-fs: calc(11px * var(--fs-scale));
--ask-card-input-fs: calc(11px * var(--fs-scale));
--ask-card-outcome-fs: calc(12px * var(--fs-scale));
--ask-card-shadow: none;
--reply-note-ink: #6b6d72;
--reply-note-bg: #f4f4f5;
--reply-note-attention-ink: #8a6510;
--reply-note-attention-bg: #faf1da;
--reply-note-error-ink: #b3372c;
--reply-note-error-bg: #fbeeec;
--reply-note-fs: calc(12px * var(--fs-scale));
--login-dialog-ink: #17181a;
--login-dialog-quiet-ink: #6b6d72;
--login-dialog-fs: calc(13.5px * var(--fs-scale));
--login-dialog-border: #e3e3e5;
--login-dialog-scene-bg: #f4f4f5;
--login-dialog-scene-ink: #17181a;
--login-dialog-scene-muted: #e3e3e5;
--login-dialog-scene-paper: #ffffff;
--login-dialog-scene-accent: #202123;
--login-dialog-scene-dark: #17181a;
--login-dialog-scene-on-dark: #ffffff;
--login-dialog-ok-bg: #eff7f2;
--login-dialog-ok-ink: #186a4c;
--login-dialog-bad-bg: #fbeeec;
--login-dialog-bad-ink: #b3372c;
--login-dialog-step-bg: #202123;
--login-dialog-step-ink: #ffffff;
--login-dialog-code-bg: #ffffff;
--login-dialog-code-ink: #17181a;
--login-dialog-code-border: #e3e3e5;
--login-dialog-input-bg: #ffffff;
--login-dialog-input-border: #e3e3e5;
--login-dialog-lines-bg: #f4f4f5;
--login-dialog-lines-ink: #6b6d72;
--login-dialog-geek-ink: #202123;
--look-card-w: 150px;
--look-card-paper-h: 84px;
--look-card-bg: #ffffff;
--look-card-ink: #17181a;
--look-card-border: #e3e3e5;
--look-card-hover-border: #b6b8bd;
--look-card-on-border: #202123;
--look-card-shadow: none;
--choice-bg: #f4f4f5;
--choice-ink: #46484d;
--choice-hover-bg: #f0f0f1;
--choice-on-ink: #202123;
--choice-on-border: #202123;
--choice-quiet-ink: #6b6d72;
--choice-h: 32px;
--choice-border: transparent;
--choice-shadow: none;
--choice-hover-shadow: none;
--choice-hover-lift: 0px;
--choice-active-shadow: none;
--choice-active-drop: 0px;
--choice-on-shadow: none;
--control-knob: #ffffff;
--control-knob-shadow: 0 1px 3px rgba(23, 24, 26, 0.25);
--control-box-bg: #ffffff;
--control-tick: #ffffff;
--tile-badge-bg: #ffffff;
--tile-count-ink: #ffffff;
--room-mark-ink: #ffffff;
--room-mark-hue-from: 0;
--room-mark-hue-span: 360;
--room-mark-grad-angle: 135deg;
--room-mark-grad-from: 28% 48%;
--room-mark-grad-to: 26% 40%;
--room-mark-emoji: 24% 92%;
--room-mark-shadow: none;
--room-mark-radius: calc(14px * var(--r-scale));
--room-mark-radius-lg: calc(16px * var(--r-scale));
--room-mark-radius-rail: calc(13px * var(--r-scale));
--pop-bg: #ffffff;
--pop-shadow: 0 10px 28px -12px rgba(23, 24, 26, 0.45);
--pop-arrow-shadow: 3px 3px 4px -3px rgba(23, 24, 26, 0.25);
--pop-dark-bg: #1f2124;
--pop-dark-ink: #ffffff;
--pop-dark-shadow: 0 6px 16px -6px rgba(23, 24, 26, 0.6);
--dialog-backdrop: rgba(23, 24, 26, 0.4);
--scrim-bg: rgba(23, 24, 26, 0.72);
--scrim-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6);
--scrim-image-bg: #ffffff;
--toast-bg: #17181a;
--toast-ink: #ffffff;
--rail-logo-shadow: 0 8px 18px -6px rgba(32, 33, 35, 0.6);
--rail-active-bg: #ffffff;
--cast-c-1: #2563eb;
--cast-c-2: #186a4c;
--cast-c-3: #8a6510;
--cast-c-4: #b3372c;
--cast-c-5: #6b3fa0;
--cast-c-6: #a3336a;
--cast-c-7: #a24a1d;
--cast-c-8: #46484d;
--timeline-view-bg: rgba(23, 24, 26, 0.08);
--timeline-view-edge: rgba(23, 24, 26, 0.45);
--timeline-tick-blend: #ffffff;
--timeline-pin-halo: #ffffff;
--timeline-flash: rgba(32, 33, 35, 0.55);
--timeline-flash-out: rgba(32, 33, 35, 0);
--bubble-bg: #ffffff;
--bubble-ink: #1f2124;
--bubble-border: rgba(23, 24, 26, 0.08);
--bubble-shadow: none;
--bubble-mine-bg: linear-gradient(#f4f4f5, #f4f4f5);
--bubble-mine-ink: #17181a;
--bubble-mine-soft-ink: rgba(23, 24, 26, 0.7);
--bubble-mine-waiting-ink: rgba(23, 24, 26, 0.8);
--bubble-mine-shadow: none;
--bubble-mine-rule: rgba(23, 24, 26, 0.12);
--bubble-mine-border: rgba(23, 24, 26, 0.1);
--bubble-mine-chip-bg: rgba(23, 24, 26, 0.06);
--bubble-mine-code-bg: rgba(23, 24, 26, 0.06);
--bubble-mine-th-bg: rgba(23, 24, 26, 0.06);
--bubble-mine-link-underline: rgba(37, 99, 235, 0.4);
--bubble-mine-quote-border: rgba(23, 24, 26, 0.25);
--bubble-mine-btn-bg: #ffffff;
--bubble-mine-btn-hover-bg: #ffffff;
--bubble-mine-ghost-hover-bg: rgba(23, 24, 26, 0.06);
--bubble-mine-cta-bg: #202123;
--bubble-mine-cta-ink: #ffffff;
--bubble-inset-bg: #ffffff;
--bubble-prop-row-bg: rgba(255, 255, 255, 0.7);
--quote-mine-bg: rgba(23, 24, 26, 0.05);
--quote-mine-border: rgba(23, 24, 26, 0.2);
--quote-mine-hover-bg: rgba(23, 24, 26, 0.08);
--quote-mine-hover-border: rgba(23, 24, 26, 0.4);
--quote-mine-head-ink: rgba(23, 24, 26, 0.7);
--quote-mine-text-ink: #17181a;
--attach-thumb-bg: #ffffff;
--attach-thumb-shadow: 0 0 0 1px rgba(23, 24, 26, 0.08);
--attach-overlay-bg: rgba(23, 24, 26, 0.72);
--attach-overlay-ink: #ffffff;
--attach-ref-bg: rgba(23, 24, 26, 0.08);
--attach-mine-ref-bg: rgba(23, 24, 26, 0.08);
--attach-mine-chip-open-bg: rgba(23, 24, 26, 0.12);
--attach-mine-chip-open-ink: #17181a;
--table-stripe: rgba(32, 33, 35, 0.03);
--code-bg: #f7f7f8;
--code-ink: #17181a;
--code-gutter-bg: #f0f0f1;
--code-gutter-ink: #6b6d72;
--code-line-mark-ink: #a24a1d;
--code-line-mark-bg: rgba(217, 154, 43, 0.16);
--code-head-bg: rgba(23, 24, 26, 0.04);
--code-head-ink: #17181a;
--code-head-meta: #6b6d72;
--code-head-btn-bg: rgba(23, 24, 26, 0.06);
--code-head-btn-ink: #17181a;
--code-body-bg: rgba(23, 24, 26, 0.02);
--code-sb-track: rgba(23, 24, 26, 0.06);
--code-sb-thumb: rgba(23, 24, 26, 0.2);
--code-sb-thumb-hover: rgba(23, 24, 26, 0.35);
--code-sb-firefox: rgba(23, 24, 26, 0.25);
--code-find-hit-bg: #9a5b0f;
--code-find-hit-ink: #f7f7f8;
--syntax-comment: #6b6d72;
--syntax-punctuation: #57595e;
--syntax-keyword: #7c3fbf;
--syntax-string: #0a7b55;
--syntax-number: #9a5b0f;
--syntax-function: #1f6feb;
--syntax-tag: #b3261e;
--syntax-attr: #8a3fa0;
--diagram-bar-bg: #ffffff;
--diagram-bar-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.55);
--diagram-node-shadow: rgba(23, 24, 26, 0.1);
--diagram-node-ink: #17181a;
--input-bg: #ffffff;
--input-focus-border: #202123;
--input-shadow: none;
--profile-bg: linear-gradient(160deg, #f0f0f1, #eff7f2);
--profile-badge-bg: #ffffff;
--face-paper: #f4f4f5;
--face-tint: 4%;
--face-corner: 0.32;
--face-ring: #ffffff;
--face-me-ring: #202123;
--face-alert-ring: #d8763c;
--face-dot-bg: #8e9095;
--face-card-bg: #f4f4f5;
--face-fallback: #9a9ca1;
--face-human-ink: #17181a;
--face-avatar-default: #202123;
--face-avatar-gloss: #ffffff;
--face-avatar-label-ink: #ffffff;
--face-shadow: none;
--face-card-shadow: var(--shadow-pop);
--logo-tile-bg: #f4f4f5;
--logo-tile-ink: #17181a;
--logo-tile-badge-bg: #f4f4f5;
--logo-tile-badge-border: #ffffff;
--logo-tile-badge-ink: #17181a;
--logo-tile-muted-bg: #faf1da;
--logo-tile-muted-ink: #8a6510;
--logo-tile-unplugged-bg: #f0f0f1;
--logo-tile-unplugged-ink: #17181a;
--logo-tile-sm: 30px;
--logo-tile-md: 36px;
--logo-tile-lg: 40px;
--logo-tile-shadow: none;
--logo-tile-radius: calc(12px * var(--r-scale));
--logo-tile-radius-sm: calc(10px * var(--r-scale));
--logo-tile-radius-lg: calc(13px * var(--r-scale));
--logo-tile-radius-badge: calc(6px * var(--r-scale));
--unseen-line-ink: #a3336a;
--unseen-line-bg: #fbeff5;
--unseen-line-line: url("data:image/svg+xml;utf8,") repeat-x center / 16px 8px;
--unseen-line-line-h: 8px;
--unseen-line-line-opacity: 0.55;
--unseen-line-label-border: 0;
--unseen-line-label-case: none;
--unseen-line-label-tracking: 0px;
--unseen-line-label-shadow: none;
--number-field-step-w: 22px;
--number-field-step-ink: #6b6d72;
--number-field-step-hover-bg: #f0f0f1;
--number-field-step-hover-ink: #202123;
--adjust-row-swatch-border: #e3e3e5;
--adjust-row-value-ink: #6b6d72;
--adjust-row-hint-ink: #6b6d72;
--adjust-row-changed-ink: #202123;
--adjust-row-back-ink: #6b6d72;
--adjust-row-back-hover-bg: #f0f0f1;
--row-button-size: 24px;
--row-button-icon: 14px;
--row-button-radius: calc(8px * var(--r-scale));
--row-button-bg: #ececee;
--row-button-ink: #6b6d72;
--row-button-hover-bg: #202123;
--row-button-hover-ink: #ffffff;
--row-button-disabled-opacity: 0.4;
--row-button-shadow: none;
--row-button-active-shadow: none;
--hub-row-ink: #6b6d72;
--hub-row-attention-ink: #8a6510;
--hub-row-error-ink: #b3372c;
--hub-row-action-bg: #e7f3ec;
--hub-row-action-ink: #186a4c;
--hub-row-action-hover-bg: #d8ebe1;
--hub-row-face-size: 18px;
--hub-row-prefix: none;
--hub-row-prefix-gap: 0px;
--hub-row-action-shadow: var(--edge);
--hero-ink: #ffffff;
--hero-bg: linear-gradient(120deg, #2f3033 0%, #202123 45%, #3f4045 100%);
--hero-shadow: 0 18px 40px -22px rgba(32, 33, 35, 0.9);
--hero-blob-a: rgba(255, 255, 255, 0.1);
--hero-blob-b: rgba(47, 158, 106, 0.18);
--hero-cta-bg: #ffffff;
--hero-cta-shadow: 0 10px 22px -10px rgba(23, 24, 26, 0.5);
--hero-ghost-bg: rgba(255, 255, 255, 0.16);
--hero-ghost-hover-bg: rgba(255, 255, 255, 0.26);
--hero-face-bg: rgba(255, 255, 255, 0.55);
--hero-bubble-shadow: 0 10px 24px -14px rgba(23, 24, 26, 0.6);
--hero-bubble-1-bg: #ffffff;
--hero-bubble-2-bg: #e7f3ec;
--hero-bubble-2-ink: #12432f;
--hero-bubble-3-bg: #faf1da;
--hero-bubble-3-ink: #4f3c0b;
--hero-spark: #e6c77a;
--feature-emoji-bg: rgba(255, 255, 255, 0.8);
--feature-peach-bg: #f2ded1;
--feature-shadow: var(--edge);
--composer-shadow: 0 0 0 1px rgba(23, 24, 26, 0.1);
--composer-bg: #ffffff;
--composer-radius: calc(14px * var(--r-scale));
--composer-pad-x: 6px;
--step-bg: #ffffff;
--step-num-ink: #ffffff;
--tpl-shadow: 0 1px 3px rgba(23, 24, 26, 0.06);
--tpl-check-ink: #ffffff;
--browser-theme-color: #202123;
}
:root[data-look="plain-dark"] {
--primary: #e8e8ea;
--primary-light: #f2f2f3;
--primary-deep: #d6d6d9;
--primary-dark: #c2c2c6;
--violet: #b9b9bf;
--iris: #17171a;
--ink: #f2f2f3;
--ink-2: #e6e6e8;
--ink-3: #b9b9bf;
--indigo: #f7f7f8;
--muted: #9a9aa1;
--faint: #76767d;
--placeholder: #76767d;
--grey: #84848b;
--white: #17171a;
--black: #000000;
--bg: #0f0f10;
--soft: #1e1e21;
--softer: #26262a;
--lav: #1c1c20;
--lav-2: #2e2e33;
--canvas-top: #121214;
--canvas-mid: #121214;
--canvas-bottom: #121214;
--shadow-ink: #000000;
--mint: #123a2a;
--mint-2: #174a36;
--mint-tint: #0f2e23;
--mint-ink: #5fd6a0;
--forest: #a8ecc9;
--green: #43c98a;
--warm: #3a3014;
--warm-2: #4a3e1a;
--warm-ink: #e8bd52;
--bronze: #ffe08a;
--amber: #dfa93a;
--honey: #e8bd52;
--spark: #ffd166;
--peach: #3a2a1c;
--peach-2: #4a3524;
--orange: #e8935a;
--orange-light: #f0a26d;
--orange-deep: #d2763c;
--orange-dark: #f0a26d;
--ember: #e8875a;
--ember-deep: #d2603c;
--rose: #3c1c1a;
--rose-2: #4c2420;
--rose-ink: #f08a7e;
--rose-dark: #f5a099;
--pink: #f08ac0;
--pink-tint: #331a26;
--sky: #1a2a3c;
--blue: #7aa9f5;
--blue-deep: #96bcf8;
--blue-soft: #a8c6f8;
--orchid: #2a2036;
--orchid-ink: #c2a0ea;
--orchid-mid: #ab8ad8;
--periwinkle: #2e2e33;
--periwinkle-deep: #3d3d44;
--deep: #0b0b0c;
--deep-gutter: #0f0f10;
--deep-ink: #f2f2f3;
--deep-muted: #76767d;
--deep-head: #e6e6e8;
--deep-meta: #9a9aa1;
--lav-grey: #76767d;
--lilac: #c2a0ea;
--seafoam: #5fd6a0;
--azure: #7aa9f5;
--salmon: #f08a7e;
--magenta: #f08ac0;
--st-ready: #123a2a;
--st-ready-ink: #5fd6a0;
--st-ready-dot: #43c98a;
--st-waiting: #1a2a3c;
--st-waiting-ink: #96bcf8;
--st-waiting-dot: #a8c6f8;
--st-thinking: #3a3014;
--st-thinking-ink: #e8bd52;
--st-thinking-dot: #dfa93a;
--st-writing: #2a2036;
--st-writing-ink: #c2a0ea;
--st-writing-dot: #ab8ad8;
--st-error: #3c1c1a;
--st-error-ink: #f08a7e;
--st-error-dot: #f08a7e;
--st-asleep: #26262a;
--st-asleep-ink: #9a9aa1;
--st-asleep-dot: #76767d;
--attention: #e8935a;
--attention-ink: #f0a26d;
--attention-grad: linear-gradient(135deg, #f0a26d, #d2763c);
--attention-shadow: 0 8px 18px -10px rgba(210, 118, 60, 0.7);
--unread-grad: linear-gradient(135deg, #e8875a, #d2603c);
--note-hover: #4a3e1a;
--done: #123a2a;
--done-ink: #5fd6a0;
--done-hover: #174a36;
--tick-mine: #2e2e33;
--tick-mine-view: #3d3d44;
--tick-fallback: #84848b;
--grad-primary: linear-gradient(135deg, #f2f2f3, #d6d6d9);
--panel: #17171a;
--card: #17171a;
--primary-soft: #1c1c20;
--primary-softer: #1e1e21;
--primary-ghost: rgba(232, 232, 234, 0.1);
--mint-soft: #123a2a;
--warn: #dfa93a;
--warn-soft: #3a3014;
--danger: #f08a7e;
--danger-soft: #3c1c1a;
--danger-dark: #f5a099;
--info: #7aa9f5;
--info-soft: #1a2a3c;
--muted-2: #76767d;
--panel-soft: #1e1e21;
--panel-tint: #1e1e21;
--border: #1c1c20;
--border-strong: #2e2e33;
--mine: linear-gradient(135deg, #f2f2f3, #d6d6d9);
--mine-border: transparent;
--text: #f2f2f3;
--ok: #43c98a;
--edge: 0 2px 0 rgba(242, 242, 243, 0.04);
--shadow-tile: 0 4px 12px -4px rgba(242, 242, 243, 0.15);
--shadow-pop: 0 10px 24px -10px rgba(242, 242, 243, 0.25);
--shadow-primary: 0 8px 18px -8px rgba(232, 232, 234, 0.8);
--shadow-dialog: 0 30px 60px -30px rgba(0, 0, 0, 0.4);
--shadow-1: 0 2px 0 rgba(242, 242, 243, 0.04);
--shadow-2: 0 30px 60px -30px rgba(0, 0, 0, 0.4);
--shadow-card: 0 2px 0 rgba(242, 242, 243, 0.04);
--shadow-ctl: none;
--shadow-ctl-hover: 0 4px 12px -4px rgba(242, 242, 243, 0.15);
--shadow-glow: 0 8px 18px -8px rgba(232, 232, 234, 0.8);
--shadow-inset: none;
--shadow-soft: 0 2px 0 rgba(242, 242, 243, 0.04);
--shadow: 0 2px 0 rgba(242, 242, 243, 0.04);
--bevel: none;
--shadow-room: 0px;
--bevel-pressed: none;
--grad-canvas: #121214;
--canvas-pattern: none;
--canvas-pattern-size: 0 0;
--grad-page: #0f0f10;
--sb-w: 8px;
--sb-thumb: rgba(242, 242, 243, 0.18);
--sb-thumb-hover: rgba(242, 242, 243, 0.32);
--r-scale: 0.85;
--r-ctl-min: 99px;
--r-xs: calc(8px * var(--r-scale));
--r-sm: calc(12px * var(--r-scale));
--r-md: calc(14px * var(--r-scale));
--r-lg: calc(18px * var(--r-scale));
--r-xl: calc(18px * var(--r-scale));
--r-pill: calc(99px * var(--r-scale));
--font: "Manrope", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
--mono: "IBM Plex Mono", ui-monospace, Consolas, "Courier New", monospace;
--line-height: 1.6;
--fs-scale: 1;
--fs-xs: calc(11px * var(--fs-scale));
--fs-sm: calc(12px * var(--fs-scale));
--fs-md: calc(14px * var(--fs-scale));
--fs-lg: calc(16px * var(--fs-scale));
--fs-xl: calc(18px * var(--fs-scale));
--fs-2xl: calc(22px * var(--fs-scale));
--t-fast: 100ms;
--t-base: 160ms;
--t-slow: 240ms;
--ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
--ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
--page-bg: #0f0f10;
--page-ink: #f2f2f3;
--page-selection: #2e2e33;
--focus-ring: rgba(232, 232, 234, 0.35);
--link-ink: #7aa9f5;
--link-underline: rgba(122, 169, 245, 0.35);
--btn-bg: #26262a;
--btn-ink: #b9b9bf;
--btn-hover-bg: #1c1c20;
--btn-hover-ink: #e8e8ea;
--btn-on-primary: #17171a;
--btn-secondary-bg: #17171a;
--btn-secondary-hover-bg: #17171a;
--btn-soft-bg: #1c1c20;
--btn-soft-hover-bg: #2e2e33;
--btn-ghost-ink: #9a9aa1;
--btn-ghost-hover-bg: #1e1e21;
--btn-danger-bg: #3c1c1a;
--btn-danger-ink: #f08a7e;
--btn-danger-hover-bg: #4c2420;
--btn-danger-solid-ink: #17171a;
--btn-danger-solid-hover-bg: #f5a099;
--btn-danger-solid-shadow: 0 8px 18px -8px rgba(240, 138, 126, 0.8);
--btn-spinner-track: rgba(23, 23, 26, 0.5);
--btn-spinner-head: #17171a;
--btn-spinner-track-quiet: #2e2e33;
--btn-spinner-head-quiet: #e8e8ea;
--btn-disabled-opacity: 0.45;
--btn-dark-bg: rgba(242, 242, 243, 0.12);
--btn-dark-ink: #f2f2f3;
--btn-dark-hover-bg: #e8e8ea;
--btn-warn-ink: #e8bd52;
--btn-warn-hover-bg: #3a3014;
--btn-inverse-bg: rgba(23, 23, 26, 0.92);
--btn-inverse-ink: #f0a26d;
--btn-inverse-hover-bg: #17171a;
--btn-link-ink: #e8e8ea;
--btn-ok-bg: #123a2a;
--btn-ok-ink: #5fd6a0;
--btn-ok-hover-bg: #174a36;
--btn-paper-bg: #17171a;
--btn-paper-ink: #b9b9bf;
--btn-paper-hover-bg: #1e1e21;
--btn-border: 0;
--btn-case: none;
--btn-tracking: 0px;
--btn-link-underline: none;
--btn-ghost-bg: transparent;
--btn-shadow: none;
--btn-hover-shadow: none;
--btn-hover-lift: 0px;
--btn-active-shadow: none;
--btn-primary-active-shadow: var(--shadow-primary);
--btn-primary-hover-filter: brightness(1.05);
--btn-secondary-hover-shadow: var(--shadow-tile);
--btn-secondary-active-shadow: var(--shadow-tile);
--btn-danger-solid-hover-shadow: 0 8px 18px -8px rgba(240, 138, 126, 0.8);
--btn-danger-solid-active-shadow: 0 8px 18px -8px rgba(240, 138, 126, 0.8);
--btn-ok-shadow: none;
--btn-warn-shadow: none;
--btn-h: 42px;
--btn-h-sm: 34px;
--btn-h-xs: 24px;
--btn-h-lg: 48px;
--btn-h-cta: 46px;
--btn-fs: calc(13px * var(--fs-scale));
--btn-fs-sm: calc(12px * var(--fs-scale));
--btn-fs-lg: calc(15px * var(--fs-scale));
--btn-fs-cta: calc(14px * var(--fs-scale));
--icon-button-ink: #9a9aa1;
--icon-button-hover-bg: #1e1e21;
--icon-button-hover-ink: #e8e8ea;
--icon-button-disabled-opacity: 0.4;
--icon-button-size: 36px;
--icon-button-icon: 18px;
--icon-button-size-sm: 30px;
--icon-button-icon-sm: 16px;
--icon-button-size-xs: 18px;
--icon-button-icon-xs: 12px;
--icon-button-size-primary: 44px;
--icon-button-ghost-ink: #76767d;
--icon-button-hover-bg-strong: #e8e8ea;
--icon-button-inline-bg: #2e2e33;
--icon-button-inline-ink: #b9b9bf;
--icon-button-inline-on-bg: rgba(232, 232, 234, 0.1);
--icon-button-inline-on-ink: #e8e8ea;
--icon-button-ghost-bg: transparent;
--icon-button-shadow: none;
--icon-button-hover-shadow: none;
--icon-button-hover-lift: 0px;
--icon-button-active-shadow: none;
--icon-button-primary-shadow: var(--shadow-primary);
--icon-button-primary-hover-shadow: var(--shadow-primary);
--icon-button-primary-active-shadow: var(--shadow-primary);
--badge-bg: #1c1c20;
--badge-ink: #e8e8ea;
--badge-attention-bg: #3a3014;
--badge-attention-ink: #e8bd52;
--badge-muted-bg: #26262a;
--badge-muted-ink: #9a9aa1;
--badge-outline-border: #2e2e33;
--badge-outline-w: 2px;
--badge-outline-ink: #9a9aa1;
--badge-fs-xs: calc(10px * var(--fs-scale));
--badge-fill: 100%;
--badge-border: 0;
--badge-case: none;
--badge-tracking: 0px;
--badge-shadow: none;
--chip-bg: #1c1c20;
--chip-ink: #e8e8ea;
--chip-hover-bg: #2e2e33;
--chip-fill: 100%;
--chip-border: 0;
--chip-shadow: none;
--chip-hover-shadow: none;
--chip-hover-lift: 0px;
--chip-active-shadow: none;
--chip-active-drop: 0px;
--file-card-bg: #0b0b0c;
--file-card-ink: #f2f2f3;
--file-card-head-bg: rgba(242, 242, 243, 0.04);
--file-card-head-ink: #f2f2f3;
--file-card-head-meta: #9a9aa1;
--file-card-note-ink: #f08a7e;
--file-card-image-body-bg: rgba(242, 242, 243, 0.02);
--file-card-image-bg: #17171a;
--file-card-shadow: var(--edge);
--tool-call-check-bg: #1c1c20;
--tool-call-check-ink: #f2f2f3;
--tool-call-ready-bg: #123a2a;
--tool-call-ready-ink: #5fd6a0;
--tool-call-error-bg: #3c1c1a;
--tool-call-error-ink: #f08a7e;
--tool-call-thinking-bg: #3a3014;
--tool-call-thinking-ink: #e8bd52;
--tool-call-pending-bg: #1c1c20;
--tool-call-pending-ink: #e8e8ea;
--tool-call-body-bg: #17171a;
--tool-call-pre-bg: #1e1e21;
--tool-call-pre-ink: #f2f2f3;
--tool-call-quiet-ink: #9a9aa1;
--tool-call-fs: calc(12px * var(--fs-scale));
--tool-call-pre-fs: calc(11.5px * var(--fs-scale));
--tool-call-label-fs: calc(10.5px * var(--fs-scale));
--settings-group-bg: #1c1c20;
--settings-group-ink: #f2f2f3;
--settings-group-heading-ink: #e8e8ea;
--settings-group-danger-bg: #3c1c1a;
--settings-group-danger-ink: #f08a7e;
--tool-fold-ink: #9a9aa1;
--tool-fold-bg: #1e1e21;
--tool-fold-hover-bg: #1c1c20;
--tool-fold-hover-ink: #e8e8ea;
--tool-fold-failed-ink: #f08a7e;
--tool-fold-fs: calc(11px * var(--fs-scale));
--tool-fold-shadow: none;
--ask-card-bg: #3a3014;
--ask-card-ink: #f2f2f3;
--ask-card-quiet-ink: #9a9aa1;
--ask-card-resolved-opacity: 0.7;
--ask-card-fs: calc(13px * var(--fs-scale));
--ask-card-kind-fs: calc(11px * var(--fs-scale));
--ask-card-input-fs: calc(11px * var(--fs-scale));
--ask-card-outcome-fs: calc(12px * var(--fs-scale));
--ask-card-shadow: none;
--reply-note-ink: #9a9aa1;
--reply-note-bg: #1e1e21;
--reply-note-attention-ink: #e8bd52;
--reply-note-attention-bg: #3a3014;
--reply-note-error-ink: #f08a7e;
--reply-note-error-bg: #3c1c1a;
--reply-note-fs: calc(12px * var(--fs-scale));
--login-dialog-ink: #f2f2f3;
--login-dialog-quiet-ink: #9a9aa1;
--login-dialog-fs: calc(13.5px * var(--fs-scale));
--login-dialog-border: #2e2e33;
--login-dialog-scene-bg: #1e1e21;
--login-dialog-scene-ink: #f2f2f3;
--login-dialog-scene-muted: #2e2e33;
--login-dialog-scene-paper: #17171a;
--login-dialog-scene-accent: #e8e8ea;
--login-dialog-scene-dark: #f7f7f8;
--login-dialog-scene-on-dark: #17171a;
--login-dialog-ok-bg: #0f2e23;
--login-dialog-ok-ink: #5fd6a0;
--login-dialog-bad-bg: #3c1c1a;
--login-dialog-bad-ink: #f08a7e;
--login-dialog-step-bg: #e8e8ea;
--login-dialog-step-ink: #17171a;
--login-dialog-code-bg: #17171a;
--login-dialog-code-ink: #f2f2f3;
--login-dialog-code-border: #2e2e33;
--login-dialog-input-bg: #17171a;
--login-dialog-input-border: #2e2e33;
--login-dialog-lines-bg: #1e1e21;
--login-dialog-lines-ink: #9a9aa1;
--login-dialog-geek-ink: #e8e8ea;
--look-card-w: 150px;
--look-card-paper-h: 84px;
--look-card-bg: #17171a;
--look-card-ink: #f2f2f3;
--look-card-border: #2e2e33;
--look-card-hover-border: #3d3d44;
--look-card-on-border: #e8e8ea;
--look-card-shadow: none;
--choice-bg: #1e1e21;
--choice-ink: #b9b9bf;
--choice-hover-bg: #1c1c20;
--choice-on-ink: #e8e8ea;
--choice-on-border: #e8e8ea;
--choice-quiet-ink: #9a9aa1;
--choice-h: 32px;
--choice-border: transparent;
--choice-shadow: none;
--choice-hover-shadow: none;
--choice-hover-lift: 0px;
--choice-active-shadow: none;
--choice-active-drop: 0px;
--choice-on-shadow: none;
--control-knob: #17171a;
--control-knob-shadow: 0 1px 3px rgba(242, 242, 243, 0.25);
--control-box-bg: #17171a;
--control-tick: #17171a;
--tile-badge-bg: #17171a;
--tile-count-ink: #17171a;
--room-mark-ink: #17171a;
--room-mark-hue-from: 0;
--room-mark-hue-span: 360;
--room-mark-grad-angle: 135deg;
--room-mark-grad-from: 34% 54%;
--room-mark-grad-to: 32% 46%;
--room-mark-emoji: 22% 26%;
--room-mark-shadow: none;
--room-mark-radius: calc(14px * var(--r-scale));
--room-mark-radius-lg: calc(16px * var(--r-scale));
--room-mark-radius-rail: calc(13px * var(--r-scale));
--pop-bg: #17171a;
--pop-shadow: 0 10px 28px -12px rgba(242, 242, 243, 0.45);
--pop-arrow-shadow: 3px 3px 4px -3px rgba(242, 242, 243, 0.25);
--pop-dark-bg: #e6e6e8;
--pop-dark-ink: #17171a;
--pop-dark-shadow: 0 6px 16px -6px rgba(242, 242, 243, 0.6);
--dialog-backdrop: rgba(242, 242, 243, 0.4);
--scrim-bg: rgba(242, 242, 243, 0.72);
--scrim-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6);
--scrim-image-bg: #17171a;
--toast-bg: #f2f2f3;
--toast-ink: #17171a;
--rail-logo-shadow: 0 8px 18px -6px rgba(232, 232, 234, 0.6);
--rail-active-bg: #17171a;
--cast-c-1: #7aa9f5;
--cast-c-2: #5fd6a0;
--cast-c-3: #e8bd52;
--cast-c-4: #f08a7e;
--cast-c-5: #c2a0ea;
--cast-c-6: #f08ac0;
--cast-c-7: #f0a26d;
--cast-c-8: #b9b9bf;
--timeline-view-bg: rgba(242, 242, 243, 0.08);
--timeline-view-edge: rgba(242, 242, 243, 0.45);
--timeline-tick-blend: #17171a;
--timeline-pin-halo: #17171a;
--timeline-flash: rgba(232, 232, 234, 0.55);
--timeline-flash-out: rgba(232, 232, 234, 0);
--bubble-bg: #17171a;
--bubble-ink: #e6e6e8;
--bubble-border: rgba(242, 242, 243, 0.08);
--bubble-shadow: none;
--bubble-mine-bg: linear-gradient(#1e1e21, #1e1e21);
--bubble-mine-ink: #f2f2f3;
--bubble-mine-soft-ink: rgba(242, 242, 243, 0.7);
--bubble-mine-waiting-ink: rgba(242, 242, 243, 0.8);
--bubble-mine-shadow: none;
--bubble-mine-rule: rgba(242, 242, 243, 0.12);
--bubble-mine-border: rgba(242, 242, 243, 0.1);
--bubble-mine-chip-bg: rgba(242, 242, 243, 0.06);
--bubble-mine-code-bg: rgba(242, 242, 243, 0.06);
--bubble-mine-th-bg: rgba(242, 242, 243, 0.06);
--bubble-mine-link-underline: rgba(122, 169, 245, 0.4);
--bubble-mine-quote-border: rgba(242, 242, 243, 0.25);
--bubble-mine-btn-bg: #17171a;
--bubble-mine-btn-hover-bg: #17171a;
--bubble-mine-ghost-hover-bg: rgba(242, 242, 243, 0.06);
--bubble-mine-cta-bg: #e8e8ea;
--bubble-mine-cta-ink: #17171a;
--bubble-inset-bg: #17171a;
--bubble-prop-row-bg: rgba(23, 23, 26, 0.7);
--quote-mine-bg: rgba(242, 242, 243, 0.05);
--quote-mine-border: rgba(242, 242, 243, 0.2);
--quote-mine-hover-bg: rgba(242, 242, 243, 0.08);
--quote-mine-hover-border: rgba(242, 242, 243, 0.4);
--quote-mine-head-ink: rgba(242, 242, 243, 0.7);
--quote-mine-text-ink: #f2f2f3;
--attach-thumb-bg: #17171a;
--attach-thumb-shadow: 0 0 0 1px rgba(242, 242, 243, 0.08);
--attach-overlay-bg: rgba(242, 242, 243, 0.72);
--attach-overlay-ink: #17171a;
--attach-ref-bg: rgba(242, 242, 243, 0.08);
--attach-mine-ref-bg: rgba(242, 242, 243, 0.08);
--attach-mine-chip-open-bg: rgba(242, 242, 243, 0.12);
--attach-mine-chip-open-ink: #f2f2f3;
--table-stripe: rgba(232, 232, 234, 0.03);
--code-bg: #0b0b0c;
--code-ink: #f2f2f3;
--code-gutter-bg: #0f0f10;
--code-gutter-ink: #76767d;
--code-line-mark-ink: #f0a26d;
--code-line-mark-bg: rgba(223, 169, 58, 0.16);
--code-head-bg: rgba(242, 242, 243, 0.04);
--code-head-ink: #f2f2f3;
--code-head-meta: #9a9aa1;
--code-head-btn-bg: rgba(242, 242, 243, 0.06);
--code-head-btn-ink: #f2f2f3;
--code-body-bg: rgba(242, 242, 243, 0.02);
--code-sb-track: rgba(242, 242, 243, 0.06);
--code-sb-thumb: rgba(242, 242, 243, 0.2);
--code-sb-thumb-hover: rgba(242, 242, 243, 0.35);
--code-sb-firefox: rgba(242, 242, 243, 0.25);
--code-find-hit-bg: #e8bd52;
--code-find-hit-ink: #0b0b0c;
--syntax-comment: #76767d;
--syntax-punctuation: #76767d;
--syntax-keyword: #c2a0ea;
--syntax-string: #5fd6a0;
--syntax-number: #e8bd52;
--syntax-function: #7aa9f5;
--syntax-tag: #f08a7e;
--syntax-attr: #f08ac0;
--diagram-bar-bg: #17171a;
--diagram-bar-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.55);
--diagram-node-shadow: rgba(242, 242, 243, 0.1);
--diagram-node-ink: #f2f2f3;
--input-bg: #17171a;
--input-focus-border: #e8e8ea;
--input-shadow: none;
--profile-bg: linear-gradient(160deg, #1c1c20, #0f2e23);
--profile-badge-bg: #17171a;
--face-paper: #1e1e21;
--face-tint: 4%;
--face-corner: 0.32;
--face-ring: #17171a;
--face-me-ring: #e8e8ea;
--face-alert-ring: #e8935a;
--face-dot-bg: #76767d;
--face-card-bg: #1e1e21;
--face-fallback: #84848b;
--face-human-ink: #f7f7f8;
--face-avatar-default: #e8e8ea;
--face-avatar-gloss: #17171a;
--face-avatar-label-ink: #17171a;
--face-shadow: none;
--face-card-shadow: var(--shadow-pop);
--logo-tile-bg: #1e1e21;
--logo-tile-ink: #f7f7f8;
--logo-tile-badge-bg: #1e1e21;
--logo-tile-badge-border: #17171a;
--logo-tile-badge-ink: #f7f7f8;
--logo-tile-muted-bg: #3a3014;
--logo-tile-muted-ink: #e8bd52;
--logo-tile-unplugged-bg: #1c1c20;
--logo-tile-unplugged-ink: #f7f7f8;
--logo-tile-sm: 30px;
--logo-tile-md: 36px;
--logo-tile-lg: 40px;
--logo-tile-shadow: none;
--logo-tile-radius: calc(12px * var(--r-scale));
--logo-tile-radius-sm: calc(10px * var(--r-scale));
--logo-tile-radius-lg: calc(13px * var(--r-scale));
--logo-tile-radius-badge: calc(6px * var(--r-scale));
--unseen-line-ink: #f08ac0;
--unseen-line-bg: #331a26;
--unseen-line-line: url("data:image/svg+xml;utf8,") repeat-x center / 16px 8px;
--unseen-line-line-h: 8px;
--unseen-line-line-opacity: 0.55;
--unseen-line-label-border: 0;
--unseen-line-label-case: none;
--unseen-line-label-tracking: 0px;
--unseen-line-label-shadow: none;
--number-field-step-w: 22px;
--number-field-step-ink: #9a9aa1;
--number-field-step-hover-bg: #1c1c20;
--number-field-step-hover-ink: #e8e8ea;
--adjust-row-swatch-border: #2e2e33;
--adjust-row-value-ink: #9a9aa1;
--adjust-row-hint-ink: #9a9aa1;
--adjust-row-changed-ink: #e8e8ea;
--adjust-row-back-ink: #9a9aa1;
--adjust-row-back-hover-bg: #1c1c20;
--row-button-size: 24px;
--row-button-icon: 14px;
--row-button-radius: calc(8px * var(--r-scale));
--row-button-bg: #26262a;
--row-button-ink: #9a9aa1;
--row-button-hover-bg: #e8e8ea;
--row-button-hover-ink: #17171a;
--row-button-disabled-opacity: 0.4;
--row-button-shadow: none;
--row-button-active-shadow: none;
--hub-row-ink: #9a9aa1;
--hub-row-attention-ink: #e8bd52;
--hub-row-error-ink: #f08a7e;
--hub-row-action-bg: #123a2a;
--hub-row-action-ink: #5fd6a0;
--hub-row-action-hover-bg: #174a36;
--hub-row-face-size: 18px;
--hub-row-prefix: none;
--hub-row-prefix-gap: 0px;
--hub-row-action-shadow: var(--edge);
--hero-ink: #17171a;
--hero-bg: linear-gradient(120deg, #f2f2f3 0%, #e8e8ea 45%, #b9b9bf 100%);
--hero-shadow: 0 18px 40px -22px rgba(232, 232, 234, 0.9);
--hero-blob-a: rgba(23, 23, 26, 0.1);
--hero-blob-b: rgba(67, 201, 138, 0.18);
--hero-cta-bg: #17171a;
--hero-cta-shadow: 0 10px 22px -10px rgba(242, 242, 243, 0.5);
--hero-ghost-bg: rgba(23, 23, 26, 0.16);
--hero-ghost-hover-bg: rgba(23, 23, 26, 0.26);
--hero-face-bg: rgba(23, 23, 26, 0.55);
--hero-bubble-shadow: 0 10px 24px -14px rgba(242, 242, 243, 0.6);
--hero-bubble-1-bg: #17171a;
--hero-bubble-2-bg: #123a2a;
--hero-bubble-2-ink: #a8ecc9;
--hero-bubble-3-bg: #3a3014;
--hero-bubble-3-ink: #ffe08a;
--hero-spark: #ffd166;
--feature-emoji-bg: rgba(23, 23, 26, 0.8);
--feature-peach-bg: #4a3524;
--feature-shadow: var(--edge);
--composer-shadow: 0 0 0 1px rgba(242, 242, 243, 0.1);
--composer-bg: #17171a;
--composer-radius: calc(14px * var(--r-scale));
--composer-pad-x: 6px;
--step-bg: #17171a;
--step-num-ink: #17171a;
--tpl-shadow: 0 1px 3px rgba(242, 242, 243, 0.06);
--tpl-check-ink: #17171a;
--browser-theme-color: #17171a;
}