viberoom 0.7.0 → 0.9.0

package/ui/looks.css

@@ -67,7 +67,7 @@
   --deep-muted: #7c78ad;
   --deep-head: #e8e6ff;
   --deep-meta: #a9a5d8;
-  --lav-grey: #4a4b70;
+  --lav-grey: #7c78ad;
   --lilac: #b9a7ff;
   --seafoam: #8fe3bd;
   --azure: #9cd2ff;
@@ -142,6 +142,7 @@
   --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;
@@ -150,6 +151,7 @@
   --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));
@@ -183,6 +185,7 @@
   --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;
@@ -198,8 +201,8 @@
   --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-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;
@@ -213,6 +216,23 @@
   --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;
@@ -239,6 +259,14 @@
   --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;
@@ -246,19 +274,33 @@
   --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(32, 33, 66, 0.06);
+  --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(32, 33, 66, 0.04);
+  --file-card-image-body-bg: rgba(244, 242, 255, 0.04);
   --file-card-image-bg: #202142;
+  --file-card-shadow: var(--edge);
   --tool-call-ready-bg: #1a4235;
   --tool-call-ready-ink: #6ee8b3;
   --tool-call-error-bg: #401c1e;
@@ -280,6 +322,7 @@
   --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;
@@ -288,6 +331,7 @@
   --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;
@@ -300,6 +344,7 @@
   --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;
@@ -307,6 +352,13 @@
   --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;
@@ -318,6 +370,10 @@
   --room-mark-grad-from: 72% 66%;
   --room-mark-grad-to: 68% 52%;
   --room-mark-emoji: 70% 93%;
+  --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);
@@ -382,20 +438,20 @@
   --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-bg: rgba(244, 242, 255, 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-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(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-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: #a4a2cc;
-  --syntax-punctuation: #4a4b70;
+  --syntax-comment: #7c78ad;
+  --syntax-punctuation: #7c78ad;
   --syntax-keyword: #b9a7ff;
   --syntax-string: #8fe3bd;
   --syntax-number: #f5c974;
@@ -423,6 +479,8 @@
   --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;
@@ -433,11 +491,20 @@
   --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,<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;
+  --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;
@@ -450,12 +517,14 @@
   --adjust-row-back-hover-bg: #2c2e56;
   --row-button-size: 24px;
   --row-button-icon: 14px;
-  --row-button-radius: 8px;
+  --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;
@@ -463,6 +532,9 @@
   --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);
@@ -482,6 +554,11 @@
   --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);
@@ -631,6 +708,7 @@
   --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;
@@ -639,6 +717,7 @@
   --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));
@@ -672,6 +751,7 @@
   --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;
@@ -687,8 +767,8 @@
   --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-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;
@@ -702,6 +782,23 @@
   --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;
@@ -728,6 +825,14 @@
   --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;
@@ -735,19 +840,33 @@
   --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(255, 255, 255, 0.06);
+  --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(255, 255, 255, 0.04);
+  --file-card-image-body-bg: rgba(245, 241, 232, 0.04);
   --file-card-image-bg: #ffffff;
+  --file-card-shadow: var(--edge);
   --tool-call-ready-bg: #dff0e1;
   --tool-call-ready-ink: #2f7a4f;
   --tool-call-error-bg: #f9e3df;
@@ -769,6 +888,7 @@
   --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;
@@ -777,6 +897,7 @@
   --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;
@@ -789,6 +910,7 @@
   --look-card-border: #dfd9c8;
   --look-card-hover-border: #bdb7d6;
   --look-card-on-border: #d97757;
+  --look-card-shadow: none;
   --choice-bg: #f7f5ef;
   --choice-ink: #5e5a4f;
   --choice-hover-bg: #ebe7db;
@@ -796,6 +918,13 @@
   --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;
@@ -807,6 +936,10 @@
   --room-mark-grad-from: 72% 66%;
   --room-mark-grad-to: 68% 52%;
   --room-mark-emoji: 70% 93%;
+  --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);
@@ -871,19 +1004,19 @@
   --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-bg: rgba(245, 241, 232, 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-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(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-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: #8a8577;
+  --syntax-comment: #8c8477;
   --syntax-punctuation: #cfc8b8;
   --syntax-keyword: #c3b1ff;
   --syntax-string: #9ad8b6;
@@ -912,6 +1045,8 @@
   --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;
@@ -922,11 +1057,20 @@
   --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,<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;
+  --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;
@@ -939,12 +1083,14 @@
   --adjust-row-back-hover-bg: #ebe7db;
   --row-button-size: 24px;
   --row-button-icon: 14px;
-  --row-button-radius: 8px;
+  --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;
@@ -952,6 +1098,9 @@
   --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);
@@ -971,6 +1120,11 @@
   --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);
@@ -1045,7 +1199,7 @@
   --deep-muted: #7a7468;
   --deep-head: #3a3833;
   --deep-meta: #6f6b62;
-  --lav-grey: #c9c2b3;
+  --lav-grey: #7a7468;
   --lilac: #5b4a9a;
   --seafoam: #1f6e5a;
   --azure: #2a5d8f;
@@ -1120,6 +1274,7 @@
   --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;
@@ -1128,6 +1283,7 @@
   --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));
@@ -1161,6 +1317,7 @@
   --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;
@@ -1176,9 +1333,9 @@
   --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-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);
@@ -1191,6 +1348,23 @@
   --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;
@@ -1217,6 +1391,14 @@
   --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;
@@ -1224,19 +1406,33 @@
   --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(249, 246, 239, 0.06);
+  --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(249, 246, 239, 0.04);
+  --file-card-image-body-bg: rgba(43, 42, 39, 0.04);
   --file-card-image-bg: #f9f6ef;
+  --file-card-shadow: var(--edge);
   --tool-call-ready-bg: #e0ebe2;
   --tool-call-ready-ink: #2f6b4f;
   --tool-call-error-bg: #f2e0dc;
@@ -1258,6 +1454,7 @@
   --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;
@@ -1266,6 +1463,7 @@
   --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;
@@ -1278,6 +1476,7 @@
   --look-card-border: #dcd3c2;
   --look-card-hover-border: #b9bdd0;
   --look-card-on-border: #2f6f68;
+  --look-card-shadow: none;
   --choice-bg: #f4efe5;
   --choice-ink: #5a574f;
   --choice-hover-bg: #e8e1d3;
@@ -1285,6 +1484,13 @@
   --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;
@@ -1296,6 +1502,10 @@
   --room-mark-grad-from: 72% 66%;
   --room-mark-grad-to: 68% 52%;
   --room-mark-emoji: 70% 93%;
+  --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);
@@ -1368,12 +1578,12 @@
   --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-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: #6f6b62;
-  --syntax-punctuation: #c9c2b3;
+  --syntax-comment: #7a7468;
+  --syntax-punctuation: #7a7468;
   --syntax-keyword: #5b4a9a;
   --syntax-string: #1f6e5a;
   --syntax-number: #7d5f12;
@@ -1401,6 +1611,8 @@
   --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;
@@ -1411,11 +1623,20 @@
   --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,<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;
+  --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;
@@ -1428,12 +1649,14 @@
   --adjust-row-back-hover-bg: #e8e1d3;
   --row-button-size: 24px;
   --row-button-icon: 14px;
-  --row-button-radius: 8px;
+  --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;
@@ -1441,6 +1664,9 @@
   --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);
@@ -1460,6 +1686,11 @@
   --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);
@@ -1609,6 +1840,7 @@
   --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;
@@ -1617,6 +1849,7 @@
   --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));
@@ -1649,8 +1882,9 @@
   --btn-hover-bg: #f1e4d2;
   --btn-hover-ink: #6a54b4;
   --btn-on-primary: #f9f0e1;
-  --btn-secondary-bg: #f9f0e1;
-  --btn-soft-bg: #f1e4d2;
+  --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;
@@ -1659,14 +1893,14 @@
   --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-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, 240, 225, 0.12);
-  --btn-dark-ink: #f9f0e1;
+  --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;
@@ -1677,9 +1911,26 @@
   --btn-ok-bg: #c9e8c4;
   --btn-ok-ink: #3f7a4a;
   --btn-ok-hover-bg: #b4dfae;
-  --btn-paper-bg: #f9f0e1;
+  --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;
@@ -1700,12 +1951,20 @@
   --icon-button-size-xs: 18px;
   --icon-button-icon-xs: 12px;
   --icon-button-size-primary: 44px;
-  --icon-button-ghost-ink: #b3a094;
+  --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;
@@ -1713,19 +1972,33 @@
   --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, 240, 225, 0.06);
+  --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, 240, 225, 0.04);
+  --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-ready-bg: #c9e8c4;
   --tool-call-ready-ink: #3f7a4a;
   --tool-call-error-bg: #f7c9d8;
@@ -1747,6 +2020,7 @@
   --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;
@@ -1755,6 +2029,7 @@
   --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;
@@ -1767,6 +2042,7 @@
   --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;
@@ -1774,6 +2050,13 @@
   --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;
@@ -1785,6 +2068,10 @@
   --room-mark-grad-from: 72% 66%;
   --room-mark-grad-to: 68% 52%;
   --room-mark-emoji: 70% 93%;
+  --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);
@@ -1809,7 +2096,7 @@
   --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-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);
@@ -1849,19 +2136,19 @@
   --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-bg: rgba(249, 241, 228, 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-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, 240, 225, 0.3);
-  --code-sb-thumb-hover: rgba(249, 240, 225, 0.5);
-  --code-sb-firefox: rgba(249, 240, 225, 0.35);
+  --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: #8f7a6e;
+  --syntax-comment: #a58f83;
   --syntax-punctuation: #cdbfb0;
   --syntax-keyword: #c9b8f0;
   --syntax-string: #8fd6cf;
@@ -1890,6 +2177,8 @@
   --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;
@@ -1900,11 +2189,20 @@
   --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,<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;
+  --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;
@@ -1923,6 +2221,8 @@
   --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;
@@ -1930,6 +2230,9 @@
   --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);
@@ -1949,6 +2252,11 @@
   --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);
@@ -2023,7 +2331,7 @@
   --deep-muted: #5b6f61;
   --deep-head: #c3d1c6;
   --deep-meta: #7c9282;
-  --lav-grey: #3a4a3e;
+  --lav-grey: #5f7a67;
   --lilac: #7ee0ff;
   --seafoam: #3ddc84;
   --azure: #5ab0ff;
@@ -2098,6 +2406,7 @@
   --shadow: none;
   --bevel: none;
   --shadow-room: none;
+  --bevel-pressed: none;
   --grad-canvas: #090c0a;
   --canvas-pattern: none;
   --canvas-pattern-size: 0 0;
@@ -2106,6 +2415,7 @@
   --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));
@@ -2139,6 +2449,7 @@
   --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;
@@ -2154,8 +2465,8 @@
   --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-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;
@@ -2169,6 +2480,23 @@
   --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;
@@ -2195,26 +2523,48 @@
   --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: #1f2b22;
+  --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(15, 20, 17, 0.06);
+  --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(15, 20, 17, 0.04);
+  --file-card-image-body-bg: rgba(215, 227, 217, 0.04);
   --file-card-image-bg: #0f1411;
+  --file-card-shadow: var(--edge);
   --tool-call-ready-bg: #123a26;
   --tool-call-ready-ink: #3ddc84;
   --tool-call-error-bg: #3a1512;
@@ -2236,6 +2586,7 @@
   --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;
@@ -2244,6 +2595,7 @@
   --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;
@@ -2256,13 +2608,21 @@
   --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: #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;
@@ -2274,6 +2634,10 @@
   --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);
@@ -2297,12 +2661,12 @@
   --bubble-bg: #0f1411;
   --bubble-ink: #c3d1c6;
   --bubble-border: #1f2b22;
-  --bubble-shadow: none;
+  --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: none;
+  --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);
@@ -2338,20 +2702,20 @@
   --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-bg: rgba(215, 227, 217, 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-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(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-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: #7c9282;
-  --syntax-punctuation: #3a4a3e;
+  --syntax-comment: #5b6f61;
+  --syntax-punctuation: #5f7a67;
   --syntax-keyword: #7ee0ff;
   --syntax-string: #3ddc84;
   --syntax-number: #f5c542;
@@ -2379,6 +2743,8 @@
   --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;
@@ -2389,11 +2755,20 @@
   --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: #131a15;
+  --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;
@@ -2406,12 +2781,14 @@
   --adjust-row-back-hover-bg: #172019;
   --row-button-size: 24px;
   --row-button-icon: 14px;
-  --row-button-radius: 8px;
+  --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;
@@ -2419,6 +2796,9 @@
   --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);
@@ -2438,6 +2818,11 @@
   --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);