viberoom 0.6.0 → 0.7.0

package/ui/looks.css

@@ -0,0 +1,2446 @@
+/* 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: #4a4b70;
+  --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;
+  --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-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-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(32, 33, 66, 0.12);
+  --btn-dark-ink: #202142;
+  --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-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;
+  --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-ink: #a4a2cc;
+  --badge-fs-xs: calc(10px * var(--fs-scale));
+  --chip-bg: #2c2e56;
+  --chip-ink: #8a8aff;
+  --chip-hover-bg: #3a3c6e;
+  --file-card-bg: #0f1020;
+  --file-card-ink: #f4f2ff;
+  --file-card-head-bg: rgba(32, 33, 66, 0.06);
+  --file-card-head-ink: #e8e6ff;
+  --file-card-head-meta: #a9a5d8;
+  --file-card-note-ink: #ff7a70;
+  --file-card-image-body-bg: rgba(32, 33, 66, 0.04);
+  --file-card-image-bg: #202142;
+  --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));
+  --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));
+  --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));
+  --reply-note-ink: #a4a2cc;
+  --reply-note-bg: #262848;
+  --reply-note-attention-ink: #f5c94f;
+  --reply-note-attention-bg: #46381a;
+  --reply-note-fs: calc(12px * var(--fs-scale));
+  --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;
+  --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;
+  --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-grad-angle: 135deg;
+  --room-mark-grad-from: 72% 66%;
+  --room-mark-grad-to: 68% 52%;
+  --room-mark-emoji: 70% 93%;
+  --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;
+  --timeline-view-bg: rgba(138, 138, 255, 0.07);
+  --timeline-view-left-bg: rgba(241, 239, 255, 0.05);
+  --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(32, 33, 66, 0.06);
+  --code-head-ink: #e8e6ff;
+  --code-head-meta: #a9a5d8;
+  --code-head-btn-bg: rgba(32, 33, 66, 0.12);
+  --code-head-btn-ink: #202142;
+  --code-body-bg: rgba(32, 33, 66, 0.04);
+  --code-sb-track: rgba(0, 0, 0, 0.25);
+  --code-sb-thumb: rgba(32, 33, 66, 0.3);
+  --code-sb-thumb-hover: rgba(32, 33, 66, 0.5);
+  --code-sb-firefox: rgba(32, 33, 66, 0.35);
+  --code-find-hit-bg: #f5c974;
+  --code-find-hit-ink: #0f1020;
+  --syntax-comment: #a4a2cc;
+  --syntax-punctuation: #4a4b70;
+  --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-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;
+  --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-sm: 30px;
+  --logo-tile-md: 36px;
+  --logo-tile-lg: 40px;
+  --unseen-line-ink: #ff8ac4;
+  --unseen-line-bg: #351a2a;
+  --unseen-line-line: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'><path d='M0 4 Q4 0 8 4 T16 4' fill='none' stroke='%23ff8ac4' stroke-width='1.6'/></svg>") repeat-x center / 16px 8px;
+  --unseen-line-line-h: 8px;
+  --unseen-line-line-opacity: 0.55;
+  --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: 8px;
+  --row-button-bg: #232445;
+  --row-button-ink: #a4a2cc;
+  --row-button-hover-bg: #8a8aff;
+  --row-button-hover-ink: #202142;
+  --row-button-disabled-opacity: 0.4;
+  --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;
+  --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;
+  --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: #d8d4e6;
+  --periwinkle-deep: #bdb7d6;
+  --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: #d8d4e6;
+  --tick-mine-view: #bdb7d6;
+  --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;
+  --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-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-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(255, 255, 255, 0.12);
+  --btn-dark-ink: #ffffff;
+  --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-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;
+  --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-ink: #8a8577;
+  --badge-fs-xs: calc(10px * var(--fs-scale));
+  --chip-bg: #ebe7db;
+  --chip-ink: #c4633f;
+  --chip-hover-bg: #dfd9c8;
+  --file-card-bg: #2b2622;
+  --file-card-ink: #f5f1e8;
+  --file-card-head-bg: rgba(255, 255, 255, 0.06);
+  --file-card-head-ink: #efe9dc;
+  --file-card-head-meta: #b8b0a0;
+  --file-card-note-ink: #c24d43;
+  --file-card-image-body-bg: rgba(255, 255, 255, 0.04);
+  --file-card-image-bg: #ffffff;
+  --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));
+  --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));
+  --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));
+  --reply-note-ink: #8a8577;
+  --reply-note-bg: #f7f5ef;
+  --reply-note-attention-ink: #9a6b0f;
+  --reply-note-attention-bg: #fbeecf;
+  --reply-note-fs: calc(12px * var(--fs-scale));
+  --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: #bdb7d6;
+  --look-card-on-border: #d97757;
+  --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;
+  --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-grad-angle: 135deg;
+  --room-mark-grad-from: 72% 66%;
+  --room-mark-grad-to: 68% 52%;
+  --room-mark-emoji: 70% 93%;
+  --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;
+  --timeline-view-bg: rgba(217, 119, 87, 0.07);
+  --timeline-view-left-bg: rgba(31, 30, 29, 0.05);
+  --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(255, 255, 255, 0.06);
+  --code-head-ink: #efe9dc;
+  --code-head-meta: #b8b0a0;
+  --code-head-btn-bg: rgba(255, 255, 255, 0.12);
+  --code-head-btn-ink: #ffffff;
+  --code-body-bg: rgba(255, 255, 255, 0.04);
+  --code-sb-track: rgba(0, 0, 0, 0.25);
+  --code-sb-thumb: rgba(255, 255, 255, 0.3);
+  --code-sb-thumb-hover: rgba(255, 255, 255, 0.5);
+  --code-sb-firefox: rgba(255, 255, 255, 0.35);
+  --code-find-hit-bg: #f2cc8f;
+  --code-find-hit-ink: #2b2622;
+  --syntax-comment: #8a8577;
+  --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-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;
+  --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-sm: 30px;
+  --logo-tile-md: 36px;
+  --logo-tile-lg: 40px;
+  --unseen-line-ink: #b0356f;
+  --unseen-line-bg: #fbeef3;
+  --unseen-line-line: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'><path d='M0 4 Q4 0 8 4 T16 4' fill='none' stroke='%23b0356f' stroke-width='1.6'/></svg>") repeat-x center / 16px 8px;
+  --unseen-line-line-h: 8px;
+  --unseen-line-line-opacity: 0.55;
+  --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: 8px;
+  --row-button-bg: #f3f0e8;
+  --row-button-ink: #8a8577;
+  --row-button-hover-bg: #d97757;
+  --row-button-hover-ink: #ffffff;
+  --row-button-disabled-opacity: 0.4;
+  --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;
+  --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;
+  --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: #d9dbe6;
+  --periwinkle-deep: #b9bdd0;
+  --deep: #e9e3d6;
+  --deep-gutter: #e1dacb;
+  --deep-ink: #2b2a27;
+  --deep-muted: #7a7468;
+  --deep-head: #3a3833;
+  --deep-meta: #6f6b62;
+  --lav-grey: #c9c2b3;
+  --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: #d9dbe6;
+  --tick-mine-view: #b9bdd0;
+  --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;
+  --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-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-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(249, 246, 239, 0.12);
+  --btn-dark-ink: #f9f6ef;
+  --btn-dark-hover-bg: #2f6f68;
+  --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-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;
+  --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-ink: #6f6b62;
+  --badge-fs-xs: calc(10px * var(--fs-scale));
+  --chip-bg: #e8e1d3;
+  --chip-ink: #2f6f68;
+  --chip-hover-bg: #dcd3c2;
+  --file-card-bg: #e9e3d6;
+  --file-card-ink: #2b2a27;
+  --file-card-head-bg: rgba(249, 246, 239, 0.06);
+  --file-card-head-ink: #3a3833;
+  --file-card-head-meta: #6f6b62;
+  --file-card-note-ink: #a34a3f;
+  --file-card-image-body-bg: rgba(249, 246, 239, 0.04);
+  --file-card-image-bg: #f9f6ef;
+  --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));
+  --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));
+  --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));
+  --reply-note-ink: #6f6b62;
+  --reply-note-bg: #f4efe5;
+  --reply-note-attention-ink: #7d5f12;
+  --reply-note-attention-bg: #f4e9cf;
+  --reply-note-fs: calc(12px * var(--fs-scale));
+  --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: #b9bdd0;
+  --look-card-on-border: #2f6f68;
+  --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;
+  --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-grad-angle: 135deg;
+  --room-mark-grad-from: 72% 66%;
+  --room-mark-grad-to: 68% 52%;
+  --room-mark-emoji: 70% 93%;
+  --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;
+  --timeline-view-bg: rgba(47, 111, 104, 0.07);
+  --timeline-view-left-bg: rgba(43, 42, 39, 0.05);
+  --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(249, 246, 239, 0.5);
+  --code-sb-firefox: rgba(249, 246, 239, 0.35);
+  --code-find-hit-bg: #7d5f12;
+  --code-find-hit-ink: #e9e3d6;
+  --syntax-comment: #6f6b62;
+  --syntax-punctuation: #c9c2b3;
+  --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-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;
+  --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-sm: 30px;
+  --logo-tile-md: 36px;
+  --logo-tile-lg: 40px;
+  --unseen-line-ink: #8f3d6a;
+  --unseen-line-bg: #f2e3ea;
+  --unseen-line-line: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'><path d='M0 4 Q4 0 8 4 T16 4' fill='none' stroke='%238f3d6a' stroke-width='1.6'/></svg>") repeat-x center / 16px 8px;
+  --unseen-line-line-h: 8px;
+  --unseen-line-line-opacity: 0.55;
+  --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: 8px;
+  --row-button-bg: #f1ebe0;
+  --row-button-ink: #6f6b62;
+  --row-button-hover-bg: #2f6f68;
+  --row-button-hover-ink: #f9f6ef;
+  --row-button-disabled-opacity: 0.4;
+  --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;
+  --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;
+  --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;
+  --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-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: #f9f0e1;
+  --btn-soft-bg: #f1e4d2;
+  --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: 0 8px 18px -8px rgba(194, 69, 111, 0.8);
+  --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, 240, 225, 0.12);
+  --btn-dark-ink: #f9f0e1;
+  --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: #f9f0e1;
+  --btn-paper-ink: #8a6f64;
+  --btn-paper-hover-bg: #fdf7ec;
+  --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: #b3a094;
+  --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;
+  --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-ink: #8f7a6e;
+  --badge-fs-xs: calc(10px * var(--fs-scale));
+  --chip-bg: #f1e4d2;
+  --chip-ink: #6a54b4;
+  --chip-hover-bg: #e8d7c1;
+  --file-card-bg: #4a352e;
+  --file-card-ink: #f9f1e4;
+  --file-card-head-bg: rgba(249, 240, 225, 0.06);
+  --file-card-head-ink: #f0e4d4;
+  --file-card-head-meta: #c2ada0;
+  --file-card-note-ink: #c2456f;
+  --file-card-image-body-bg: rgba(249, 240, 225, 0.04);
+  --file-card-image-bg: #f9f0e1;
+  --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));
+  --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));
+  --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));
+  --reply-note-ink: #8f7a6e;
+  --reply-note-bg: #fdf7ec;
+  --reply-note-attention-ink: #8a6a1c;
+  --reply-note-attention-bg: #fbe4a4;
+  --reply-note-fs: calc(12px * var(--fs-scale));
+  --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;
+  --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;
+  --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-grad-angle: 135deg;
+  --room-mark-grad-from: 72% 66%;
+  --room-mark-grad-to: 68% 52%;
+  --room-mark-emoji: 70% 93%;
+  --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;
+  --timeline-view-bg: rgba(145, 122, 216, 0.07);
+  --timeline-view-left-bg: rgba(90, 62, 54, 0.05);
+  --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: #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, 240, 225, 0.06);
+  --code-head-ink: #f0e4d4;
+  --code-head-meta: #c2ada0;
+  --code-head-btn-bg: rgba(249, 240, 225, 0.12);
+  --code-head-btn-ink: #f9f0e1;
+  --code-body-bg: rgba(249, 240, 225, 0.04);
+  --code-sb-track: rgba(0, 0, 0, 0.25);
+  --code-sb-thumb: rgba(249, 240, 225, 0.3);
+  --code-sb-thumb-hover: rgba(249, 240, 225, 0.5);
+  --code-sb-firefox: rgba(249, 240, 225, 0.35);
+  --code-find-hit-bg: #f7d774;
+  --code-find-hit-ink: #4a352e;
+  --syntax-comment: #8f7a6e;
+  --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-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;
+  --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-sm: 30px;
+  --logo-tile-md: 36px;
+  --logo-tile-lg: 40px;
+  --unseen-line-ink: #d85a8c;
+  --unseen-line-bg: #fbe3ec;
+  --unseen-line-line: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'><path d='M0 4 Q4 0 8 4 T16 4' fill='none' stroke='%23d85a8c' stroke-width='1.6'/></svg>") repeat-x center / 16px 8px;
+  --unseen-line-line-h: 8px;
+  --unseen-line-line-opacity: 0.55;
+  --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;
+  --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;
+  --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;
+  --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: #3a4a3e;
+  --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;
+  --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-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-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(15, 20, 17, 0.12);
+  --btn-dark-ink: #0f1411;
+  --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-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;
+  --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: #1f2b22;
+  --badge-outline-ink: #7c9282;
+  --badge-fs-xs: calc(10px * var(--fs-scale));
+  --chip-bg: #172019;
+  --chip-ink: #3ddc84;
+  --chip-hover-bg: #1f2b22;
+  --file-card-bg: #050705;
+  --file-card-ink: #d7e3d9;
+  --file-card-head-bg: rgba(15, 20, 17, 0.06);
+  --file-card-head-ink: #c3d1c6;
+  --file-card-head-meta: #7c9282;
+  --file-card-note-ink: #ff6b5e;
+  --file-card-image-body-bg: rgba(15, 20, 17, 0.04);
+  --file-card-image-bg: #0f1411;
+  --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));
+  --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));
+  --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));
+  --reply-note-ink: #7c9282;
+  --reply-note-bg: #131a15;
+  --reply-note-attention-ink: #f5c542;
+  --reply-note-attention-bg: #3a2f0c;
+  --reply-note-fs: calc(12px * var(--fs-scale));
+  --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;
+  --choice-bg: #131a15;
+  --choice-ink: #9fb3a5;
+  --choice-hover-bg: #172019;
+  --choice-on-ink: #3ddc84;
+  --choice-on-border: #3ddc84;
+  --choice-quiet-ink: #7c9282;
+  --choice-h: 32px;
+  --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-grad-angle: 135deg;
+  --room-mark-grad-from: 38% 24%;
+  --room-mark-grad-to: 34% 18%;
+  --room-mark-emoji: 35% 20%;
+  --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;
+  --timeline-view-bg: rgba(61, 220, 132, 0.07);
+  --timeline-view-left-bg: rgba(215, 227, 217, 0.05);
+  --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: none;
+  --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: none;
+  --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(15, 20, 17, 0.06);
+  --code-head-ink: #c3d1c6;
+  --code-head-meta: #7c9282;
+  --code-head-btn-bg: rgba(15, 20, 17, 0.12);
+  --code-head-btn-ink: #0f1411;
+  --code-body-bg: rgba(15, 20, 17, 0.04);
+  --code-sb-track: rgba(0, 0, 0, 0.25);
+  --code-sb-thumb: rgba(15, 20, 17, 0.3);
+  --code-sb-thumb-hover: rgba(15, 20, 17, 0.5);
+  --code-sb-firefox: rgba(15, 20, 17, 0.35);
+  --code-find-hit-bg: #f5c542;
+  --code-find-hit-ink: #050705;
+  --syntax-comment: #7c9282;
+  --syntax-punctuation: #3a4a3e;
+  --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-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;
+  --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-sm: 30px;
+  --logo-tile-md: 36px;
+  --logo-tile-lg: 40px;
+  --unseen-line-ink: #7c9282;
+  --unseen-line-bg: #131a15;
+  --unseen-line-line: repeating-linear-gradient(90deg, #1f2b22 0 6px, transparent 6px 12px);
+  --unseen-line-line-h: 1px;
+  --unseen-line-line-opacity: 1;
+  --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: 8px;
+  --row-button-bg: #10160f;
+  --row-button-ink: #7c9282;
+  --row-button-hover-bg: #3ddc84;
+  --row-button-hover-ink: #0f1411;
+  --row-button-disabled-opacity: 0.4;
+  --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;
+  --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;
+  --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;
+}