diff --git a/zddc/internal/apps/embedded/archive.html b/zddc/internal/apps/embedded/archive.html
index e8a95b2..d1c5b09 100644
--- a/zddc/internal/apps/embedded/archive.html
+++ b/zddc/internal/apps/embedded/archive.html
@@ -2272,7 +2272,7 @@ td[data-field="trackingNumber"] {
                 </svg>
                 <div class="header-title-group">
                     <span class="app-header__title">ZDDC Archive</span>
-                    <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
+                    <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster</span></span>
                 </div>
                 <button id="addDirectoryBtn" class="btn btn-primary">Add Local Directory</button>
                 <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh Data">⟳</button>
diff --git a/zddc/internal/apps/embedded/browse.html b/zddc/internal/apps/embedded/browse.html
index fbd281f..38845a0 100644
--- a/zddc/internal/apps/embedded/browse.html
+++ b/zddc/internal/apps/embedded/browse.html
@@ -721,7 +721,7 @@ body {
     margin: 0.4rem 0;
 }
 
-.hidden { display: none !important; }
+/* .hidden lives in shared/base.css; no per-tool override needed. */
 
 /* Status bar — shows transient errors/info */
 .status-bar {
@@ -986,7 +986,7 @@ body {
             </svg>
             <div class="header-title-group">
                 <span class="app-header__title">ZDDC Browse</span>
-                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
+                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster</span></span>
             </div>
             <button id="addDirectoryBtn" class="btn btn-primary">Add Local Directory</button>
             <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh listing" aria-label="Refresh listing">⟳</button>
diff --git a/zddc/internal/apps/embedded/classifier.html b/zddc/internal/apps/embedded/classifier.html
index 2f45e5a..85f70a0 100644
--- a/zddc/internal/apps/embedded/classifier.html
+++ b/zddc/internal/apps/embedded/classifier.html
@@ -1496,7 +1496,7 @@ body.help-open .app-header {
                     </svg>
                     <div class="header-title-group">
                         <span class="app-header__title">ZDDC Classifier</span>
-                        <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
+                        <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster</span></span>
                     </div>
                     <button id="addDirectoryBtn" class="btn btn-primary">Add Local Directory</button>
                     <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh and rescan directory" aria-label="Refresh" style="font-size:1.1rem;">⟳</button>
diff --git a/zddc/internal/apps/embedded/index.html b/zddc/internal/apps/embedded/index.html
index 4ad52bd..ab6eb82 100644
--- a/zddc/internal/apps/embedded/index.html
+++ b/zddc/internal/apps/embedded/index.html
@@ -1149,7 +1149,7 @@ body {
             </svg>
             <div class="header-title-group">
                 <span class="app-header__title">ZDDC</span>
-                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
+                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster</span></span>
             </div>
         </div>
         <div class="header-right">
diff --git a/zddc/internal/apps/embedded/mdedit.html b/zddc/internal/apps/embedded/mdedit.html
index 08e660a..cf05403 100644
--- a/zddc/internal/apps/embedded/mdedit.html
+++ b/zddc/internal/apps/embedded/mdedit.html
@@ -1934,7 +1934,7 @@ body.help-open .app-header {
                 </svg>
                 <div class="header-title-group">
                     <span class="app-header__title">ZDDC Markdown</span>
-                    <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
+                    <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster</span></span>
                 </div>
                 <button id="addDirectoryBtn" class="btn btn-primary" title="Add a local directory">Add Local Directory</button>
                 <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh directory" aria-label="Refresh">⟳</button>
diff --git a/zddc/internal/apps/embedded/transmittal.html b/zddc/internal/apps/embedded/transmittal.html
index 4d163b3..22176f4 100644
--- a/zddc/internal/apps/embedded/transmittal.html
+++ b/zddc/internal/apps/embedded/transmittal.html
@@ -2302,7 +2302,7 @@ dialog.modal--narrow {
             </svg>
             <div class="header-title-group">
                 <span class="app-header__title">ZDDC Transmittal</span>
-                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
+                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster</span></span>
             </div>
             <span id="no-js-notice" class="text-gray-400 text-xs italic">JavaScript not available</span>
             <!-- Publish split-button (Transmittal-specific primary action;
diff --git a/zddc/internal/apps/embedded/versions.txt b/zddc/internal/apps/embedded/versions.txt
index 2280669..2aac2b0 100644
--- a/zddc/internal/apps/embedded/versions.txt
+++ b/zddc/internal/apps/embedded/versions.txt
@@ -1,9 +1,9 @@
 # Generated by build.sh — do not edit. One <app>=<build label> per line.
-archive=v0.0.17-beta · 2026-05-10 · arch-maple-perch
-transmittal=v0.0.17-beta · 2026-05-10 · arch-maple-perch
-classifier=v0.0.17-beta · 2026-05-10 · arch-maple-perch
-mdedit=v0.0.17-beta · 2026-05-10 · arch-maple-perch
-landing=v0.0.17-beta · 2026-05-10 · arch-maple-perch
-form=v0.0.17-beta · 2026-05-10 · arch-maple-perch
-tables=v0.0.17-beta · 2026-05-10 · arch-maple-perch
-browse=v0.0.17-beta · 2026-05-10 · arch-maple-perch
+archive=v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster
+transmittal=v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster
+classifier=v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster
+mdedit=v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster
+landing=v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster
+form=v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster
+tables=v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster
+browse=v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster
diff --git a/zddc/internal/handler/tables.html b/zddc/internal/handler/tables.html
index d24f51a..3cb04a8 100644
--- a/zddc/internal/handler/tables.html
+++ b/zddc/internal/handler/tables.html
@@ -866,7 +866,10 @@ body.help-open .app-header {
 }
 
 /* form/ — ZDDC generic form renderer.
-   Pulls theme tokens from shared/base.css; only adds form-specific layout. */
+   Form-specific layout only; theme tokens (--primary, --bg, --text,
+   --border, --bg-secondary, --text-muted, --font-mono, --radius) come
+   from shared/base.css. Button styles (.btn, .btn-primary,
+   .btn-secondary, .btn-sm) likewise inherit from shared. */
 
 .form-main {
     max-width: 800px;
@@ -877,20 +880,20 @@ body.help-open .app-header {
 .form-status {
     padding: 0.75rem 1rem;
     margin-bottom: 1rem;
-    border-radius: 4px;
-    border: 1px solid var(--color-border);
+    border-radius: var(--radius);
+    border: 1px solid var(--border);
 }
 
 .form-status.is-error {
-    background: var(--color-bg-alt);
-    border-color: #c43;
-    color: #c43;
+    background: var(--bg-secondary);
+    border-color: var(--danger);
+    color: var(--danger);
 }
 
 .form-status.is-success {
-    background: var(--color-bg-alt);
-    border-color: #283;
-    color: #283;
+    background: var(--bg-secondary);
+    border-color: var(--success);
+    color: var(--success);
 }
 
 .form-root {
@@ -911,24 +914,24 @@ body.help-open .app-header {
 }
 
 .form-field__label .required-mark {
-    color: #c43;
+    color: var(--danger);
     margin-left: 0.15rem;
 }
 
 .form-field__description {
     font-size: 0.85rem;
-    color: var(--color-text-muted, #666);
+    color: var(--text-muted);
 }
 
 .form-field__error {
     font-size: 0.85rem;
-    color: #c43;
+    color: var(--danger);
     margin-top: 0.15rem;
 }
 
 .form-field__help {
     font-size: 0.8rem;
-    color: var(--color-text-muted, #666);
+    color: var(--text-muted);
     font-style: italic;
 }
 
@@ -936,10 +939,10 @@ body.help-open .app-header {
 .form-field__textarea,
 .form-field__select {
     padding: 0.5rem 0.65rem;
-    border: 1px solid var(--color-border);
-    border-radius: 4px;
-    background: var(--color-bg, #fff);
-    color: var(--color-text, #111);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--bg);
+    color: var(--text);
     font: inherit;
     width: 100%;
     box-sizing: border-box;
@@ -953,14 +956,14 @@ body.help-open .app-header {
 .form-field__input:focus,
 .form-field__textarea:focus,
 .form-field__select:focus {
-    outline: 2px solid var(--color-primary, #1e3a5f);
+    outline: 2px solid var(--primary);
     outline-offset: -1px;
 }
 
 .form-field--invalid .form-field__input,
 .form-field--invalid .form-field__textarea,
 .form-field--invalid .form-field__select {
-    border-color: #c43;
+    border-color: var(--danger);
 }
 
 .form-field__radio-group,
@@ -980,8 +983,8 @@ body.help-open .app-header {
 }
 
 .form-fieldset {
-    border: 1px solid var(--color-border);
-    border-radius: 4px;
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
     padding: 0.75rem 1rem 1rem;
     display: flex;
     flex-direction: column;
@@ -1003,10 +1006,10 @@ body.help-open .app-header {
     display: flex;
     gap: 0.5rem;
     align-items: flex-start;
-    border: 1px solid var(--color-border);
-    border-radius: 4px;
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
     padding: 0.5rem;
-    background: var(--color-bg-alt, #f6f6f8);
+    background: var(--bg-secondary);
 }
 
 .form-array__row-body {
@@ -1032,41 +1035,8 @@ body.help-open .app-header {
     gap: 0.5rem;
 }
 
-.btn {
-    padding: 0.5rem 1rem;
-    border-radius: 4px;
-    border: 1px solid var(--color-border);
-    background: var(--color-bg, #fff);
-    color: var(--color-text, #111);
-    cursor: pointer;
-    font: inherit;
-}
-
-.btn:hover {
-    background: var(--color-bg-alt, #f6f6f8);
-}
-
-.btn-primary {
-    background: var(--color-primary, #1e3a5f);
-    color: #fff;
-    border-color: var(--color-primary, #1e3a5f);
-}
-
-.btn-primary:hover {
-    filter: brightness(1.1);
-}
-
-.btn-small {
-    padding: 0.2rem 0.5rem;
-    font-size: 0.85rem;
-}
-
-.btn[disabled] {
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-/* Standalone welcome — shown when form.html is opened directly (no server-injected #form-context). */
+/* Standalone welcome — shown when form.html is opened directly (no
+   server-injected #form-context). */
 .form-welcome {
     max-width: 36rem;
     margin: 2rem auto;
@@ -1109,7 +1079,7 @@ body.help-open .app-header {
             </svg>
             <div class="header-title-group">
                 <span class="app-header__title" id="table-title">ZDDC Table</span>
-                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
+                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · quartz-blossom-oyster</span></span>
             </div>
         </div>
         <div class="header-right">
@@ -5533,7 +5503,7 @@ body.help-open .app-header {
                 const actions = u.h('div', { className: 'form-array__row-actions' });
                 const removeBtn = u.h('button', {
                     type: 'button',
-                    className: 'btn btn-small',
+                    className: 'btn btn-sm btn-secondary',
                     title: 'Remove this row',
                     onClick: function () { removeRow(rowEl); }
                 }, '×');
@@ -5564,7 +5534,7 @@ body.help-open .app-header {
         if (addable) {
             const addBtn = u.h('button', {
                 type: 'button',
-                className: 'btn btn-small form-array__add',
+                className: 'btn btn-sm btn-secondary form-array__add',
                 onClick: function () { addRow(undefined); }
             }, '+ Add');
             wrap.appendChild(addBtn);