diff --git a/static/css/cookbook-research-memory-settings.css b/static/css/cookbook-research-memory-settings.css
new file mode 100644
index 000000000..3bcbb08cd
--- /dev/null
+++ b/static/css/cookbook-research-memory-settings.css
@@ -0,0 +1,1423 @@
+/* Cookbook (including What Fits?), deep research, memory, settings and admin.
+ *
+ * Split out of style.css for maintainability, not for performance: this file
+ * is loaded eagerly from index.html immediately after style.css, so the rules
+ * land in the cascade in exactly the order they had inside the single file.
+ * Nothing here is lazy-loaded.
+ *
+ * LOAD ORDER IS PART OF THE CONTRACT. The <link> tags in static/index.html and
+ * the PRECACHE list in static/sw.js must both list the stylesheets in this
+ * order:
+ *   1. static/style.css
+ *   2. static/css/documents-gallery-editor.css
+ *   3. static/css/email-calendar-notes-tasks.css
+ *   4. static/css/cookbook-research-memory-settings.css
+ *
+ * Rules were moved verbatim. A rule stays in style.css when its selector group
+ * covers more than one panel, when the class is shared design language used by
+ * modules outside this panel, or when moving it would change which of two
+ * equally specific rules wins.
+ */
+
+/* Cookbook already shows its own running/served-status dot
+       (#cookbook-notif-dot, toggled with .cookbook-notif-active on the
+       button). Don't stack the tabbed-down pulse on top of it — the two
+       dots overlap. Suppress the minimized dot while the status dot is up. */
+.list-item.rail-minimized.cookbook-notif-active::after { display: none; }
+@keyframes research-done-pulse {
+      0%, 100% { transform: scale(1); opacity: 1; }
+      50% { transform: scale(1.5); opacity: 0.7; }
+    }
+@keyframes research-pulse {
+      0%, 100% { background: color-mix(in srgb, var(--red) 12%, transparent); }
+      50% { background: color-mix(in srgb, var(--red) 22%, transparent); }
+    }
+#cookbook-gguf-delete-overlay {
+      background:rgba(0,0,0,0.5);
+      backdrop-filter:blur(4px);
+      pointer-events:auto !important;
+      z-index:99999 !important;
+      position:fixed !important;
+      inset:0 !important;
+    }
+.cookbook-gguf-delete-actions {
+      flex-wrap:wrap;
+    }
+/* ── Processing pulse animation (reused by session-star) ── */
+@keyframes research-pulse {
+  0%, 100% { opacity: 0.3; transform: scale(0.8); }
+  50% { opacity: 1; transform: scale(1.2); }
+}
+@keyframes memory-synapse-pulse {
+  0%, 100% { opacity: 0.35; transform: scale(1); }
+  50%      { opacity: 0.65; transform: scale(1.02); }
+}
+.memory-add-input::placeholder {
+  color: color-mix(in srgb, var(--fg) 40%, transparent);
+}
+.memory-toolbar-toggle:has(input:not(:checked)) > span {
+  text-decoration: line-through;
+  text-decoration-color: color-mix(in srgb, var(--fg) 30%, transparent);
+}
+.memory-sort-label { white-space: nowrap; }
+.memory-sort-btn[aria-expanded="true"] .memory-sort-caret { transform: rotate(180deg); }
+@keyframes memory-synapse-sweep {
+  /* Sweep traverses left → right in the first ~12% of the cycle (≈0.7s of
+     a 6.2s loop), then waits offscreen. */
+  0%   { --sweep: -20%; }
+  12%  { --sweep: 120%; }
+  13%, 100% { --sweep: 120%; }
+}
+.memory-item-edit-input:focus {
+  outline: none;
+}
+.memory-edit-cat-select:focus {
+  outline: none;
+}
+.memory-add-row .memory-edit-cat-select:focus {
+  border-color: var(--red);
+}
+.memory-item-source::before,
+.memory-item-time::before {
+  content: '\00b7  ';
+}
+.adm-check-dot::after {
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 45%;
+  width: 5px;
+  height: 2.5px;
+  border-left: 1.5px solid #fff;
+  border-bottom: 1.5px solid #fff;
+  transform: translate(-50%, -50%) rotate(-45deg) scale(0);
+  transform-origin: center;
+  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+.adm-model-row:active .adm-check-dot {
+  transform: scale(0.9);
+}
+.adm-cb-hidden:checked + .adm-check-dot::after {
+  transform: translate(-50%, -50%) rotate(-45deg) scale(1);
+}
+.adm-cb-hidden:checked + .adm-endpoint-select-dot::after {
+  display: none;
+}
+/* Most recently added endpoint — brief accent glow so the user can
+   spot the new row immediately after Adding / Find. Fades out cleanly. */
+@keyframes adm-ep-just-added-glow {
+  0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 55%, transparent); background: color-mix(in srgb, var(--accent, var(--red)) 18%, transparent); }
+  60%  { box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent, var(--red)) 0%, transparent); background: color-mix(in srgb, var(--accent, var(--red)) 8%, transparent); }
+  100% { box-shadow: 0 0 0 0 transparent; background: transparent; }
+}
+.adm-section-toggle:focus-visible { outline: 1px solid var(--red); outline-offset: 1px; }
+/* Collapsed: hide the form body and point the caret right. */
+.adm-add-section.collapsed .admin-model-form { display: none; }
+.adm-add-section.collapsed .adm-section-caret { transform: rotate(-90deg); }
+.adm-quickstart-section {
+  margin-top: 7px;
+}
+.adm-quickstart-section:not(.collapsed) .adm-quickstart-toggle {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.adm-quickstart-section.collapsed .adm-quickstart-body { display: none; }
+.adm-quickstart-section.collapsed .adm-section-caret { transform: rotate(-90deg); }
+.adm-provider-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+@keyframes admin-spin {
+  to { transform: rotate(360deg); }
+}
+.admin-rag-item .admin-btn-delete { font-size: 10px; padding: 2px 6px; }
+/* Cookbook's cached-model list: NO inner-scroll cap. Two nested scroll
+   surfaces (this + the outer .admin-card) trapped the wheel so an expanded
+   serve panel couldn't be reached on tall content. Let the outer
+   .admin-card (overflow-y:auto) be the single scroll surface. */
+.hwfit-cached-list {
+  max-height: none !important;
+  overflow-y: visible !important;
+}
+/* The Servers list reuses .memory-toolbar for layout but must grow with every
+   added server — the 120px cap above was clipping manually-added servers. */
+.memory-toolbar.cookbook-servers-toolbar {
+  max-height: none;
+  overflow: visible;
+}
+#hwfit-cached-list {
+  position: relative;
+  top: -6px;
+}
+#hwfit-server-select,
+#hwfit-search {
+  position: relative;
+  top: -2px !important;
+}
+#hwfit-search {
+  height: 30px;
+  min-height: 30px;
+  font-family: inherit;
+  font-size: 11px;
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e06c75' stroke-opacity='0.85' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
+  background-repeat: no-repeat;
+  background-position: 9px center;
+  padding-left: 28px;
+}
+.cookbook-body::-webkit-scrollbar {
+  width: 4px;
+}
+.cookbook-body::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--fg) 15%, transparent);
+  border-radius: 4px;
+}
+.cookbook-body::-webkit-scrollbar-track {
+  background: transparent;
+  padding: 4px 0;
+}
+#hwfit-dl-server.cookbook-server-select-colored,
+#hwfit-server-select.cookbook-server-select-colored,
+#hwfit-cache-server.cookbook-server-select-colored,
+#hwfit-deps-server.cookbook-server-select-colored {
+  color: var(--cookbook-server-color, var(--fg));
+  border-color: color-mix(in srgb, var(--cookbook-server-color) 55%, var(--border));
+  background-color: color-mix(in srgb, var(--cookbook-server-color) 12%, var(--bg));
+}
+.cookbook-output-wrap:hover .cookbook-output-kill { opacity: 0.7; }
+.cookbook-tab-error-dot { --notif-glow: var(--color-error, #f44); }
+/* Brief highlight on the matched task card when jumping from the
+   running pill, so the user can spot it among a long list. */
+.cookbook-task-flash {
+  animation: cookbook-task-flash-anim 1.6s ease-out;
+}
+@keyframes cookbook-task-flash-anim {
+  0%   { box-shadow: 0 0 0 2px var(--accent, var(--red)); }
+  100% { box-shadow: 0 0 0 2px transparent; }
+}
+/* Cookbook header "downloading" status label sits 2px too far left
+   against the rest of the cookbook chrome — nudge it right. */
+#cookbook-bg-status {
+  left: 2px;
+}
+/* Keep both GPU action labels on one line — they wrapped to two rows on
+   mobile, which looked broken. */
+.cookbook-gpu-probe, .cookbook-gpu-clear { white-space: nowrap; }
+#cookbook-hf-latest-list .cookbook-hf-link:hover {
+  opacity: 1;
+}
+#cookbook-hf-latest-list {
+  min-height: 0;
+  max-height: min(52vh, 480px);
+  overflow-y: auto;
+  overflow-x: hidden;
+  overscroll-behavior: contain;
+  scrollbar-width: thin;
+}
+.cookbook-section-header .cookbook-section-title {
+  flex: 1;
+}
+.cookbook-section-header:hover .cookbook-section-chevron { opacity: 1; }
+.cookbook-slot-wrap:hover .cookbook-slot-del { opacity: 1; }
+/* Keep dependency pills visually centered against the package description.
+   The row itself stays stable; only the controls move down slightly. */
+.cookbook-dep-row > .cookbook-dep-tag {
+  transform: translateY(2px);
+}
+/* Conditional line under the Download h2: only when the section is folded
+   (collapsed). When expanded, the body content provides separation; the
+   underline reads as clutter. */
+#cookbook-dl-tab-fold { border-bottom: none !important; padding-bottom: 0 !important; }
+#cookbook-dl-tab-fold.is-folded {
+  border-bottom: 1px solid color-mix(in srgb, var(--border) 40%, transparent) !important;
+  padding-bottom: 6px !important;
+}
+/* Smooth open/close for the Direct Download body — replaces the
+   instant display:none toggle with a max-height + opacity slide so
+   auto-fold and auto-expand don't feel jarring. 1200px is a safe
+   upper bound for the body height; the slide only fires up to the
+   actual content height because content stops there. */
+#cookbook-dl-tab-fold-body {
+  overflow: hidden;
+  max-height: 1200px;
+  opacity: 1;
+  transition: max-height 0.28s ease, opacity 0.18s ease, margin 0.28s ease;
+}
+#cookbook-dl-tab-fold-body.is-folded {
+  max-height: 0;
+  opacity: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  pointer-events: none;
+}
+.cookbook-dep-installed-btn .cookbook-dep-installed-label { padding: 0 8px; }
+.cookbook-dep-installed-btn:hover { filter: brightness(1.15); }
+.hwfit-serve-topline .hwfit-serve-runtime-note {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+/* Expanded serve panel — make sure it can be scrolled past when it
+   grows taller than the visible viewport. Caps panel height to viewport
+   minus chrome and gives it its own internal scroll, so the surrounding
+   cached-list scroll isn't the only escape route. */
+.hwfit-cached-item .hwfit-serve-panel {
+  max-height: calc(100vh - 180px);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+@media (max-width: 768px) {
+  .hwfit-cached-item .hwfit-serve-panel {
+    max-height: calc(100svh - 120px);
+  }
+  .hwfit-serve-preset-row {
+    justify-content: flex-end;
+    margin: -2px 0 0;
+  }
+  .hwfit-serve-topline {
+    flex-wrap: wrap;
+  }
+  .hwfit-serve-topline .hwfit-serve-runtime-note {
+    flex-basis: 100%;
+  }
+  .hwfit-serve-topline .hwfit-serve-runtime-text {
+    white-space: normal;
+  }
+}
+.hwfit-serve-row label select,
+.hwfit-serve-row label input {
+  display: block;
+  margin-top: 2px;
+}
+.hwfit-extra-env-label {
+  grid-column: 1 / -1;
+}
+.hwfit-serve-panel[data-backend-active="vllm"] .hwfit-extra-env-label {
+  grid-column: 2 / -1;
+}
+.hwfit-sf.hwfit-sf-full { grid-column: 1 / -1; }
+.hwfit-spec-tokens-bare::-webkit-outer-spin-button,
+.hwfit-spec-tokens-bare::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+  display: none;
+}
+.hwfit-numstep .hwfit-spec-tokens::-webkit-outer-spin-button,
+.hwfit-numstep .hwfit-spec-tokens::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.hwfit-numstep-btn:focus { outline: none; }
+.hwfit-spec-group:has(input[type="checkbox"]:not(:checked)) .hwfit-spec-method,
+.hwfit-spec-group:has(input[type="checkbox"]:not(:checked)) .hwfit-spec-tokens,
+.hwfit-spec-group:has(input[type="checkbox"]:not(:checked)) .hwfit-numstep {
+  opacity: 0.45;
+  pointer-events: none;
+}
+.hwfit-serve-extra {
+  margin-bottom: 6px;
+}
+.hwfit-serve-cmd-details {
+  margin: 4px 0 0;
+}
+.hwfit-serve-cmd-summary::-webkit-details-marker {
+  display: none;
+}
+.hwfit-serve-cmd-summary::after {
+  content: '';
+  margin-left: auto;
+  width: 0;
+  height: 0;
+  border-left: 4px solid currentColor;
+  border-top: 3px solid transparent;
+  border-bottom: 3px solid transparent;
+  opacity: 0.6;
+  transform: rotate(0deg);
+  transition: transform 0.18s ease;
+}
+.hwfit-serve-cmd-details[open] > .hwfit-serve-cmd-summary::after {
+  transform: rotate(90deg);
+}
+.hwfit-serve-cmd-details[open] > .hwfit-serve-cmd-summary {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+/* Same z-index treatment as .cookbook-task-dropdown — cookbook modal's
+   auto-stack climbs past low values; popups append to body and need to
+   sit above the modal regardless. */
+:where(.hwfit-cached-dropdown,
+.cookbook-gpu-split-menu,
+.cookbook-launch-actions-menu,
+.cookbook-saved-menu,
+.cookbook-dep-menu) {
+  z-index: 10000;
+}
+.hwfit-serve-cmd-wrap .hwfit-serve-cmd {
+  /* Just enough breathing room so a cursor at line-end doesn't actually
+     touch the Copy icon — text otherwise uses the full width of the box. */
+  padding-right: 32px;
+}
+.hwfit-serve-cmd-details[open] .hwfit-serve-cmd {
+  border-color: color-mix(in srgb, var(--accent, var(--red)) 48%, var(--border));
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent, var(--red)) 16%, transparent),
+              0 0 12px color-mix(in srgb, var(--accent, var(--red)) 13%, transparent);
+}
+.cookbook-gpu-split .cookbook-gpu-split-main {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.cookbook-gpu-split .cookbook-gpu-split-arrow {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  border-left-width: 0 !important;
+  padding: 0 6px !important;
+  min-width: 24px;
+}
+.cookbook-task[data-type="download"][data-status="running"] .cookbook-task-type[data-type="download"] {
+  background: color-mix(in srgb, var(--color-accent, #00aaff) 18%, transparent);
+  color: var(--color-accent, #00aaff);
+}
+@keyframes cookbook-wave-pulse {
+  0%, 100% { opacity: 0.45; }
+  50%      { opacity: 1; }
+}
+.cookbook-task[data-status="done"] .cookbook-task-check-ico { display: inline; }
+.cookbook-task[data-status="done"] .cookbook-task-clear-ico { display: none; }
+.cookbook-task-header {
+  cursor: pointer;
+}
+.cookbook-env-row > .cookbook-field-label {
+  flex: 1 1 140px;
+  min-width: 120px;
+}
+.cookbook-extra-label { grid-column: 1 / -1; }
+.cookbook-slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--fg);
+  border: 2px solid var(--panel);
+  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
+  cursor: pointer;
+  transition: transform 0.1s, box-shadow 0.1s;
+}
+.cookbook-slider:hover::-webkit-slider-thumb {
+  transform: scale(1.15);
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent, var(--red)) 20%, transparent);
+}
+.cookbook-slider:active::-webkit-slider-thumb {
+  transform: scale(1.25);
+  box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent, var(--red)) 25%, transparent);
+}
+.cookbook-slider::-moz-range-thumb {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--fg);
+  border: 2px solid var(--panel);
+  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
+  cursor: pointer;
+}
+.cookbook-slider::-moz-range-progress {
+  background: var(--accent, var(--red));
+  height: 6px;
+  border-radius: 4px;
+}
+.cookbook-slider::-webkit-slider-runnable-track {
+  height: 6px;
+  border-radius: 4px;
+}
+.cookbook-slider::-moz-range-track {
+  height: 6px;
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--fg) 12%, transparent);
+}
+.cookbook-checkbox:checked::after {
+  transform: translateX(14px);
+}
+/* Sliders span full row for alignment */
+.cookbook-field-slider {
+  grid-column: 1 / -1;
+}
+.cookbook-diag-body {
+  margin-top: 7px;
+}
+/* Add Server collapsible */
+.cookbook-server-details {
+  margin: 4px 0 6px;
+}
+.cookbook-server-toggle::-webkit-details-marker { display: none; }
+.cookbook-srv-status:hover { transform: scale(1.3); }
+@keyframes cookbook-srv-pulse {
+  0%, 100% { opacity: 0.45; }
+  50% { opacity: 1; }
+}
+.cookbook-server-entry::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  border-radius: inherit;
+  padding: 1px;
+  pointer-events: none;
+  background: linear-gradient(
+    to right,
+    transparent 0%,
+    transparent calc(var(--sweep, -20%) - 8%),
+    color-mix(in srgb, var(--cookbook-server-color, var(--red)) 85%, transparent) var(--sweep, -20%),
+    transparent calc(var(--sweep, -20%) + 8%),
+    transparent 100%
+  );
+  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+          mask-composite: exclude;
+  animation: memory-synapse-sweep 6.2s linear infinite;
+  animation-delay: 0.4s;
+}
+#cookbook-servers-list .cookbook-server-entry:nth-child(2n)::after { animation-duration: 7.4s; animation-delay: 1.6s; }
+#cookbook-servers-list .cookbook-server-entry:nth-child(3n)::after { animation-duration: 8.8s; animation-delay: 3.2s; }
+#cookbook-servers-list .cookbook-server-entry:nth-child(5n)::after { animation-duration: 9.3s; animation-delay: 4.7s; }
+#cookbook-servers-list .cookbook-server-entry:nth-child(7n)::after { animation-duration: 5.5s; animation-delay: 2.3s; }
+.cookbook-server-entry:hover::after { animation: none; opacity: 0; }
+@media (prefers-reduced-motion: reduce) {
+  .cookbook-server-entry::after { animation: none; opacity: 0; }
+}
+/* Keep the row inside the card on narrow screens — the fixed-width host/path
+   inputs would otherwise overflow the card's background to the right. */
+@media (max-width: 768px) {
+  .cookbook-server-row .cookbook-srv-host,
+  .cookbook-server-row .cookbook-srv-path { flex: 1 1 100% !important; width: auto !important; min-width: 0 !important; }
+}
+.cookbook-server-row .cookbook-srv-name { width: 60px; flex-shrink: 0; flex-grow: 0; }
+.cookbook-server-row select.cookbook-srv-color {
+  display: none !important;
+}
+.cookbook-server-row .cookbook-srv-color-btn:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--cookbook-server-color, var(--accent, var(--red))) 70%, transparent);
+  outline-offset: 2px;
+}
+.cookbook-server-row .cookbook-srv-host { flex: 1; min-width: 100px; }
+.cookbook-server-row .cookbook-srv-host[readonly] { opacity: 0.4; cursor: default; }
+.cookbook-server-row .cookbook-srv-port { width: 40px; flex-shrink: 0; flex-grow: 0; }
+.cookbook-server-row .cookbook-srv-env { width: 65px; flex-shrink: 0; flex-grow: 0; }
+.cookbook-server-row .cookbook-srv-path { flex: 1; min-width: 80px; }
+.cookbook-server-row .cookbook-srv-status { width: 8px; height: 8px; align-self: center; }
+/* Brief highlight on the serve command box when a saved config is loaded, so
+   the click clearly registers (loading is otherwise silent). */
+.cookbook-cmd-flash {
+  animation: cookbookCmdFlash 0.6s ease;
+}
+.hwfit-toolbar:has(.hwfit-hw-manual-btn) {
+  gap: 8px;
+}
+.hwfit-toolbar .hwfit-server-select { min-width: 70px; flex-shrink: 0; }
+.hwfit-toolbar .hwfit-usecase { min-width: 70px; flex-shrink: 0; }
+.hwfit-toolbar .hwfit-engine { min-width: 0; width: 86px; flex-shrink: 0; font-size: 10px; }
+.hwfit-toolbar .hwfit-search { flex: 1; min-width: 80px; }
+.hwfit-advanced-panel .hwfit-engine-menu {
+  min-width: 132px;
+}
+/* Lower-opacity "Search models..." placeholder so it reads as a hint, not
+   a label — matches the muted form-field feel of the inline filters. */
+.hwfit-search::placeholder { opacity: 0.5; }
+.hwfit-search::-webkit-input-placeholder { opacity: 0.5; }
+.hwfit-search::-moz-placeholder { opacity: 0.5; }
+.hwfit-quant-wrap .hwfit-quant,
+.hwfit-engine-wrap .hwfit-engine {
+  /* Make room for the ? on the right edge, in addition to the native chevron. */
+  padding-right: 32px;
+}
+.hwfit-toolbar .hwfit-host { width: 110px; flex-shrink: 0; }
+.hwfit-env-row .hwfit-envtype { width: auto; min-width: 70px; flex-shrink: 0; }
+.hwfit-env-row .hwfit-envpath { flex: 1; min-width: 100px; }
+.hwfit-env-row .hwfit-gpus { width: 90px; flex-shrink: 0; }
+.hwfit-hw-chip-dismiss { cursor: pointer; }
+.hwfit-hw-chip-row[data-hw-chip="gpu"] .hwfit-hw-chip-x {
+  transform: translateY(-3px);
+}
+.hwfit-manual-panel .hwfit-hw-manual-save,
+.hwfit-manual-panel .hwfit-hw-manual-clear {
+  /* -3 (was -2) — 1px more up to optically align with the labeled
+     inputs to their left. */
+  transform: translateY(-3px);
+}
+.cookbook-model-list-fade {
+  animation: cookbook-model-list-fade-in 180ms ease-out both;
+}
+@keyframes cookbook-model-list-fade-in {
+  from { opacity: 0; transform: translateY(3px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .cookbook-model-list-fade,
+  .hwfit-list.cookbook-hwfit-models-just-loaded > .hwfit-row:not(.hwfit-header) { animation: none; }
+}
+.hwfit-row:has(.hwfit-dl-dot):hover { opacity: 0.9; }
+.hwfit-row:has(.hwfit-dl-dot) .hwfit-dl-dot { opacity: 1; }
+.hwfit-header .hwfit-name { font-size: 9px; }
+.hwfit-sortable { cursor: pointer; user-select: none; }
+.hwfit-c-params { width: 42px; }
+.hwfit-c-quant  { width: 52px; }
+.hwfit-c-vram   { width: 42px; }
+.hwfit-c-ctx    { width: 32px; }
+.hwfit-c-speed  { width: 44px; }
+.hwfit-c-mode   { width: 72px; }
+@keyframes hwfit-panel-in {
+  from { opacity: 0; transform: translateY(-4px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+.hwfit-cb { cursor: pointer; }
+.settings-appearance-panel {
+  flex-direction: column;
+}
+@keyframes cookbook-modal-enter {
+  0% {
+    opacity: 0;
+    transform: translateY(12px) scale(0.94);
+    filter: saturate(0.85);
+  }
+  65% {
+    opacity: 1;
+    transform: translateY(-2px) scale(1.012);
+    filter: saturate(1.05);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+    filter: none;
+  }
+}
+@keyframes cookbook-modal-enter-mobile {
+  0%   { opacity: 0; transform: translateY(100%); }
+  100% { opacity: 1; transform: translateY(0); }
+}
+/* Cookbook Serve Advanced fold — wraps the rarely-touched tuning rows
+   (KV/Attention/Swap/Env for vLLM, llama.cpp batch/cache/split, VRAM
+   monitor, speculative, extra args). Matches the existing .hwfit-panel-
+   advanced look: muted-gray label, no caps, no letter-spacing, no
+   warning-y opacity. Content flows into the parent's existing scroll
+   surface (no inner max-height) and inner rows reset their margin so
+   stacking gaps don't double when the fold opens. */
+/* Styled to match the Add Models page collapsible sections
+   (.adm-section-toggle) — same border/background/caret pattern, so the
+   two folds across the app read consistently. */
+details.hwfit-serve-advanced {
+  margin-top: 8px;
+  overflow: visible;
+}
+details.hwfit-serve-advanced > summary.hwfit-serve-advanced-summary {
+  cursor: pointer;
+  user-select: none;
+  list-style: none;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  color: var(--fg);
+  opacity: 0.8;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 6px 9px;
+  background: color-mix(in srgb, var(--fg) 4%, transparent);
+  transition: border-color 0.12s, background 0.12s, opacity 0.12s, border-radius 0s;
+}
+details.hwfit-serve-advanced > summary.hwfit-serve-advanced-summary::-webkit-details-marker {
+  display: none;
+}
+details.hwfit-serve-advanced > summary.hwfit-serve-advanced-summary:hover {
+  opacity: 1;
+  border-color: var(--red);
+  background: color-mix(in srgb, var(--red) 8%, transparent);
+}
+/* Caret on the right, rotates open/closed. SVG-style rectangles via
+   borders keep this glyph-free + crisp at small sizes. */
+details.hwfit-serve-advanced > summary.hwfit-serve-advanced-summary::after {
+  content: '';
+  margin-left: auto;
+  width: 0;
+  height: 0;
+  border-left: 4px solid currentColor;
+  border-top: 3px solid transparent;
+  border-bottom: 3px solid transparent;
+  opacity: 0.6;
+  transform: rotate(90deg);
+  transition: transform 0.18s ease;
+}
+details.hwfit-serve-advanced:not([open]) > summary.hwfit-serve-advanced-summary::after {
+  transform: rotate(0deg);
+}
+/* Body rows below the header — tight rhythm so the fold doesn't
+   feel airy. The cookbook modal's existing .cookbook-body is the
+   scroll surface; nothing inside the fold should add its own scroll. */
+details.hwfit-serve-advanced[open] > summary.hwfit-serve-advanced-summary {
+  margin-bottom: 6px;
+}
+details.hwfit-serve-advanced > .hwfit-serve-row.hwfit-vram-monitor .hwfit-vram-readout {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+details.hwfit-serve-advanced > .hwfit-serve-row label select,
+details.hwfit-serve-advanced > .hwfit-serve-row label input {
+  margin-top: 1px;
+}
+details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_attn_backend"]) {
+  position: relative;
+  left: -63px;
+}
+details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_block_size"]) {
+  position: relative;
+  left: -75px;
+}
+details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="swap"]) {
+  position: relative;
+  left: -73px;
+}
+details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_kv_cache_dtype"]) {
+  position: relative;
+  left: 2px;
+}
+@media (max-width: 768px) {
+  details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_block_size"]) {
+    left: 1px;
+  }
+  details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="swap"]) {
+    left: -3px;
+  }
+  details.hwfit-serve-advanced > .hwfit-serve-checks .hwfit-sf-cb {
+    flex: 1 1 100%;
+  }
+}
+/* Hide the native number-input spinner arrows (e.g. SMTP/IMAP Port) — they
+   render unstyled and ugly. Field still accepts only numbers. */
+.settings-input[type="number"]::-webkit-outer-spin-button,
+.settings-input[type="number"]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.settings-input[type="number"] {
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
+.cookbook-output-wrap:hover .cookbook-output-copy {
+  opacity: 0.5;
+}
+.cookbook-output-wrap .cookbook-output-copy:hover {
+  opacity: 1;
+}
+#cookbook-dl-btn-search {
+  position: relative;
+  top: -4px;
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 28px;
+}
+#cookbook-dl-btn {
+  position: relative;
+  top: -4px;
+}
+.research-synapse-compact .rs-stage { height: 288px; }
+@keyframes rs-live {
+  0%, 100% { opacity: 0.45; }
+  50% { opacity: 1; }
+}
+.research-synapse .rs-guide ellipse {
+  fill: none;
+  stroke: color-mix(in srgb, var(--fg) 7%, transparent);
+  stroke-width: 1;
+  stroke-dasharray: 2 7;
+}
+.research-synapse .rs-edge-tone-1 { stroke: color-mix(in srgb, var(--gold, #d4a72c) 45%, var(--border)); }
+.research-synapse .rs-edge-tone-2 { stroke: color-mix(in srgb, #5aa7c7 42%, var(--border)); }
+.research-synapse .rs-edge.rs-edge-firing {
+  stroke: var(--accent, var(--red));
+  stroke-width: 2;
+  opacity: 1;
+  filter: drop-shadow(0 0 4px var(--accent, var(--red)));
+  animation: rs-fire 1.1s ease-out;
+}
+@keyframes rs-fire {
+  0%   { stroke-dasharray: 4 200; stroke-dashoffset: 200; opacity: 0; }
+  20%  { opacity: 1; }
+  100% { stroke-dasharray: 200 4; stroke-dashoffset: -200; opacity: 0.55; }
+}
+.research-synapse .rs-node-root {
+  fill: var(--accent, var(--red));
+  stroke: var(--accent, var(--red));
+  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--accent, var(--red)) 65%, transparent));
+}
+.research-synapse .rs-root-halo {
+  fill: none;
+  stroke: color-mix(in srgb, var(--accent, var(--red)) 28%, transparent);
+  stroke-width: 1;
+}
+/* Sub & leaf nodes stay inside the accent palette so the whole graph
+   reads as one organism. Leaves are softer/lower-contrast dots that
+   float around their sub — not green-on-stem (which read as palm fronds). */
+.research-synapse .rs-node-sub {
+  fill: color-mix(in srgb, var(--accent, var(--red)) 10%, var(--bg));
+  stroke: color-mix(in srgb, var(--accent, var(--red)) 70%, var(--fg));
+}
+.research-synapse .rs-node-sub.rs-node-tone-1 {
+  fill: color-mix(in srgb, var(--gold, #d4a72c) 11%, var(--bg));
+  stroke: color-mix(in srgb, var(--gold, #d4a72c) 76%, var(--fg));
+}
+.research-synapse .rs-node-sub.rs-node-tone-2 {
+  fill: color-mix(in srgb, #5aa7c7 11%, var(--bg));
+  stroke: color-mix(in srgb, #5aa7c7 72%, var(--fg));
+}
+.research-synapse .rs-node-leaf {
+  stroke: color-mix(in srgb, var(--accent, var(--red)) 55%, transparent);
+  fill: color-mix(in srgb, var(--accent, var(--red)) 42%, var(--bg));
+}
+.research-synapse .rs-node-leaf.rs-node-tone-1 { fill: color-mix(in srgb, var(--gold, #d4a72c) 48%, var(--bg)); }
+.research-synapse .rs-node-leaf.rs-node-tone-2 { fill: color-mix(in srgb, #5aa7c7 48%, var(--bg)); }
+.research-synapse .rs-source-node { cursor: help; }
+@keyframes rs-hub-expand {
+  0% { filter: drop-shadow(0 0 0 transparent); }
+  35% { filter: drop-shadow(0 0 7px var(--accent, var(--red))); }
+  100% { filter: drop-shadow(0 0 0 transparent); }
+}
+@keyframes rs-pop {
+  0%   { transform: scale(0); opacity: 0; }
+  60%  { transform: scale(1.25); opacity: 1; }
+  100% { opacity: 1; }
+}
+@keyframes rs-pulse {
+  0%   { transform: scale(1); opacity: 0.65; }
+  100% { transform: scale(5); opacity: 0; }
+}
+.research-synapse .rs-meta .rs-sep { display: none; }
+.research-synapse.rs-complete .rs-pulse { animation: none; opacity: 0; }
+.research-synapse.rs-complete .rs-node-root {
+  fill: var(--color-success, #4caf50);
+  stroke: var(--color-success, #4caf50);
+}
+@media (max-width: 480px) {
+  .research-synapse .rs-meta { grid-template-columns: 1fr auto auto; row-gap: 6px; }
+  .research-synapse .rs-meta .rs-status { display: none; }
+}
+.hwfit-cached-menu-btn svg { fill: currentColor; }
+.settings-email-preferences-card > h2 {
+  display: none;
+}
+[data-settings-panel="email"] > .settings-email-preferences-card {
+  padding-top: 0;
+}
+.cookbook-task-menu-btn {
+  top: 0 !important;
+  transform: translateY(2px) scale(1.15) !important;
+}
+/* Settings "+ Add server" matches the model-dir "+ Add" path button (22px). */
+#cookbook-server-add.cal-add-btn-text {
+  height: 28px;
+  min-width: 62px;
+  border-radius: 14px;
+  padding: 0 12px 0 8px;
+  position: relative;
+  top: 1px;
+  font-size: 12px;
+}
+@keyframes research-pane-enter {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+.research-pane-header:active { cursor:grabbing; }
+.research-pane-header h4 {
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--red);
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+.research-tab-panel.hidden,
+.research-tab-panel[hidden] { display: none; }
+.research-tab-heading h2 {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1;
+}
+.research-tab-panel:not([data-research-panel="research"]) .research-jobs-list {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+}
+/* Hide the in-body "Research" subtitle on mobile to save vertical space —
+   the toolbar/header carries enough context already. */
+/* Match the .admin-card h2 styling used in Documents/Library so the
+   "Research" sub-title reads the same as those modals' titles. */
+.research-new-job h2 {
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: 0;
+}
+.research-new-job > .research-new-job-desc {
+  margin: 6px 0 0;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+@media (max-width: 600px) {
+  /* Keep the "Research" title visible on mobile (matches the Cookbook tab
+     titles, which show on mobile). It used to be hidden here. */
+  .research-new-job h2 {
+    font-size: 14px;
+  }
+}
+.research-setting:has(#research-model) .research-setting-label {
+  position: relative;
+  top: 1px;
+}
+.research-setting:has(#research-rounds) select,
+.research-setting:has(#research-category) select {
+  position: relative;
+  top: -4px;
+}
+.research-setting:has(#research-rounds) .research-setting-label,
+.research-setting:has(#research-category) .research-setting-label {
+  position: relative;
+  top: 4px;
+}
+.research-setting select {
+  font-size: 11px; padding: 4px 6px;
+  background: var(--bg);
+  color: var(--fg);
+  border: 1px solid var(--border); border-radius: 4px;
+}
+.research-picker-btn:focus-visible,
+.research-picker-option:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--accent, var(--red)) 65%, transparent);
+  outline-offset: 1px;
+}
+.research-picker-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.research-picker.open .research-picker-btn > svg { transform: rotate(180deg); }
+.research-picker-menu[hidden] { display: none; }
+.research-picker-option > span:nth-child(2):not(.research-picker-check),
+.research-picker-option > span:first-child:not(.research-picker-icon) {
+  overflow: hidden; text-overflow: ellipsis;
+}
+.research-picker-option.active .research-picker-check { opacity: 1; }
+.research-run-mode-popover.rrm-up { transform-origin: bottom right; }
+.research-run-mode-popover .research-run-mode-row:hover {
+  background: color-mix(in srgb, var(--accent-primary, var(--red)) 14%, transparent);
+}
+.research-job-card.done { cursor:pointer; }
+/* Past (library) research used to be dimmed to 0.65 which read as "greyed out".
+   They now look the same as the rest — folding them under "Past research"
+   handles the de-clutter instead. */
+.research-job-card.done.from-library { opacity:1; }
+.research-job-thumb-frame[role="button"] { cursor: pointer; }
+.research-job-thumb-frame[role="button"]:hover {
+  outline: 1px solid color-mix(in srgb, var(--accent, var(--red)) 65%, transparent);
+  outline-offset: 1px;
+}
+.research-job-report-body h1, .research-job-report-body h2, .research-job-report-body h3 {
+  color: var(--cat-color, var(--accent, var(--fg)));
+}
+.research-hero::after {
+  content: ''; position: absolute; right: -40px; top: -40px;
+  width: 160px; height: 160px; border-radius: 50%;
+  background: radial-gradient(circle, color-mix(in srgb, var(--cat-color, var(--accent)) 15%, transparent) 0%, transparent 60%);
+  pointer-events: none;
+}
+.research-hero-icon svg { width: 100%; height: 100%; }
+/* Product: callout-style bullets */
+.research-body-product ul { list-style: none; padding-left: 0; }
+.research-body-product ul li {
+  padding: 6px 10px 6px 28px; margin: 4px 0;
+  border-left: 2px solid color-mix(in srgb, #5b8abf 40%, transparent);
+  background: color-mix(in srgb, #5b8abf 4%, transparent);
+  border-radius: 0 4px 4px 0; position: relative;
+}
+.research-body-product ul li::before {
+  content: '▸'; position: absolute; left: 10px;
+  color: #5b8abf; font-weight: bold;
+}
+/* Comparison: styled table */
+.research-body-comparison table {
+  width: 100%; border-collapse: collapse; margin: 12px 0;
+  border: 1px solid color-mix(in srgb, #e5a33a 25%, transparent);
+  border-radius: 6px; overflow: hidden;
+}
+.research-body-comparison th {
+  background: color-mix(in srgb, #e5a33a 18%, transparent);
+  color: #e5a33a; font-weight: 700;
+  padding: 8px 12px; text-align: left;
+  border-bottom: 2px solid color-mix(in srgb, #e5a33a 40%, transparent);
+}
+.research-body-comparison td {
+  padding: 8px 12px;
+  border-bottom: 1px solid color-mix(in srgb, #e5a33a 12%, transparent);
+}
+.research-body-comparison tr:nth-child(even) td {
+  background: color-mix(in srgb, #e5a33a 3%, transparent);
+}
+/* How-to: big numbered steps */
+.research-body-howto ol { counter-reset: howto-step; list-style: none; padding-left: 0; }
+.research-body-howto ol > li {
+  counter-increment: howto-step; position: relative;
+  padding: 10px 12px 10px 52px; margin: 8px 0;
+  background: color-mix(in srgb, #82c882 5%, transparent);
+  border-radius: 8px; border-left: 2px solid #82c882;
+}
+.research-body-howto ol > li::before {
+  content: counter(howto-step);
+  position: absolute; left: 10px; top: 14px;
+  width: 30px; height: 30px; border-radius: 50%;
+  background: #82c882; color: white;
+  font-weight: 700; font-size: 13px;
+  display: flex; align-items: center; justify-content: center;
+  box-shadow: 0 2px 6px color-mix(in srgb, #82c882 40%, transparent);
+}
+/* Landscape: section banners */
+.research-body-landscape h3 {
+  padding: 8px 14px;
+  background: linear-gradient(90deg, color-mix(in srgb, #a07ae0 15%, transparent), transparent);
+  border-left: 3px solid #a07ae0;
+  border-radius: 0 6px 6px 0;
+  margin: 14px 0 8px;
+}
+/* Fact-check: verdict emphasis */
+.research-body-factcheck blockquote {
+  border-left: 3px solid var(--red);
+  background: color-mix(in srgb, var(--red) 6%, transparent);
+  padding: 10px 14px; margin: 10px 0;
+  border-radius: 0 6px 6px 0;
+}
+.research-body-factcheck strong {
+  color: var(--red);
+  padding: 1px 6px; border-radius: 4px;
+  background: color-mix(in srgb, var(--red) 12%, transparent);
+}
+.research-job-cancel:hover,
+.research-job-remove:hover,
+.research-job-report-link:hover { opacity:1; }
+.research-synapse-toggle:hover,
+.research-synapse-toggle.active { opacity:1; }
+.research-job-synapse-host.synapse-collapsed { display:none; }
+.research-job-summary .research-job-thumb-frame {
+  transform: translateY(-4px);
+}
+.research-job-summary .research-job-failnote {
+  margin: 2px 0 0;
+}
+.research-job-thumb-frame::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background: radial-gradient(ellipse at center,
+    transparent 42%,
+    color-mix(in srgb, var(--accent, var(--red)) 28%, transparent) 100%);
+  opacity: 0.75;
+}
+/* Push the first dim (dismiss/delete) button — and everything after it — to
+   the right edge of the actions row. `:first-of-type` would match the very
+   first <button> in the row regardless of class; this immediate-sibling
+   combinator targets only a dim button that follows a non-dim one. */
+.research-job-actions .research-job-action:not(.research-job-action-dim)
+  + .research-job-action-dim { margin-left: auto; }
+/* Edge case: all buttons in the row are dim — push first dim right. */
+.research-job-actions > .research-job-action-dim:first-child { margin-left: auto; }
+.research-job-action-dim:hover { opacity: 1; }
+.research-job-overflow.open .research-job-more {
+  color: var(--fg);
+  border-color: color-mix(in srgb, var(--cat-color) 45%, var(--border));
+  background: color-mix(in srgb, var(--cat-color) 8%, transparent);
+}
+.research-job-menu[hidden] { display: none; }
+.research-section-divider::before,
+.research-section-divider::after {
+  content:''; flex:1; height:1px;
+  background:var(--border);
+}
+.research-section.collapsed .research-section-body { display: none; }
+.research-section:not(.collapsed) > .research-section-header { border-bottom: 1px solid var(--border); }
+.research-section-header:has(.research-library-hint) { padding-bottom: 8px; }
+.research-section.collapsed .research-section-chevron { transform: rotate(-90deg); }
+/* Active section dot: pulsing accent glow (work in progress). */
+.research-section-dot.pulsing { animation: research-dot-pulse 1.5s ease-in-out infinite; }
+@keyframes research-dot-pulse {
+  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 55%, transparent); }
+  70%      { box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent, var(--red)) 0%, transparent); }
+}
+.research-source-link:hover { text-decoration:underline; }
+.research-navigation-trace-live {
+  margin:7px 0 0;
+  max-height:92px;
+  overflow:hidden;
+}
+.research-nav-target {
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+}
+.research-nav-status {
+  opacity:0.85;
+}
+.research-action-row .research-nav-target {
+  opacity:0.9;
+}
+.research-action-skipped {
+  opacity:0.62;
+}
+.research-nav-meta {
+  grid-column:2 / -1;
+  opacity:0.68;
+}
+.research-job-report-body h1,
+.research-job-report-body h2,
+.research-job-report-body h3 { font-size:13px; margin:12px 0 4px; }
+.research-job-report-body p { margin:4px 0; }
+.research-job-report-body pre { font-size:11px; }
+.research-library-toggle:hover { opacity:1; }
+.research-library-list {
+  max-height:300px; overflow-y:auto;
+}
+.research-lib-open:hover { opacity:1; }
+@keyframes research-badge-breathe {
+  0%, 100% {
+    transform: scale(1);
+    opacity: 0.85;
+    box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent-primary, var(--red)) 55%, transparent);
+  }
+  50% {
+    transform: scale(1.35);
+    opacity: 1;
+    box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-primary, var(--red)) 0%, transparent);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .research-badge { animation: none; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .research-sb-dot { animation: none; }
+}
+/* Nudge the X icon in the "Clear all" button down 2px. */
+#research-clear-all svg { position: relative; top: 2px; }
+@media (min-width: 769px) {
+  #research-pane.research-results-view {
+    height: 78vh;
+  }
+}
+.research-section-clear svg { width: 11px; height: 11px; }
+.research-job-action.research-job-action-report:hover {
+  color: var(--cat-color, var(--accent, var(--red)));
+  border-color: var(--cat-color, var(--accent, var(--red)));
+  background: color-mix(in srgb, var(--cat-color, var(--accent, var(--red))) 10%, transparent);
+}
+.research-start-btn svg { color: inherit; }
+.research-library-link:hover { opacity: 0.8; }
+/* Nudge the Delete button 4px left. */
+.research-job-action[data-action="delete"] { position: relative; right: 2px; }
+.research-job-card.research-standard:hover {
+  background: color-mix(in srgb, var(--research-accent) 7%, var(--bg));
+  border-color: color-mix(in srgb, var(--research-accent) 42%, var(--border));
+}
+.research-job-card.research-standard .research-progress-fill {
+  background: var(--research-accent);
+}
+.research-job-card.research-standard-v0,
+.research-hero.research-hero-v0 { --research-accent: #db8576; }
+.research-job-card.research-standard-v1,
+.research-hero.research-hero-v1 { --research-accent: #d2a45f; }
+.research-job-card.research-standard-v2,
+.research-hero.research-hero-v2 { --research-accent: #72ad8d; }
+.research-job-card.research-standard-v3,
+.research-hero.research-hero-v3 { --research-accent: #72a5cf; }
+.research-job-card.research-standard-v4,
+.research-hero.research-hero-v4 { --research-accent: #aa86c7; }
+.adm-copilot-copy { margin-left: auto; }
+.adm-chatgpt-usage-host {
+  margin: 4px 0 6px 0;
+}
+.hwfit-serve-launch-group .hwfit-serve-launch {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  margin-right: 0 !important;
+}
+.hwfit-schedule-title-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.hwfit-schedule-field input[type="time"] {
+  font: inherit;
+  min-width: 90px;
+}
+/* Days field inline with From / Until — push it + the action buttons to
+   the right end of the row so the row reads: From | Until | …gap… | Days | Cancel | Save. */
+.hwfit-schedule-days-field {
+  margin-left: auto;
+}
+.hwfit-schedule-mirror-label { white-space: nowrap; }
+.hwfit-schedule-mirror-switch { transform: scale(0.85); transform-origin: left center; }
+.hwfit-sched-err.is-visible { display: block; }
+/* Real-time Diagnostics Log Terminal UI Styles */
+.settings-system-logs-svg {
+  vertical-align: -2px;
+  margin-right: 5px;
+  opacity: 0.6;
+}
+.settings-system-logs-toggle-sub {
+  margin-bottom: 12px;
+}
+.settings-system-logs-tab:hover,
+.settings-system-logs-tab.active {
+  opacity: 1;
+}
+.settings-system-logs-refresh-svg {
+  pointer-events: none;
+}
+/* ── Settings navigation / finder ────────────────────────────── */
+.settings-sidebar-content {
+  display: flex;
+  min-width: 0;
+  flex: 1;
+  flex-direction: column;
+  gap: 2px;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.settings-nav-search-wrap {
+  position: relative;
+  margin: 0 0 8px;
+}
+.settings-nav-search {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  height: 32px;
+  padding: 5px 9px 5px 29px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  outline: none;
+  background: var(--bg);
+  color: var(--fg);
+  font: inherit;
+  font-size: 11px;
+}
+.settings-nav-search:focus {
+  border-color: var(--accent, var(--red));
+}
+.settings-nav-search::placeholder {
+  color: var(--fg);
+  opacity: 0.45;
+}
+.settings-nav-search-icon {
+  position: absolute;
+  z-index: 2;
+  top: 9px;
+  left: 9px;
+  pointer-events: none;
+  opacity: 0.5;
+}
+.settings-nav-search-results {
+  position: absolute;
+  z-index: 30;
+  top: calc(100% + 4px);
+  left: 0;
+  right: 0;
+  min-width: 100%;
+  max-height: 300px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 4px;
+  border: 1px solid var(--border);
+  border-radius: 7px;
+  background: var(--panel);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
+}
+.settings-search-result {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  width: 100%;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 9px;
+  border: 0;
+  border-radius: 5px;
+  background: transparent;
+  color: var(--fg);
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.settings-search-result:hover,
+.settings-search-result.active {
+  background: color-mix(in srgb, var(--fg) 8%, transparent);
+}
+.settings-search-result-label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 11px;
+}
+.settings-search-result-group {
+  flex: 0 0 auto;
+  max-width: 92px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 9px;
+  opacity: 0.5;
+}
+.settings-search-empty {
+  padding: 8px;
+  color: var(--fg);
+  font-size: 10px;
+  text-align: center;
+  opacity: 0.55;
+}
+.settings-sidebar-resize-handle {
+  position: absolute;
+  z-index: 20;
+  top: 0;
+  right: -3px;
+  width: 6px;
+  height: 100%;
+  cursor: col-resize;
+  background: transparent;
+  touch-action: none;
+}
+.settings-sidebar-resize-handle:hover,
+.settings-sidebar-resizing .settings-sidebar-resize-handle {
+  background: var(--accent, var(--red));
+  opacity: 0.45;
+}
+.settings-sidebar-resizing {
+  transition: none;
+  user-select: none;
+}
+body.settings-sidebar-resize-active {
+  cursor: col-resize;
+  user-select: none;
+}
+.settings-sidebar-toggle {
+  position: absolute;
+  z-index: 25;
+  top: 9px;
+  right: -13px;
+  display: flex;
+  width: 24px;
+  height: 24px;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: 1px solid var(--border);
+  border-radius: 50%;
+  background: var(--panel);
+  color: var(--fg);
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.12s ease, border-color 0.12s ease;
+}
+.settings-sidebar:hover .settings-sidebar-toggle,
+.settings-sidebar-toggle:focus-visible,
+.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-toggle {
+  opacity: 1;
+}
+.settings-sidebar-toggle:hover,
+.settings-sidebar-toggle:focus-visible {
+  border-color: var(--accent, var(--red));
+  color: var(--accent, var(--red));
+}
+.settings-sidebar-toggle-expand {
+  display: none;
+}
+.settings-sidebar.settings-sidebar-collapsed {
+  width: 34px;
+  flex-basis: 34px;
+  padding: 0;
+}
+.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-content {
+  display: none;
+}
+.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-resize-handle {
+  display: none;
+}
+.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-toggle {
+  top: 10px;
+  right: 5px;
+}
+.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-toggle-collapse {
+  display: none;
+}
+.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-toggle-expand {
+  display: block;
+}
+/* The existing narrow/snapped layout is a horizontal tab rail. Sidebar
+   resizing/collapse applies only to the vertical desktop layout. */
+@container settings-modal (max-width: 620px) {
+  .settings-sidebar {
+    width: auto;
+    flex: 0 0 auto;
+    transition: none;
+  }
+
+  .settings-sidebar-content {
+    flex-direction: row;
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+
+  .settings-nav-search-wrap,
+  .settings-sidebar-resize-handle,
+  .settings-sidebar-toggle {
+    display: none;
+  }
+
+  .settings-sidebar.settings-sidebar-collapsed {
+    width: auto;
+    flex-basis: auto;
+    padding: 6px;
+  }
+
+  .settings-sidebar.settings-sidebar-collapsed .settings-sidebar-content {
+    display: flex;
+  }
+}
+@media (max-width: 600px) {
+  .settings-sidebar {
+    width: auto;
+    flex: 0 0 auto;
+  }
+
+  .settings-sidebar-content {
+    flex-direction: row;
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+
+  .settings-nav-search-wrap,
+  .settings-sidebar-resize-handle,
+  .settings-sidebar-toggle {
+    display: none;
+  }
+}
+.cookbook-chat-target {
+  animation: cookbook-chat-target-pulse 1.8s ease-out;
+}
+@keyframes cookbook-chat-target-pulse {
+  0%, 35% { outline: 2px solid var(--accent, #d46a6a); outline-offset: 2px; }
+  100% { outline: 2px solid transparent; outline-offset: 5px; }
+}
+#research-pane .research-history-clear-btn {
+  margin-left: auto;
+  height: 22px;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+#research-pane .research-history-desc {
+  flex: 0 0 auto;
+  position: relative;
+  top: -8px;
+  margin: 6px 0 0;
+  font-size: 11px;
+}
+#research-pane .research-history-search-wrap {
+  position: relative;
+  top: 2px;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+  margin-top: 0;
+}
diff --git a/static/css/documents-gallery-editor.css b/static/css/documents-gallery-editor.css
new file mode 100644
index 000000000..02c446729
--- /dev/null
+++ b/static/css/documents-gallery-editor.css
@@ -0,0 +1,962 @@
+/* Document library and editor, image gallery, image editor.
+ *
+ * Split out of style.css for maintainability, not for performance: this file
+ * is loaded eagerly from index.html immediately after style.css, so the rules
+ * land in the cascade in exactly the order they had inside the single file.
+ * Nothing here is lazy-loaded.
+ *
+ * LOAD ORDER IS PART OF THE CONTRACT. The <link> tags in static/index.html and
+ * the PRECACHE list in static/sw.js must both list the stylesheets in this
+ * order:
+ *   1. static/style.css
+ *   2. static/css/documents-gallery-editor.css
+ *   3. static/css/email-calendar-notes-tasks.css
+ *   4. static/css/cookbook-research-memory-settings.css
+ *
+ * Rules were moved verbatim. A rule stays in style.css when its selector group
+ * covers more than one panel, when the class is shared design language used by
+ * modules outside this panel, or when moving it would change which of two
+ * equally specific rules wins.
+ */
+
+/* Document library search-term highlight — clear, high-contrast. */
+mark.doclib-search-hl {
+      background: var(--accent, #e8a830);
+      color: var(--bg, #1a1a1a);
+      border-radius: 2px;
+      padding: 0 2px;
+      font-weight: 600;
+    }
+/* Research bulk bar — right-align the action buttons (keep All + count on
+   the left). Cancel now lives on the Select toggle, so Archive anchors. */
+#doclib-research-bulk #doclib-research-bulk-archive {
+  margin-left: auto;
+}
+/* Drafts bulk bar defaults to justify-content:flex-end (whole row hugs the
+   right). Reset it so All + count sit on the left and only the action button
+   is pushed right — matching every other bulk bar. */
+#gallery-editor-drafts-bulk {
+  justify-content: flex-start;
+}
+.doc-divider.doc-divider-handle-idle .doc-divider-collapse {
+  opacity: 0;
+  pointer-events: none;
+}
+.doc-divider:hover .doc-divider-collapse { opacity: 0.92; }
+/* Smooth entrance — slide in from the left + fade up so it doesn't snap into
+   place when fullscreen activates. The chevron's vertical centering uses
+   translateY(-50%), so the animation has to keep that part. */
+@keyframes doc-fs-chevron-in {
+  from { opacity: 0; transform: translateY(-50%) translateX(-18px); }
+  to   { opacity: 0.85; transform: translateY(-50%) translateX(0); }
+}
+.doc-editor-pane.doc-pane-leaving {
+  pointer-events: none;
+}
+@keyframes doc-pane-leave {
+  from { transform: translateX(0);    opacity: 1; }
+  to   { transform: translateX(24px); opacity: 0; }
+}
+.doc-tab-scroll.is-at-left {
+  -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 18px), transparent 100%);
+          mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 18px), transparent 100%);
+}
+.doc-tab-scroll.is-at-right {
+  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 100%);
+          mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 100%);
+}
+.doc-tab-scroll.is-at-left.is-at-right {
+  -webkit-mask-image: none;
+          mask-image: none;
+}
+.doc-tab-scroll::-webkit-scrollbar { display: none; }
+#doc-tab-right,
+#doc-tab-left {
+  position: relative;
+  top: 3px;
+}
+/* Ghost tab shown in the empty state (new, not-yet-saved document). Muted +
+   italic so it reads as a placeholder, and non-interactive so clicking it
+   can't hit the tab handlers (it has no data-doc-id). */
+.doc-tab.doc-tab-ghost {
+  /* New, not-yet-saved doc tab. It already carries .active, so it shows the
+     accent underline like any active tab — that's all we want. The old dashed
+     border + italic/dim "pending" styling looked weird, so they're gone. */
+  pointer-events: none;
+}
+.doc-tab.active::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 2px;
+  background: var(--red);
+}
+@keyframes doc-stream-pulse {
+  0%, 100% { opacity: 0.5; }
+  50% { opacity: 1; }
+}
+.doc-updated-flash {
+  animation: doc-update-flash 0.6s ease-out;
+}
+@keyframes doc-update-flash {
+  0%   { box-shadow: inset 0 0 0 2px var(--accent); }
+  100% { box-shadow: inset 0 0 0 2px transparent; }
+}
+.doc-langpicker-trigger.doc-langpicker-email-compact {
+  width: 28px;
+  min-width: 28px;
+  padding: 0 0 0 6px;
+  justify-content: flex-start;
+  gap: 0;
+}
+/* The "T" icon stays centered in the fixed-size button so it grows
+   symmetrically (from the center) instead of jumping around as the size
+   changes. The S/M/L letter is pinned to the bottom-right corner, absolutely
+   positioned so it never shifts the icon either. */
+#doc-fontsize-btn { transform: translateY(-1px); }
+#doc-fontsize-btn svg { flex: 0 0 auto; }
+.doc-overflow-wrapper { order: -1; }
+.doc-overflow-toggle { opacity: 0.5; }
+.doc-md-toolbar.md-preview-active,
+.doc-md-toolbar.md-write-active {
+  overflow: visible;
+  -webkit-mask-image: none;
+          mask-image: none;
+  z-index: 3;
+}
+.doc-md-toolbar #doc-render-view-toggle .md-view-opt {
+  height: 28px;
+}
+/* Some toolbar buttons baked in svg{opacity:0.7} via inline styles, which
+   compounded with the button's own opacity to look almost invisible.
+   Force the inline svg opacity back to 1 inside the toolbar — the button
+   wrapper's 0.85 is the only fade we need. */
+.doc-md-toolbar button svg[style*="opacity"] { opacity: 1 !important; }
+/* No black tap-flash / focus background on the doc toolbar + tab controls —
+   they're icon buttons, the opacity change is the only feedback we want. */
+.doc-md-toolbar button,
+.doc-tab-new,
+.doc-tab-arrow,
+.doc-tab-play {
+  -webkit-tap-highlight-color: transparent;
+}
+/* Pull the icon down toward the "sign" label so they read as one unit. */
+#doc-pdf-add-sign-btn svg { transform: translateY(2px); }
+.doc-outline-count {
+  opacity: 0.48;
+  font-variant-numeric: tabular-nums;
+}
+.doc-outline-target {
+  animation: doc-outline-target-flash 1.05s ease-out;
+}
+@keyframes doc-outline-target-flash {
+  0%, 28% { background-color: color-mix(in srgb, var(--accent, var(--red)) 24%, transparent); }
+  100% { background-color: transparent; }
+}
+.doc-rich-slash-count {
+  opacity: 0.48;
+  font-variant-numeric: tabular-nums;
+}
+.doc-rich-slash-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/* Find marks live in the syntax-highlight overlay, which sits at
+   z-index:0 under a transparent textarea — so they're always visible
+   through the text layer. The previous color-mix variant could
+   compute to near-invisible on themes with dark/desaturated accents;
+   forced solid colors + !important so it ALWAYS pops. */
+mark.doc-find-mark {
+  background: var(--accent) !important;
+  color: var(--bg) !important;
+  border-radius: 2px;
+  padding: 0 1px;
+  box-shadow: 0 0 0 1px var(--accent);
+}
+.doc-editor-highlight::-webkit-scrollbar { display: none; }
+/* Arrow pointing toward the editor */
+.doc-suggestion-card::before {
+  content: '';
+  position: absolute;
+  top: 16px;
+  left: -10px;
+  width: 18px;
+  height: 18px;
+  background: var(--panel);
+  border-left: 2px solid var(--accent);
+  border-bottom: 2px solid var(--accent);
+  transform: rotate(45deg);
+  z-index: 1;
+}
+.doc-suggestion-close::before {
+  content: '';
+  width: 10px;
+  height: 10px;
+  display: block;
+  background: currentColor;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 8M8 2L2 8' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
+  mask: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 8M8 2L2 8' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
+}
+.doc-suggestion-accept:hover {
+  filter: brightness(1.15);
+}
+.doc-editor-wrap.animating::after {
+  content: '';
+  position: absolute;
+  top: 6px; right: 8px;
+  width: 6px; height: 6px;
+  border-radius: 50%;
+  background: var(--red);
+  animation: doc-pulse 0.8s ease-in-out infinite;
+  z-index: 3;
+  pointer-events: none;
+}
+@keyframes doc-pulse {
+  0%, 100% { opacity: 0.3; transform: scale(0.8); }
+  50% { opacity: 1; transform: scale(1.2); }
+}
+.doc-diff-content { }
+@media (hover: none) {
+  .doc-preview-hover-edit {
+    opacity: 1;
+    pointer-events: auto;
+    transform: none;
+  }
+}
+#doclib-research-search { position: relative; top: -1.5px; }
+/* Restore sits on the right of the Delete in archive previews. */
+.doclib-chat-restore-btn { margin-left: auto; }
+/* Delete + Archive pin to the left of the actions row; the
+   `margin-right: auto` on the last left-side button (Archive) pushes
+   Copy + Open to the right. Delete sits furthest left. */
+.doclib-chat-archive-btn { margin-right: auto; }
+@keyframes doclib-expand {
+  from { opacity: 0.5; transform: translateY(4px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+/* Hide the section headers while a card is expanded (full-screen reader). */
+.doclib-grid:has(.doclib-card-expanded) > .skills-section-header { display: none; }
+.skill-card:not(.doclib-card-expanded) .skill-card-tags { display: none; }
+.doclib-chip-scroll-frame > .chip-scroll-strip:empty {
+  display: none;
+}
+.skill-card.doclib-card-expanded .skill-kebab-btn { display: none; }
+.skill-card.doclib-card-expanded .skill-chevron-up { display: inline-flex; }
+/* Size the expanded skill card to its content (footer sits right under the
+   preview) but cap at the modal height so a long SKILL.md scrolls instead
+   of overflowing. The inherited `.doclib-card-expanded { flex: 1 }` forced
+   the card to fill the whole modal, which left a big empty void between a
+   short skill's text and the footer. */
+.skill-card.doclib-card-expanded {
+  flex: 0 1 auto !important;
+  max-height: 100% !important;
+}
+.doclib-inline-load-more::before {
+  display: none;
+}
+#doclib-selected-count {
+  color: color-mix(in srgb, var(--fg) 50%, transparent);
+  font-size: 10px;
+}
+.gallery-modal-content:has(#gallery-editor-container[style*="flex"]) .gallery-editor-landing {
+  width: 100%;
+  min-height: 0;
+  box-sizing: border-box;
+}
+#gallery-bulk-count,
+#gallery-editor-drafts-bulk-count {
+  top: -1px !important;
+}
+#gallery-select-btn { position: relative; top: 4px !important; font-size: 12px; padding: 10px 11px 12px; min-width: 76px; justify-content: center; }
+#gallery-albums-search { top: -4px; }
+#gallery-albums-select-btn { top: -4px !important; }
+#gallery-bulk-delete,
+#gallery-albums-bulk-delete,
+#gallery-editor-drafts-bulk-delete {
+  color: var(--color-error, #f44) !important;
+}
+.gallery-detail-image video {
+  max-width: 100%;
+  max-height: 70vh;
+  display: block;
+}
+.gallery-card:hover .gallery-fav-btn { opacity: 1; }
+.gallery-card:hover .gallery-dl-btn { opacity: 1; }
+@media (hover: none) {
+  .gallery-dl-btn { opacity: 0.55; }
+}
+/* Space the user's tag chips off the "add tag" input below them. */
+#gallery-user-tag-chips { margin-bottom: 4px; }
+.gallery-user-chip:hover .gallery-tag-x { opacity: 0.85; }
+@keyframes gallery-skeleton-shimmer {
+  0%   { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
+.gallery-card:hover .gallery-card-overlay,
+.gallery-card.gallery-card-focus .gallery-card-overlay {
+  opacity: 1;
+}
+/* Strong accent ring on the whole photo when selected. Paint it as a
+   foreground pseudo-element so the thumbnail cannot cover the feedback. */
+.gallery-card:has(.gallery-select-dot.selected) {
+  border-color: var(--accent-primary, var(--red));
+}
+.gallery-card:has(.gallery-select-dot.selected)::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: 3;
+  border: 3px solid var(--accent-primary, var(--red));
+  border-radius: inherit;
+  box-sizing: border-box;
+  pointer-events: none;
+}
+.gallery-card:has(.gallery-select-dot.selected) .gallery-select-dot {
+  z-index: 4;
+}
+.gallery-detail-action.danger:hover {
+  border-color: var(--color-error, #e55);
+}
+.gallery-detail-image img,
+.gallery-detail-image video,
+.gallery-detail-img-frame img,
+.gallery-detail-img-frame video {
+  max-width: 100%;
+  max-height: 100%;
+  border-radius: 6px;
+  object-fit: contain;
+  display: block;
+}
+.gallery-detail-image:hover .gallery-detail-nav { opacity: 0.85; }
+@media (min-width: 769px) {
+  .gallery-modal-content:has(#gallery-detail[style*="flex"]) {
+    height: 92vh;
+  }
+  .gallery-modal-content:has(#gallery-detail[style*="flex"]) > .modal-body,
+  .gallery-images-container:has(> #gallery-detail[style*="flex"]),
+  #gallery-images-container:has(> #gallery-detail[style*="flex"]) > #gallery-detail {
+    height: 100%;
+    min-height: 0;
+  }
+}
+.gallery-detail-image:hover .gallery-detail-rotate { opacity: 0.85; }
+.gallery-detail-nav-disabled {
+  opacity: 0 !important;
+  pointer-events: none;
+}
+@media (hover: none) {
+  .gallery-detail-nav { opacity: 0.7; }
+}
+.gallery-detail-inline-link:hover { text-decoration: underline; }
+.gallery-detail-section {
+  margin-bottom: 12px;
+}
+.gallery-tag-input-wrap .gallery-tag-input { padding-right: 24px; }
+.gallery-name-wrap:focus-within .gallery-name-enter { display: inline-flex; }
+.gallery-name-wrap:focus-within .gallery-detail-name-input { padding-right: 28px; }
+.gallery-album-cover img {
+  width: 100%; height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.gallery-editor-landing p {
+  margin: 0;
+  opacity: 0.6;
+  font-size: 13px;
+  max-width: 320px;
+}
+.gallery-editor-landing-actions .gallery-select-btn:hover { opacity: 1; }
+/* Saved-project selection uses the same bulk-bar rhythm as Photos. */
+#gallery-editor-drafts-bulk {
+  margin-top: 0;
+}
+.gallery-editor-draft-card.selected {
+  outline: 2px solid var(--accent, var(--red));
+  outline-offset: -2px;
+}
+.gallery-editor-draft-card.select-mode { cursor: pointer; }
+.gallery-drafts-view-toggle button svg {
+  display: block;
+  position: static;
+  transform: none;
+}
+.gallery-editor-drafts-grid.list-view {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.gallery-editor-drafts-grid.list-view .gallery-editor-draft-card {
+  display: grid;
+  grid-template-columns: 44px minmax(0, 1fr) 24px;
+  align-items: center;
+  gap: 9px;
+  min-height: 48px;
+  padding: 4px 6px;
+}
+.gallery-editor-drafts-grid.list-view .gallery-editor-draft-delete-x { display: none; }
+.gallery-editor-draft-card:focus-visible {
+  outline: 2px solid var(--accent, var(--red));
+  outline-offset: 2px;
+}
+.gallery-editor-draft-card:hover .gallery-editor-draft-delete { opacity: 1; }
+.ge-topbar.ge-topbar-menu-open { z-index: 10006; }
+/* Toolbar (left) */
+@keyframes ge-layer-action-flash {
+  from { box-shadow: inset 0 0 0 2px var(--red); background-color: color-mix(in srgb, var(--red) 24%, transparent); }
+  to { box-shadow: inset 0 0 0 2px transparent; }
+}
+.ge-layer-action-flash { animation: ge-layer-action-flash 650ms ease-out; }
+@media (prefers-reduced-motion: reduce) {
+  .ge-layer-action-flash { animation-duration: 1ms; }
+}
+.ge-tool-btn .ge-tool-label {
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ge-tool-btn:hover::after {
+  content: '';
+  position: absolute;
+  inset: 0 2px 0 -2px;
+  background: color-mix(in srgb, var(--fg) 8%, transparent);
+  border-radius: 6px;
+  z-index: -1;
+  pointer-events: none;
+}
+.ge-tool-btn.active::before {
+  content: '';
+  position: absolute;
+  /* Highlight pill shifted 2 px left of the button bounds so it sits
+     under the icon + label (which are also nudged left). Same total
+     width as before — just slid. */
+  inset: 0 2px 0 -2px;
+  background: color-mix(in srgb, var(--red) 18%, transparent);
+  border-radius: 6px;
+  z-index: 0;
+  pointer-events: none;
+}
+.ge-btn-ai:hover .ge-btn-ai-mark { opacity: 1; }
+.ge-tool-btn.has-selection .ge-tool-clear { display: inline-flex; }
+.ge-canvas-area.ge-rulers-visible {
+  padding: 18px 0 0 18px;
+  box-sizing: border-box;
+}
+.ge-main-canvas {
+  touch-action: none;
+}
+.ge-canvas-area.ge-pan-ready,
+.ge-canvas-area.ge-pan-ready .ge-main-canvas {
+  cursor: grab !important;
+}
+.ge-canvas-area.ge-panning,
+.ge-canvas-area.ge-panning .ge-main-canvas {
+  cursor: grabbing !important;
+  user-select: none;
+}
+.ge-ai-command-collapsed .ge-ai-command-toggle {
+  display: inline-flex;
+}
+.ge-ai-command-collapsed .ge-ai-command-head,
+.ge-ai-command-collapsed .ge-ai-command-form,
+.ge-ai-command-collapsed .ge-ai-command-suggestions,
+.ge-ai-command-collapsed .ge-ai-command-status {
+  display: none;
+}
+@media (hover: none) {
+  .ge-ai-command-collapsed {
+    bottom: 8px;
+    opacity: 0.72;
+  }
+}
+.ge-ai-command-clear[hidden] {
+  display: none;
+}
+.ge-ai-command-busy .ge-ai-command-run::after {
+  content: '';
+  width: 12px;
+  height: 12px;
+  border: 2px solid color-mix(in srgb, #fff 42%, transparent);
+  border-top-color: #fff;
+  border-radius: 50%;
+  animation: ge-ai-command-spin 0.7s linear infinite;
+}
+@keyframes ge-ai-command-spin {
+  to { transform: rotate(360deg); }
+}
+.ge-ai-command-suggestions[hidden] {
+  display: none;
+}
+.ge-ai-command-status:empty {
+  display: none;
+}
+/* Each shortcut row: key chips + description. The key chips are usually
+   chained with "+" so we use a small horizontal gap between siblings,
+   plus a larger left margin on the trailing text via the kbd:last-of-type
+   sibling rule — keeps "Ctrl+Shift+D Deselect" readable instead of glued. */
+.ge-shortcuts-col > div {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px;
+  padding: 4px 0;
+  opacity: 0.85;
+  line-height: 1.5;
+}
+/* Push the description text away from the last kbd by adding margin
+   to any text node that follows a kbd. Flex+wrap handles wrap on narrow. */
+.ge-shortcuts-col > div kbd + kbd { margin-left: 0; }
+.ge-shortcuts-col > div kbd:last-of-type { margin-right: 6px; }
+.ge-shortcuts-card kbd,
+#ge-shortcuts-popover kbd {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 10px;
+  font-weight: 600;
+  padding: 2px 6px;
+  border: 1px solid color-mix(in srgb, var(--accent, #cc6a3a) 55%, transparent);
+  border-bottom-width: 2px;
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--accent, #cc6a3a) 14%, transparent);
+  color: var(--accent, #cc6a3a);
+  min-width: 18px;
+  line-height: 1.4;
+}
+.ge-quick-mask-bar[hidden] { display: none; }
+.ge-marquee-dimensions[hidden] { display: none; }
+.ge-layer-geometry-section .ge-section-title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+.ge-layer-geometry-grid input::-webkit-inner-spin-button,
+.ge-layer-geometry-grid input::-webkit-outer-spin-button { appearance: none; }
+#ge-brush-controls select,
+#ge-eyedropper-section select {
+  height: 26px;
+  min-width: 0;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  background: var(--bg);
+  color: var(--fg);
+  font: inherit;
+}
+.ge-gradient-extra-stop .ge-text-field { min-width: 0; }
+.ge-shape-gradient-add-stop { align-self: flex-start; }
+.ge-text-font-field { grid-column: span 1; }
+#ge-text-rasterize { align-self: flex-end; }
+.ge-shape-types .ge-text-toggle { flex: 1 1 25%; }
+#ge-shape-rasterize { align-self: flex-end; }
+.ge-direct-text-editor:focus { outline: 1px solid color-mix(in srgb, var(--red) 55%, transparent); }
+.ge-transform-popup.ge-transform-popup-dragging .ge-transform-popup-head { cursor: grabbing; }
+/* Force the title to take all middle space so the [_][×] cluster
+   stays pinned to the right edge. */
+.ge-transform-popup-head .ge-adj-title { flex: 1 1 auto !important; }
+.ge-transform-popup-minimised .ge-transform-popup-body,
+.ge-transform-popup-minimised .ge-transform-popup-hint {
+  display: none;
+}
+.ge-transform-popup-input::-webkit-outer-spin-button,
+.ge-transform-popup-input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  appearance: none;
+  margin: 0;
+  display: none;
+}
+.ge-transform-position-field .ge-transform-popup-input { width: 68px; }
+.ge-transform-input-locked {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.ge-transform-input-locked + .ge-transform-spin { display: none; }
+.ge-transform-preserve-field[hidden] { display: none; }
+/* Hide the controls wrapper entirely when every tool section inside is
+   hidden — otherwise the padding + border draws an empty band above the
+   layers panel even when no tool needs sliders/buttons. */
+.ge-controls:not(:has(> *:not([style*="display: none"]):not([style*="display:none"]))) {
+  display: none;
+}
+/* Strip the native <input type="color"> chrome (border + padding around
+   the swatch in each engine) so the visible color fills the circle. */
+.ge-color-picker::-webkit-color-swatch-wrapper { padding: 0; }
+.ge-color-picker::-webkit-color-swatch {
+  border: none;
+  border-radius: 50%;
+}
+.ge-color-picker::-moz-color-swatch {
+  border: none;
+  border-radius: 50%;
+}
+.ge-color-picker.cp-swatch-input::selection { background: transparent; }
+.ge-size-slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 9px; height: 9px;
+  border-radius: 50%;
+  background: var(--red);
+  border: none; cursor: pointer;
+}
+.ge-size-slider:hover::-webkit-slider-thumb,
+.ge-size-slider.is-using::-webkit-slider-thumb,
+.ge-size-slider:active::-webkit-slider-thumb {
+  width: 16px; height: 16px;
+}
+.ge-size-slider::-moz-range-thumb {
+  width: 9px; height: 9px;
+  border-radius: 50%;
+  background: var(--red);
+  border: none; cursor: pointer;
+}
+.ge-size-slider:hover::-moz-range-thumb,
+.ge-size-slider.is-using::-moz-range-thumb,
+.ge-size-slider:active::-moz-range-thumb {
+  width: 16px; height: 16px;
+}
+.ge-eraser-row label > span[id$="-label"]:hover {
+  background: color-mix(in srgb, var(--fg) 10%, transparent);
+}
+.ge-eraser-row > span[id$="-label"].ge-slider-value:hover {
+  background: color-mix(in srgb, var(--fg) 10%, transparent);
+  opacity: 1;
+}
+.ge-merge-menu[hidden] { display: none; }
+/* Inpaint Brush size slider — slightly larger thumb than the rest of
+   the panel since it's the primary interactive control. */
+#ge-inpaint-brush-slider::-webkit-slider-thumb { width: 12px; height: 12px; }
+#ge-inpaint-brush-slider:hover::-webkit-slider-thumb,
+#ge-inpaint-brush-slider.is-using::-webkit-slider-thumb,
+#ge-inpaint-brush-slider:active::-webkit-slider-thumb { width: 18px; height: 18px; }
+#ge-inpaint-brush-slider::-moz-range-thumb { width: 12px; height: 12px; }
+#ge-inpaint-brush-slider:hover::-moz-range-thumb,
+#ge-inpaint-brush-slider.is-using::-moz-range-thumb,
+#ge-inpaint-brush-slider:active::-moz-range-thumb { width: 18px; height: 18px; }
+.ge-adj-popup .ge-adj-title { flex: 1 1 auto; }
+.ge-adj-popup .ge-adj-head:active { cursor: grabbing; }
+.ge-fx-dock-label { overflow: hidden; text-overflow: ellipsis; }
+.ge-history-head:active { cursor: grabbing; }
+@keyframes ge-canvas-spin { to { transform: rotate(360deg); } }
+.ge-inline-swatch::-webkit-color-swatch-wrapper { padding: 0; }
+.ge-inline-swatch::-webkit-color-swatch { border: none; border-radius: 2px; }
+.ge-inline-swatch::-moz-color-swatch { border: none; border-radius: 2px; }
+.ge-adj-cb-row .ge-adj-cb-dot {
+  width: 10px; height: 10px; border-radius: 50%;
+  display: inline-block; flex-shrink: 0;
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--fg) 20%, transparent);
+}
+.ge-adj-cb-tone-picker {
+  margin: 0 0 8px;
+}
+.ge-adj-hist-details {
+  margin-bottom: 8px;
+}
+.ge-adj-hist-details > summary {
+  font-size: 11px;
+  color: var(--fg-muted);
+  cursor: pointer;
+  padding: 4px 0;
+  list-style: none;
+  user-select: none;
+}
+.ge-adj-hist-details > summary::-webkit-details-marker { display: none; }
+.ge-adj-hist-details > summary::before {
+  content: '▸ ';
+  display: inline-block;
+  transition: transform 0.12s;
+}
+.ge-mask-sub-item.active .ge-layer-name { opacity: 1; font-style: normal; font-weight: 600; }
+.ge-mask-sub-item.active .ge-mask-inline-thumb { opacity: 1; }
+/* Opacity preview — translucent disk */
+#ge-eraser-preview-opacity { opacity: 0.5; }
+/* Flow preview — dotted ring to suggest discrete stamping */
+#ge-eraser-preview-flow {
+  background: none;
+  border: 2px dotted var(--fg);
+  opacity: 0.7;
+  width: 12px;
+  height: 12px;
+}
+/* Softness preview — blurred edge */
+#ge-eraser-preview-softness {
+  background: radial-gradient(circle, var(--fg) 0%, var(--fg) 30%, transparent 75%);
+  opacity: 0.7;
+}
+/* Wand feather preview — solid disk that visibly softens at its edge
+   as the user drags the Feather slider. JS sets --feather-blur. */
+#ge-wand-feather-preview {
+  filter: blur(var(--feather-blur, 0px));
+  opacity: 0.8;
+}
+.ge-mask-vis-btn.visible:hover { opacity: 1; }
+.ge-topbar .ge-btn,
+.ge-topbar .ge-btn-sm { text-transform: uppercase; }
+.ge-stacked-btn .ge-stacked-glyph {
+  font-size: 14px;
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 14px;
+}
+.ge-layer-selection-bar[hidden] { display: none; }
+.ge-layer-selection-bar .ge-icon-btn:hover { opacity: 1; }
+.ge-save-menu[hidden] { display: none; }
+.ge-stacked-btn .ge-stacked-glyph .ge-save-state-icon[hidden] { display: none !important; }
+.ge-stacked-btn .ge-stacked-glyph .ge-save-state-icon:not([hidden]) { display: block; }
+.ge-resize-menu[hidden],
+.ge-edge-menu[hidden],
+.ge-view-menu[hidden],
+.ge-image-menu[hidden],
+.ge-selection-menu[hidden],
+.ge-filter-menu[hidden] { display: none; }
+.ge-selection-save-row .ge-icon-btn { width: 28px; height: 27px; }
+.ge-export-matte .ge-color-picker { width: 28px; height: 28px; }
+.ge-export-footer > div { display: flex; gap: 6px; }
+.ge-export-estimate { opacity: 0.6; font-variant-numeric: tabular-nums; }
+.ge-canvas-prompt-custom-label { margin-top: 14px; }
+.ge-canvas-anchor::after {
+  content: '';
+  position: absolute;
+  inset: 6px;
+  border-radius: 1px;
+  background: color-mix(in srgb, var(--fg) 38%, transparent);
+}
+.ge-canvas-anchor.active::after { background: var(--red); }
+.ge-canvas-lock-option input { accent-color: var(--red); }
+.ge-canvas-preset-icon { margin-bottom: 1px; }
+/* Center grip dots so the handle reads as draggable. */
+.ge-panel-resize::before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 2px;
+  height: 24px;
+  background: color-mix(in srgb, var(--fg) 35%, transparent);
+  border-radius: 2px;
+}
+.ge-slider-bubble[hidden] { display: none; }
+/* Tail pointing DOWN at the slider (bubble sits above). */
+.ge-slider-bubble::after {
+  content: '';
+  position: absolute;
+  left: 50%;
+  bottom: -4px;
+  transform: translateX(-50%);
+  width: 8px;
+  height: 8px;
+  background: var(--red);
+  clip-path: polygon(0 0, 100% 0, 50% 100%);
+}
+.ge-layer-thumb canvas {
+  display: block;
+  border-radius: 4px;
+}
+.ge-layers-merge-menu[hidden] { display: none; }
+.ge-layer-item:not(.active) .ge-layer-inline-thumb { opacity: 0.86; }
+.ge-layer-opacity-row .ge-layer-lock-btn { flex: 0 0 24px; width: 24px; }
+.ge-layers-list > .ge-layer-item:not(.ge-adj-sub-item):not(.ge-mask-sub-item) > .ge-layer-controls {
+  grid-column: 1 / -1;
+  grid-row: 3;
+}
+.ge-layer-item.grouped { padding-left: calc(20px + (var(--layer-group-depth, 1) - 1) * 14px); }
+.ge-layer-vis.visible:hover { opacity: 1; }
+.ge-layer-item.clipped .ge-layer-name {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+/* Shrink the slider thumb — the native default is ~16-20 px which looks
+   massive next to a 3 px track in the compact layer row. */
+.ge-layer-opacity::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+  background: var(--red);
+  border: none;
+  cursor: pointer;
+  /* Match the track: shrink only after a 0.5s grace period. */
+  transition: width 0.12s ease 0.5s, height 0.12s ease 0.5s;
+}
+.ge-layer-opacity::-moz-range-thumb {
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+  background: var(--red);
+  border: none;
+  cursor: pointer;
+  transition: width 0.12s ease 0.5s, height 0.12s ease 0.5s;
+}
+.ge-layer-opacity:hover::-webkit-slider-thumb,
+.ge-layer-opacity:active::-webkit-slider-thumb,
+.ge-layer-opacity.dragging::-webkit-slider-thumb,
+.ge-layer-opacity:hover::-moz-range-thumb,
+.ge-layer-opacity:active::-moz-range-thumb,
+.ge-layer-opacity.dragging::-moz-range-thumb {
+  transition: width 0.12s ease 0s, height 0.12s ease 0s;
+}
+.ge-layer-controls .ge-mask-density {
+  width: 26px;
+  min-width: 24px;
+  height: 4px;
+  flex: 0 0 26px;
+  align-self: center;
+}
+.ge-mask-properties > summary {
+  width: 30px;
+  height: 30px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  list-style: none;
+  cursor: pointer;
+  color: var(--fg);
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.ge-mask-properties > summary::-webkit-details-marker { display: none; }
+.ge-mask-sub-item:has(.ge-mask-properties[open]) {
+  position: relative;
+  z-index: 50;
+}
+.ge-mask-property-row output { text-align: right; opacity: .7; }
+.ge-layers-list > .ge-layer-item:not(.ge-adj-sub-item):not(.ge-mask-sub-item) > .ge-layer-controls,
+.ge-layers-list > .ge-layer-group-row > .ge-layer-controls {
+  display: none;
+}
+.ge-layer-tools[hidden] { display: none; }
+.ge-layer-tools .ge-layer-btn { min-width: 26px; }
+@media (max-width: 700px) {
+  /* Preserve the compact grip while giving long-press reorder a usable
+     touch target. */
+  .ge-layer-drag {
+    width: 28px;
+    min-height: 30px;
+    margin-left: -6px;
+    margin-right: -4px;
+  }
+}
+.ge-layer-align-menu .ge-layer-lock-option { grid-template-columns: minmax(0, 1fr); }
+.ge-crop-apply input[type="number"]::-webkit-outer-spin-button,
+.ge-crop-apply input[type="number"]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.ge-brush-cursor::after {
+  content: '';
+  position: absolute;
+  top: 50%; left: 50%;
+  width: 3px; height: 3px;
+  margin: -1.5px 0 0 -1.5px;
+  background: rgba(255,255,255,0.8);
+  border-radius: 50%;
+}
+/* Marks remain solid so they pop through the otherwise-invisible
+   overlay; outlined extra-bright for the currently-focused one. */
+body.doc-find-active mark.doc-find-mark {
+  background: var(--accent) !important;
+  color: var(--bg) !important;
+}
+body.doc-find-active mark.doc-find-mark.current {
+  background: var(--accent) !important;
+  box-shadow: 0 0 0 2px var(--fg) !important;
+  outline: 1px solid var(--fg) !important;
+}
+.doc-email-header:not(.doc-email-header-collapsed) .doc-email-collapse-summary {
+  opacity: 0.45;
+}
+.doc-email-header.doc-email-header-collapsed {
+  gap: 0;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+.doc-email-header.doc-email-header-collapsed .doc-email-fields {
+  display: none;
+}
+/* Documents footer — X + Undo stay on the LEFT, Copy/Export group pushed
+   to the RIGHT. Email composer keeps its original flex-end layout. */
+#doc-actions-footer {
+  justify-content: flex-start;
+}
+.doc-save-button[data-save-state="dirty"] .doc-save-state-dirty,
+.doc-save-button[data-save-state="saving"] .doc-save-state-saving,
+.doc-save-button[data-save-state="saved"] .doc-save-state-saved,
+.doc-save-button[data-save-state="error"] .doc-save-state-error { display: block; }
+.doc-save-button[data-save-state="saving"] .doc-save-state-saving {
+  animation: doc-save-spin 800ms linear infinite;
+}
+@keyframes doc-save-spin { to { transform: rotate(360deg); } }
+@media (prefers-reduced-motion: reduce) {
+  .doc-save-button[data-save-state="saving"] .doc-save-state-saving { animation: none; }
+}
+.doc-stats-popover[hidden] { display: none; }
+.doc-stats-row strong {
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+.doc-email-richbody:empty::before {
+  content: "Write your email\2026";
+  opacity: 0.4;
+  pointer-events: none;
+}
+@media (max-width: 768px) {
+  .doc-rich-empty-import {
+    top: 106px;
+  }
+}
+.doc-email-richbody.richtext-mode:empty::before {
+  content: "Start writing\2026";
+}
+.doc-email-richbody.richtext-mode ul,
+.doc-email-richbody.richtext-mode ol {
+  padding-left: 1.75em;
+}
+.doc-email-richbody.richtext-mode ul:not(.rich-checklist) > li,
+.doc-email-richbody.richtext-mode ol > li {
+  padding-inline-start: 0.2em;
+}
+.doc-email-richbody.richtext-mode pre code {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  font: inherit;
+}
+.doc-email-richbody figure.richtext-image .richtext-image-caption {
+  margin-top: 6px;
+  max-width: 100%;
+  color: color-mix(in srgb, var(--fg) 68%, transparent);
+  font-size: 0.84em;
+  line-height: 1.4;
+  text-align: center;
+  overflow-wrap: anywhere;
+}
+.doc-email-richbody a { color: var(--accent, #4af); }
+.doc-email-richbody blockquote {
+  margin: 6px 0; padding-left: 10px;
+  border-left: 3px solid var(--border); opacity: 0.8;
+}
+.doc-email-richbody p { margin: 0.5em 0; }
+#doc-email-more-btn svg { opacity: 0.8; }
+@media (min-width: 769px) {
+  #doc-email-header #doc-email-collapse-btn.doc-email-collapse-btn {
+    display: none !important;
+  }
+  #doc-email-header.doc-email-header-collapsed .doc-email-fields {
+    display: flex !important;
+  }
+}
+.doclib-section-title-icon {
+  width: 14px;
+  height: 14px;
+  margin-right: 6px;
+  color: var(--accent, var(--red));
+  vertical-align: -2px;
+}
diff --git a/static/css/email-calendar-notes-tasks.css b/static/css/email-calendar-notes-tasks.css
new file mode 100644
index 000000000..ccc27f4f5
--- /dev/null
+++ b/static/css/email-calendar-notes-tasks.css
@@ -0,0 +1,1573 @@
+/* Email, calendar, notes and tasks panels.
+ *
+ * Split out of style.css for maintainability, not for performance: this file
+ * is loaded eagerly from index.html immediately after style.css, so the rules
+ * land in the cascade in exactly the order they had inside the single file.
+ * Nothing here is lazy-loaded.
+ *
+ * LOAD ORDER IS PART OF THE CONTRACT. The <link> tags in static/index.html and
+ * the PRECACHE list in static/sw.js must both list the stylesheets in this
+ * order:
+ *   1. static/style.css
+ *   2. static/css/documents-gallery-editor.css
+ *   3. static/css/email-calendar-notes-tasks.css
+ *   4. static/css/cookbook-research-memory-settings.css
+ *
+ * Rules were moved verbatim. A rule stays in style.css when its selector group
+ * covers more than one panel, when the class is shared design language used by
+ * modules outside this panel, or when moving it would change which of two
+ * equally specific rules wins.
+ */
+
+@keyframes email-notif-breathe {
+      0%, 100% {
+        box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 60%, transparent);
+        opacity: 0.85;
+      }
+      50% {
+        box-shadow: 0 0 6px 2px color-mix(in srgb, var(--accent, var(--red)) 55%, transparent);
+        opacity: 1;
+      }
+    }
+.memory-item.task-paused:hover {
+  opacity: 0.85 !important;
+  filter: saturate(0.9);
+}
+.email-folder-picker .email-folder-select-control {
+  padding-left: 26px;
+}
+/* Email bulk-select mode owns the whole card. Sender names and tags must not
+   open search/filter actions until Select is cancelled. */
+#email-lib-grid.email-selecting .email-meta-sender,
+#email-lib-grid.email-selecting .email-card-tags,
+#email-lib-grid.email-selecting .email-card-favorite,
+#email-lib-grid.email-selecting .email-card-nav-arrows,
+#email-lib-grid.email-selecting .email-card-status,
+#email-lib-grid.email-selecting .email-card-actions {
+  pointer-events: none !important;
+}
+.email-reader-actions-inline > .email-reader-more-wrap { order: 5; }
+/* ── Tasks ── */
+#tool-tasks-btn.task-failure-pending,
+#rail-tasks.task-failure-pending {
+  color: var(--red, #f87171);
+}
+#tool-tasks-btn.task-completion-pending,
+#rail-tasks.task-completion-pending {
+  color: var(--accent, var(--green, #86efac));
+}
+#tool-tasks-btn.task-failure-pending::after,
+#rail-tasks.task-failure-pending::after,
+#tool-tasks-btn.task-completion-pending::after,
+#rail-tasks.task-completion-pending::after {
+  content: '';
+  width: 7px;
+  height: 7px;
+  border-radius: 999px;
+  background: var(--red, #f87171);
+  box-shadow: 0 0 7px var(--red, #f87171), 0 0 3px var(--red, #f87171);
+  flex: 0 0 auto;
+}
+#tool-tasks-btn.task-completion-pending::after,
+#rail-tasks.task-completion-pending::after {
+  background: var(--accent, var(--green, #86efac));
+  box-shadow: 0 0 7px var(--accent, var(--green, #86efac)), 0 0 3px var(--accent, var(--green, #86efac));
+}
+#tool-tasks-btn.task-failure-pending.task-completion-pending,
+#rail-tasks.task-failure-pending.task-completion-pending {
+  color: var(--red, #f87171);
+}
+#tool-tasks-btn.task-failure-pending.task-completion-pending::after,
+#rail-tasks.task-failure-pending.task-completion-pending::after {
+  background: var(--red, #f87171);
+  box-shadow: 0 0 7px var(--red, #f87171), 0 0 3px var(--red, #f87171);
+}
+#rail-tasks.task-failure-pending::after,
+#rail-tasks.task-completion-pending::after {
+  position: absolute;
+  right: 8px;
+  top: 8px;
+}
+.tasks-activity-card,
+.tasks-activity-list {
+  min-height: 0;
+}
+.tasks-activity-list {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.task-log-row.task-log-row-error .task-log-task-icon svg {
+  opacity: 0.82 !important;
+}
+.task-log-running-inline .task-log-running-label { font-weight: 500; }
+.task-log-running-elapsed {
+  margin-left: 6px;
+  opacity: 0.6;
+  font-variant-numeric: tabular-nums;
+}
+.task-log-time {
+  opacity: 0.5;
+  font-variant-numeric: tabular-nums;
+}
+@keyframes task-log-pulse {
+  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, #60a5fa 60%, transparent); }
+  50%      { box-shadow: 0 0 0 4px color-mix(in srgb, #60a5fa 0%, transparent); }
+}
+.task-log-row-body li { margin: 2px 0; }
+.task-log-row-body hr {
+  border: none;
+  border-top: 1px solid color-mix(in srgb, var(--fg) 12%, transparent);
+  margin: 8px 0;
+}
+.task-log-row-toggle::before {
+  color: color-mix(in srgb, var(--accent, var(--fg)) 80%, transparent);
+  opacity: 0.8;
+}
+.task-log-row-toggle:hover::before { opacity: 1; }
+/* A <select>'s closed width otherwise grows to its widest option (the long
+   action descriptions), overflowing the modal — clip it to the field width. */
+select.task-form-input { text-overflow: ellipsis; }
+.task-form-textarea { resize: vertical; min-height: 60px; }
+.task-form-notif-switch::after {
+  content: "";
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  left: 3px;
+  top: 2px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--fg) 62%, transparent);
+  transition: transform 0.15s, background 0.15s;
+}
+.task-form-notif-toggle input:checked + .task-form-notif-switch::after {
+  transform: translateX(13px);
+  background: var(--accent, var(--red));
+}
+.email-list { overflow-y: auto; max-height: 400px; }
+.email-item:hover .email-menu-btn { opacity: 0.5; }
+.email-item-spam { opacity: 0.4; }
+/* Auto-done flash: when a row gets marked done because the user just sent
+   a reply, briefly tint the whole row with the accent and pop the check
+   so the state change is hard to miss. Self-removes after ~1.2s. */
+@keyframes email-auto-done-row {
+  0%   { background: color-mix(in srgb, var(--accent, var(--red)) 22%, transparent); }
+  60%  { background: color-mix(in srgb, var(--accent, var(--red)) 14%, transparent); }
+  100% { background: transparent; }
+}
+@keyframes email-auto-done-check {
+  0%   { transform: scale(1); box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 45%, transparent); }
+  40%  { transform: scale(1.4); box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent, var(--red)) 0%, transparent); }
+  100% { transform: scale(1); }
+}
+.email-item.email-auto-done-flash { animation: email-auto-done-row 1.2s ease-out; }
+.email-item.email-auto-done-flash .email-done-check { animation: email-auto-done-check 0.6s ease-out; }
+/* Email titles that carry a cached AI summary get a thin underline-dot hint
+   so the user knows a hover-preview is available. */
+.memory-item-title.email-card-has-summary {
+  cursor: help;
+  text-decoration: underline dotted color-mix(in srgb, var(--accent) 60%, transparent) 1px;
+  text-underline-offset: 3px;
+}
+#email-lib-grid .doclib-card.email-card-unread:not(.email-card-expanded) {
+  border-color: color-mix(in srgb, var(--accent, var(--red)) 58%, var(--border)) !important;
+  box-shadow:
+    0 0 0 1px color-mix(in srgb, var(--accent, var(--red)) 24%, transparent),
+    0 0 10px -4px color-mix(in srgb, var(--accent, var(--red)) 55%, transparent);
+}
+#email-lib-grid .doclib-card.email-card-unread:not(.email-card-expanded):hover {
+  border-color: color-mix(in srgb, var(--accent, var(--red)) 76%, var(--border)) !important;
+  box-shadow:
+    0 0 0 1px color-mix(in srgb, var(--accent, var(--red)) 32%, transparent),
+    0 0 12px -3px color-mix(in srgb, var(--accent, var(--red)) 65%, transparent);
+}
+.email-card-favorite.active:hover,
+.email-card-favorite.active:focus-visible { opacity: 1; }
+.email-card-favorite:active { transform: scale(0.88); }
+.email-card-favorite svg { pointer-events: none; }
+.email-card-done.just-checked {
+  animation: check-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+/* Reverse animation when un-checking — shrink-and-fade so the click is
+   obviously felt even when hover styling otherwise keeps the icon visible. */
+.email-card-done.just-unchecked {
+  animation: check-unpop 0.42s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+.email-card-reader-loading .spinner-whirlpool,
+.email-card-reader-loading .ai-spinner-whirlpool {
+  opacity: 0.85;
+}
+.email-skeleton-row.compact { min-height: 42px; opacity: 0.72; }
+.email-skeleton-line.title { width: min(88%, 520px); height: 9px; }
+.email-skeleton-line.meta { width: min(72%, 420px); height: 7px; opacity: 0.78; }
+.email-skeleton-line.date { width: 72px; height: 7px; flex: 0 0 auto; opacity: 0.72; }
+@keyframes email-skeleton-shimmer {
+  0% { background-position: 120% 0; opacity: 0.68; }
+  50% { opacity: 1; }
+  100% { background-position: -120% 0; opacity: 0.68; }
+}
+@keyframes email-search-progress-pulse {
+  0%, 100% { transform: scale(0.9); opacity: 0.55; box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent-primary, var(--red)) 35%, transparent); }
+  50% { transform: scale(1.1); opacity: 1; box-shadow: 0 0 0 5px transparent; }
+}
+@keyframes email-inline-image-spin {
+  to { transform: rotate(360deg); }
+}
+@keyframes email-card-unread-breathe {
+  0%, 100% {
+    box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 0%, transparent);
+    opacity: 0.85;
+    transform: scale(1);
+  }
+  50% {
+    /* currentColor here is unreliable (background, not color) — use a
+       subtle white-tinted halo so the glow shows on any sender hue. */
+    box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.18);
+    opacity: 1;
+    transform: scale(1.15);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .email-card-unread-dot { animation: none; }
+}
+#email-lib-pills::-webkit-scrollbar { display: none; }
+.email-reader-meta-details[hidden] { display: none; }
+.email-reader-header > .email-reader-meta {
+  flex: 1; min-width: 0;
+  opacity: 0.85; line-height: 1.7; font-size: 11px;
+}
+/* When rendering HTML emails, override pre-wrap so layout works */
+.email-reader-body.html-body {
+  white-space: normal;
+}
+.email-reader-body .email-inline-image-placeholder.is-error {
+  border-color: color-mix(in srgb, var(--red, #ff5555) 45%, var(--border));
+}
+.email-inline-image-placeholder.is-loading .email-inline-image-icon {
+  width: 16px;
+  height: 16px;
+  border: 2px solid color-mix(in srgb, var(--fg) 20%, transparent);
+  border-top-color: var(--accent, var(--red));
+  border-radius: 50%;
+  animation: email-inline-image-spin 0.75s linear infinite;
+}
+.email-inline-image-frame.is-loading {
+  animation: email-skeleton-shimmer 1.35s ease-in-out infinite;
+}
+.email-inline-image-frame .email-inline-image-loaded.is-visible {
+  opacity: 1;
+}
+/* Preserve highlights — sender's intent (snark, callouts) gets through, but
+   rendered with a theme-aware accent so it stays legible in any theme. The
+   sanitizer rewrites `<span style="background:yellow">…</span>` to <mark>. */
+.email-reader-body mark {
+  background: color-mix(in srgb, var(--accent, var(--red)) 22%, transparent);
+  color: inherit;
+  padding: 0 2px;
+  border-radius: 2px;
+}
+.email-summary-toggle:hover { opacity: 1; }
+.email-summary-panel.collapsed .email-summary-header { margin-bottom: 0; }
+.email-summary-panel.collapsed .email-summary-content { display: none; }
+.email-summary-panel.collapsed .email-summary-chevron { transform: rotate(-90deg); }
+.email-translation-panel { margin-top: 0; }
+.email-attachments-download-all.is-loading {
+  opacity: 0.82;
+  pointer-events: none;
+}
+.email-reader-atts-wrap.collapsed > .email-reader-atts,
+.email-reader-atts-wrap.collapsed > .email-reader-atts-hidden-note { display: none; }
+.email-reader-atts-wrap.collapsed .email-summary-chevron { transform: rotate(-90deg); }
+.email-thread-turn-body .email-thread-turn .email-fold-summary {
+  padding: 5px 10px;
+}
+.email-thread-turn-body .email-thread-turn .email-thread-turn-body {
+  padding: 6px 10px 2px;
+  font-size: 11px;
+}
+.email-quote-fold .email-fold-summary::-webkit-details-marker,
+.email-quote-fold .email-fold-summary::marker { display: none; content: none; }
+.email-quote-fold .email-fold-summary:hover { opacity: 1; }
+.email-quote-fold[open] .email-summary-chevron { transform: rotate(180deg); }
+/* Suppress the global `summary::before { content: '▶' }` rule from
+   leaking the chevron-emoji onto our header — we use the trailing SVG
+   chevron only. */
+.email-sig-fold .email-fold-summary::before,
+.email-quote-fold .email-fold-summary::before { content: none !important; }
+.email-sig-fold .email-fold-summary::-webkit-details-marker,
+.email-sig-fold .email-fold-summary::marker { display: none; content: none; }
+.email-sig-fold .email-fold-summary:hover { opacity: 1; }
+.email-sig-fold[open] .email-summary-chevron { transform: rotate(180deg); }
+.email-bubble-row.email-bubble-mine {
+  flex-direction: row-reverse;
+  justify-content: flex-start;
+}
+.email-bubble-row.email-bubble-theirs {
+  /* Avatar lives at the END of the row (right side) so the bubble has
+     the full left edge to start from — gives bigger reading width and
+     a cleaner left margin. */
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+.email-bubble-mine .email-bubble-head { justify-content: flex-end; }
+.email-bubble-body *:not(code):not(pre):not(kbd):not(samp) {
+  line-height: inherit !important;
+}
+.email-bubble-body img {
+  max-width: 100%;
+  height: auto;
+}
+.email-bubble-body table {
+  max-width: 100%;
+}
+.email-bubble-body .email-sig-fold .email-fold-summary,
+.email-bubble-body .email-quote-fold .email-fold-summary {
+  padding: 4px 0;
+}
+.email-sender-clickable { cursor: pointer; }
+.email-sender-clickable:hover { text-decoration: underline; }
+.email-filter-chip-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.email-filter-chip-clear:hover { opacity: 1; }
+@media (max-width: 768px) {
+  .email-search-row {
+    flex-wrap: wrap;
+  }
+}
+.email-tags-collapsed .email-tag-extra { display: none; }
+.email-tags-expanded .email-tag-extra { display: inline-flex; align-items: center; }
+.email-card-tags.email-tags-mini:not(.email-tags-expanded) > .email-tags-more:not(.email-tags-more-single) {
+  display: none;
+}
+.email-card-tags.email-tags-mini:not(.email-tags-expanded) .email-tags-more-single {
+  display: inline-flex;
+}
+.email-card-tags.email-tags-expanded .email-tags-more-single {
+  display: none;
+}
+.email-tags-more:hover { opacity: 0.92; }
+.email-tag-clickable:hover {
+  filter: brightness(1.12);
+}
+@keyframes email-spin { to { transform: rotate(360deg); } }
+/* Compose + button: show on section hover, spin on button hover */
+#email-compose-btn {
+  opacity: 0.4 !important;
+  transition: opacity 0.15s ease;
+}
+/* Satisfying send effect: email slides out to the right and fades */
+.email-send-fx {
+  animation: email-send-slide 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  pointer-events: none;
+}
+@keyframes email-send-slide {
+  0% {
+    transform: translateX(0);
+    opacity: 1;
+    filter: blur(0);
+  }
+  60% {
+    filter: blur(1px);
+  }
+  100% {
+    transform: translateX(110%);
+    opacity: 0;
+    filter: blur(3px);
+  }
+}
+.email-lib-unread-badge:hover { filter: brightness(1.08); }
+.email-lib-auto-reply-badge:hover {
+  filter: brightness(1.08);
+}
+.email-card-nav-btn:disabled {
+  opacity: 0.25;
+  cursor: default;
+  pointer-events: none;
+}
+.email-send-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.email-draft-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.email-attachment-chip .att-size { opacity: 0.5; font-size: 10px; flex-shrink: 0; }
+.email-attachment-chip-muted { opacity: 0.65; }
+.email-attachment-chip-muted:hover { opacity: 1; }
+.email-attachment-open.is-loading {
+  pointer-events: none;
+  opacity: 0.82;
+}
+.email-attachment-open.is-loading .spinner-whirlpool,
+.email-attachment-open.is-loading .ai-spinner-whirlpool {
+  width: 12px !important;
+  height: 12px !important;
+  margin: 0 !important;
+  position: relative;
+  top: 0;
+}
+.email-compose-chip .att-size { opacity: 0.5; font-size: 10px; flex-shrink: 0; }
+.email-odysseus-attach-thumb img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.email-odysseus-attach-selected:disabled {
+  opacity: 0.45;
+  cursor: default;
+}
+.email-odysseus-attach-selected.is-loading {
+  opacity: 0.72;
+  pointer-events: none;
+}
+@media (max-width: 768px) {
+  .email-odysseus-attach-menu {
+    left: 8px !important;
+    right: 8px;
+    bottom: 8px;
+    top: auto !important;
+    width: auto;
+    max-height: 58vh;
+  }
+  .email-odysseus-attach-list {
+    max-height: calc(58vh - 88px);
+  }
+}
+.email-ai-reply-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+#email-lib-settings-btn { top: -1px; }
+#email-lib-settings-btn svg { position: relative; top: 2px; }
+/* New (Compose) button gets a slightly taller, slightly lower variant
+   on desktop so it reads as the primary action of the row. Scoped to
+   desktop so the mobile touch-friendly variant (further down) stays in
+   charge for ≤768px. */
+@media (min-width: 769px) {
+  #email-lib-compose-btn { height: 28px; top: 0; }
+}
+/* Envelope icon picks up the user's accent so the primary action is
+   easy to spot at any size. The SVG already uses stroke=currentColor,
+   so a color: rule on the svg propagates. */
+#email-lib-compose-btn svg { color: var(--accent, var(--red)); }
+@media (max-width: 768px) {
+  /* On mobile they're 1px higher than desktop. */
+  #email-lib-select-btn, #email-lib-refresh-btn, #email-lib-settings-btn { top: -3px; }
+  #email-lib-settings-btn { top: -2px; }
+}
+.email-settings-page-host > .email-settings-body {
+  overflow: visible;
+}
+.email-settings-page-head:empty {
+  display: none;
+}
+.email-settings-section > summary {
+  list-style: none;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  user-select: none;
+}
+.email-settings-section > summary::-webkit-details-marker {
+  display: none;
+}
+.email-settings-section > summary::before {
+  content: none;
+  display: none;
+}
+.email-settings-section > .email-settings-section-body {
+  padding: 0;
+  font-size: inherit;
+  line-height: normal;
+  animation: none;
+}
+.email-settings-section-toggle:focus-visible {
+  outline: 1px solid var(--accent, var(--red));
+  outline-offset: 3px;
+  border-radius: 3px;
+}
+.email-settings-section.is-expanded .email-settings-section-chevron {
+  transform: rotate(180deg);
+}
+.email-settings-section[open] .email-settings-section-chevron {
+  transform: rotate(180deg);
+}
+.email-settings-section-body > .email-settings-enabled-control {
+  align-self: flex-end;
+}
+.email-settings-auto-reply-section > summary,
+.email-settings-cleanup-section > summary {
+  padding-bottom: 6px;
+  border-bottom: 1px solid color-mix(in srgb, var(--border) 40%, transparent);
+}
+.email-settings-auto-reply-title-row {
+  top: 0;
+}
+.email-settings-clean-actions:has(.email-settings-clean-status.is-busy) {
+  flex-direction: row;
+  align-items: center;
+}
+.email-settings-clean-status:not(:empty) {
+  display: inline-flex;
+  align-items: center;
+}
+.email-unsub-card.is-expanded .email-unsub-card-toggle > svg {
+  transform: rotate(180deg);
+}
+.email-unsub-card.is-unsubscribed {
+  opacity: .58;
+}
+.email-settings-grid > label > span:first-child,
+.email-settings-field > span {
+  color: var(--accent, var(--red));
+}
+@media (max-width: 768px) {
+  .email-settings-section[open] > .email-settings-section-body {
+    height: auto;
+    max-height: none;
+  }
+  .email-settings-auto-reply-section[open] > .email-settings-section-body,
+  .email-settings-cleanup-section[open]:has(.email-unsub-card) > .email-settings-section-body {
+    height: 100%;
+    max-height: 100%;
+  }
+}
+/* On mobile, the "New" (compose) button deserves a touch-friendly size
+   so it stands out from the smaller toolbar buttons next to it. Lift
+   it slightly visually with a bigger SVG, padding, and font. */
+@media (max-width: 768px) {
+  #email-lib-compose-btn {
+    padding: 8px 14px !important;
+    font-size: 13px !important;
+    min-height: 36px;
+    border-radius: 8px;
+    font-weight: 600;
+    top: -2px;
+  }
+  #email-lib-compose-btn svg {
+    width: 14px !important;
+    height: 14px !important;
+    margin-right: 5px !important;
+  }
+}
+/* Checklist rows stay tappable on mobile; only destructive hover affordances
+   stay hidden. Select mode below still disables checklist toggling. */
+body.notes-mobile-mode .note-card .note-checkbox-rm {
+  pointer-events: none;
+}
+body.notes-mobile-mode .note-card .note-checkbox {
+  pointer-events: auto;
+  user-select: none;
+  -webkit-user-select: none;
+  -webkit-touch-callout: none;
+  touch-action: manipulation;
+}
+body.notes-mobile-mode .note-card .note-check-dot,
+body.notes-mobile-mode .note-card .note-checkbox-dot,
+body.notes-mobile-mode .note-card .note-cl-dot {
+  opacity: 0.55;
+  cursor: pointer !important;
+}
+body.notes-mobile-mode .note-card:active {
+  transform: scale(0.985);
+}
+body.notes-drag-mode .note-card::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background: linear-gradient(
+    115deg,
+    transparent 30%,
+    color-mix(in srgb, var(--fg) 14%, transparent) 50%,
+    transparent 70%
+  );
+  background-size: 250% 100%;
+  animation: notes-drag-shimmer 2.1s linear infinite;
+  border-radius: inherit;
+  z-index: 1;
+  mix-blend-mode: overlay;
+}
+@keyframes notes-drag-shimmer {
+  0%   { background-position: 250% 0; }
+  100% { background-position: -150% 0; }
+}
+/* The grabbed card lifts above its siblings; suppress the shimmer on
+   it so it reads as the "live" element being moved. */
+body.notes-drag-mode .note-card.note-card-dragging {
+  transform: scale(1.06);
+  box-shadow: 0 16px 40px rgba(0,0,0,0.45);
+  opacity: 1;
+  filter: none;
+  z-index: 10001;
+  cursor: grabbing;
+  transition: box-shadow 0.18s ease;
+}
+body.notes-drag-mode .note-card.note-card-dragging::after { display: none; }
+body.notes-drag-mode .note-card .note-card-pin {
+  visibility: hidden !important;
+  opacity: 0 !important;
+  pointer-events: none !important;
+}
+body.notes-drag-mode .note-card-pinned .note-card-pin,
+body.notes-drag-mode .note-card-pin.active,
+body.notes-drag-mode .note-card-pin svg {
+  visibility: hidden !important;
+  opacity: 0 !important;
+}
+@media (prefers-reduced-motion: reduce) {
+  body.notes-drag-mode .note-card::after { animation: none; }
+}
+.note-fullscreen-overlay .note-form-type-pill {
+  padding: 10px 16px;
+  font-size: 14px;
+}
+.note-fullscreen-overlay .note-cl-grip:active { cursor: grabbing; opacity: 0.9; }
+.note-fullscreen-overlay .note-cl-dot::before {
+  content: '';
+  position: absolute;
+  inset: -12px;
+}
+.note-fullscreen-overlay .note-cl-text {
+  font-size: 14px;
+  padding: 7px 6px;
+  min-height: 32px;
+}
+.note-fullscreen-overlay .note-cl-rm:active { opacity: 1; }
+/* + Add (new checklist item) was tiny — bump for thumbs */
+.note-fullscreen-overlay .note-cl-add {
+  display: inline-flex;
+  align-items: center;
+  padding: 10px 18px;
+  font-size: 15px;
+  font-weight: 600;
+  border-radius: 8px;
+  letter-spacing: -0.01em;
+  opacity: 0.85;
+}
+.note-fullscreen-overlay .note-cl-add:active { opacity: 1; }
+.note-fullscreen-overlay .note-cl-add-row .note-cl-add { margin: 0; }
+.note-fullscreen-overlay .note-cl-add-row .note-form-photo-btn::before {
+  content: '+';
+  font-size: 17px;
+  font-weight: 600;
+  line-height: 1;
+  opacity: 0.85;
+}
+.note-fullscreen-overlay .note-cl-add-row .note-form-photo-btn svg {
+  width: 16px;
+  height: 16px;
+}
+.note-form-content-reader a {
+  color: var(--accent, var(--red));
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.note-form-content-reader a:active { opacity: 0.7; }
+.note-fullscreen-overlay .note-cl-text-reader a {
+  color: var(--accent, var(--red));
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.note-fullscreen-overlay .note-cl-text-reader a:active { opacity: 0.7; }
+/* Reminder bell + other header icon-buttons. Tightened down 2px so
+   the bell sits more proportionally next to the title field. */
+.note-fullscreen-overlay .note-form-icon-btn {
+  width: 36px;
+  height: 36px;
+}
+/* The plain-note textarea was rows="4" — fine for an in-grid card but
+   cramped in fullscreen. Let it grow to fill the available height so
+   writing feels like a real notepad, not a tweet box. The read-mode
+   reader inherits the same minimum so the layout doesn't jump when
+   the user taps to edit. */
+.note-fullscreen-overlay .note-form-content,
+.note-fullscreen-overlay .note-form-content-reader {
+  min-height: 55vh;
+  font-size: 15px;
+  line-height: 1.55;
+}
+/* Reorganized meta-row layout for fullscreen: color picker pinned to
+   the LEFT, type-toggle (Note/Todo/Draw) shoved to the RIGHT, with
+   the photo button next to the color picker. Tags are moved up into
+   the form header (next to the reminder bell) via JS. */
+.note-fullscreen-overlay .note-form-meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  padding-top: 8px;
+}
+.note-fullscreen-overlay .note-form-photo-btn { order: 2; }
+.note-fullscreen-overlay .note-form-actions-group .note-form-cancel,
+.note-fullscreen-overlay .note-form-actions-group .note-form-save {
+  flex: 0 0 auto;
+}
+@keyframes notes-backdrop-fade-in {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+@keyframes notes-pane-enter {
+  from { transform: scale(0.96); opacity: 0; }
+  to   { transform: scale(1);    opacity: 1; }
+}
+.notes-pane.notes-pane-leaving {
+  animation: notes-pane-leave 160ms cubic-bezier(0.4, 0, 1, 1) both;
+  pointer-events: none;
+}
+@keyframes notes-pane-leave {
+  from { transform: scale(1);    opacity: 1; }
+  to   { transform: scale(0.96); opacity: 0; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .notes-pane,
+  .notes-pane.notes-pane-leaving { animation: none; }
+}
+/* Hide the "Add a to-do…" quick-add bar in archive view — you can't add
+   new items from the archive. */
+.notes-pane-archive .notes-quick-add { display: none !important; }
+.note-checkbox:hover .note-checkbox-agent { opacity: 0.55; }
+@keyframes note-reminder-pulse {
+  0%, 100% {
+    box-shadow:
+      inset 0 2px 0 0 color-mix(in srgb, var(--fg) 14%, transparent),
+      0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 0%, transparent);
+  }
+  50% {
+    box-shadow:
+      inset 0 2px 0 0 color-mix(in srgb, var(--fg) 14%, transparent),
+      0 0 0 5px color-mix(in srgb, var(--accent, var(--red)) 26%, transparent),
+      0 0 18px color-mix(in srgb, var(--accent, var(--red)) 30%, transparent);
+  }
+}
+@keyframes note-reminder-glow {
+  0%, 100% {
+    box-shadow:
+      inset 0 2px 0 0 color-mix(in srgb, var(--fg) 14%, transparent),
+      0 0 0 3px color-mix(in srgb, var(--accent, var(--red)) 14%, transparent),
+      0 0 14px color-mix(in srgb, var(--accent, var(--red)) 18%, transparent);
+  }
+  50% {
+    box-shadow:
+      inset 0 2px 0 0 color-mix(in srgb, var(--fg) 14%, transparent),
+      0 0 0 6px color-mix(in srgb, var(--accent, var(--red)) 22%, transparent),
+      0 0 26px color-mix(in srgb, var(--accent, var(--red)) 30%, transparent);
+  }
+}
+.note-card-selected {
+  outline: 2px solid var(--accent);
+  outline-offset: -2px;
+}
+.note-card-select { left: -8px; }
+.note-card-pin    { right: -8px; }
+/* Pin button on mobile — only reveal once the user has long-pressed to
+   enter rearrange (drag) mode. Outside drag mode the card stays clean. */
+body.notes-mobile-mode.notes-drag-mode .note-card-pin {
+  display: flex !important;
+  opacity: 0.7;
+}
+body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
+  opacity: 1;
+}
+/* Edit + Done are now side-by-side at top-right by default — title-only
+   fallback no longer needed. */
+.note-card-selectmode .note-card-done { display: none !important; }
+.note-card:hover .note-card-corner-copy { visibility: visible; }
+/* Copy stays on every active card regardless of body shape — Edit + Done
+   live at the top-right pair, so the bottom-right copy slot is always
+   free. Hidden only in select mode. */
+.note-card-selectmode .note-card-corner-copy { display: none !important; }
+.note-card-corner-trash { left: 6px; }
+.note-card-corner-unarchive { right: 6px; }
+.note-card:hover .note-card-corner-trash,
+.note-card:hover .note-card-corner-unarchive { visibility: visible; }
+@keyframes note-ai-shine {
+  0%, 100% { opacity: 0.85; filter: drop-shadow(0 0 0 transparent); }
+  50%      { opacity: 1;    filter: drop-shadow(0 0 4px color-mix(in srgb, var(--accent, var(--red)) 60%, transparent)); }
+}
+.note-form-improve-btn:disabled,
+.note-form-improve-btn.busy {
+  opacity: 0.6;
+  cursor: wait;
+}
+/* In select mode the whole card is a checkbox — kill every hover affordance
+   that would otherwise suggest "preview" or "open" so users know exactly
+   what their tap will do (toggle selection). */
+.note-card-selectmode .note-card-pin,
+.note-card-selectmode .note-card-actions { pointer-events: none; opacity: 0.4; }
+.note-card-selectmode .note-card-edit-corner,
+.note-card-selectmode .note-card-pin {
+  display: none !important;
+}
+.note-card-selectmode .note-card-title:hover { opacity: 1 !important; }
+.note-card-selectmode .note-card-edit-corner,
+.note-card-selectmode:hover .note-card-edit-corner { opacity: 0 !important; }
+/* The familiar home-screen edit-mode cue: mobile note cards gently jiggle
+   while Select mode is active, making it clear that the bar is now selecting
+   items rather than opening them. */
+@keyframes notes-select-jiggle {
+  0%, 100% { transform: rotate(-0.3deg) translateY(0); }
+  50% { transform: rotate(0.3deg) translateY(-0.25px); }
+}
+.note-card-action svg { transform: translateY(2px); }
+@keyframes notes-quick-pulse {
+  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 0%, transparent); }
+  50%      { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, var(--red)) 14%, transparent); }
+}
+.notes-quick-input::placeholder {
+  color: color-mix(in srgb, var(--fg) 45%, transparent);
+}
+/* Blinking text caret hint before the placeholder so empty + unfocused
+   reads as a live input. Sits on the wrapper because <input> elements
+   can't carry ::before. The pseudo-element is ALWAYS rendered (so its
+   width is reserved and the placeholder doesn't jump left when the
+   hint hides); only the colour/animation toggle, not the layout. */
+.notes-quick-add::before {
+  content: '|';
+  color: var(--accent, var(--red));
+  margin-right: 6px;
+  font-weight: 500;
+  font-size: 13px;
+  animation: notes-quick-caret 1s steps(2, jump-none) infinite;
+  pointer-events: none;
+}
+/* Hide visually (keep space) on hover, focus, or once the input has any
+   text — prevents the layout shift the user reported when the hint
+   collapsed and the placeholder slid left. */
+.notes-quick-add:hover::before,
+.notes-quick-add:focus-within::before,
+.notes-quick-add:not(:has(.notes-quick-input:placeholder-shown))::before {
+  visibility: hidden;
+  animation: none;
+}
+@keyframes notes-quick-caret {
+  0%, 49%  { opacity: 1; }
+  50%, 100%{ opacity: 0; }
+}
+.notes-quick-type-seg.is-todo::before { transform: translateX(100%); }
+.notes-skeleton-card.short { height: 46px; }
+@keyframes notes-skeleton-shimmer {
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
+@keyframes cal-bell-jingle {
+  0%   { transform: rotate(0deg); }
+  15%  { transform: rotate(-22deg); }
+  30%  { transform: rotate(18deg); }
+  45%  { transform: rotate(-14deg); }
+  60%  { transform: rotate(10deg); }
+  75%  { transform: rotate(-6deg); }
+  88%  { transform: rotate(3deg); }
+  100% { transform: rotate(0deg); }
+}
+.note-form-reminder-tags:empty { display: none; }
+.note-reminder-day-chip.wide { padding: 0 6px; }
+.note-form-type-seg::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  /* 3 pills now (note / todo / draw) — Goal was removed. Slider takes
+     1/3 of the track and translates by full multiples of itself. */
+  width: 33.3333%;
+  height: 100%;
+  background: color-mix(in srgb, var(--fg) 10%, transparent);
+  border-radius: 9px;
+  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+  z-index: 0;
+}
+.note-form-type-seg.is-todo::before { transform: translateX(100%); }
+.note-form-type-seg.is-draw::before { transform: translateX(200%); }
+/* Bulk-bar appears under the search bar — inset its sides to match the
+   search bar's own 8px horizontal padding so the two visually align. */
+#notes-bulk-bar.memory-bulk-bar {
+  margin: 0 8px 4px;
+  position: relative;
+  top: 4px;
+}
+#tasks-filter-chips {
+  top: 0 !important;
+}
+.note-card-goal .note-card-header {
+  /* Goal cards reserve space for the pill so the title doesn't collide. */
+  padding-left: 56px;
+}
+/* In select mode the left-side checkbox takes the pill's spot — drop it
+   so the row stays legible. */
+.note-card-selectmode.note-card-goal .note-goal-pill { display: none; }
+.note-card-selectmode.note-card-goal .note-card-header { padding-left: 0; }
+.note-form-goal-ai:disabled,
+.note-form-goal-ai.busy {
+  opacity: 0.6;
+  cursor: wait;
+}
+/* Fresh goal form: hide the title input + tag input + reminder button so the
+   user only sees the single "what do you want to achieve?" textarea. */
+.note-form-goal-fresh ~ .note-form-actions-group { display: none; }
+.note-form:has(.note-form-goal-fresh) .note-form-title,
+.note-form:has(.note-form-goal-fresh) .note-form-label,
+.note-form:has(.note-form-goal-fresh) .note-form-remind-btn,
+.note-form-bespoke:has(.note-form-goal-fresh) .note-form-title,
+.note-form-bespoke:has(.note-form-goal-fresh) .note-form-label,
+.note-form-bespoke:has(.note-form-goal-fresh) .note-form-remind-btn {
+  display: none !important;
+}
+.note-form-goal-fresh .note-form-goal-desc {
+  font-size: 15px;
+  min-height: 90px;
+  padding: 12px 14px;
+}
+.note-form-goal-fresh.building .note-form-goal-desc {
+  opacity: 0.55;
+  pointer-events: none;
+}
+.note-form-goal-fresh.building::after {
+  content: 'AI is planning your goal…';
+  display: block;
+  text-align: center;
+  font-size: 12px;
+  opacity: 0.7;
+  margin-top: 6px;
+  animation: note-goal-pulse 1.4s ease-in-out infinite;
+}
+@keyframes note-goal-pulse {
+  0%, 100% { opacity: 0.5; }
+  50%      { opacity: 1; }
+}
+.notes-today-row.done {
+  opacity: 0.35;
+  transform: scale(0.98);
+}
+.notes-today-title:hover { text-decoration: underline; }
+.notes-bulk-btn {
+  opacity: 0.6;
+}
+.notes-bulk-btn:hover { opacity: 1; }
+.note-form-label.flash-once {
+  animation: noteLabelFlash 0.6s ease-out;
+}
+.note-form-label:not([value=""]) { opacity: 0.9; border-style: solid; }
+.note-card-title:hover { opacity: 0.7; }
+.note-card-title.empty::before {
+  content: 'No title';
+  font-weight: 500;
+  opacity: 0.3;
+  font-style: italic;
+}
+/* Note card drag */
+.note-card { cursor: grab; }
+.note-cl-row:hover .note-cl-grip { opacity: 0.6; }
+.note-archive-btn:hover { opacity: 0.7; }
+.note-checklist-preview > .note-checkbox:last-child .note-check-text {
+  /* Reserve room on the LAST row only for the bottom-right copy button so it
+     doesn't cover the final item's tail. Applied to the text — not to the
+     row — so the X delete button still reaches the same edge it does on
+     every other row. */
+  padding-right: 30px;
+}
+.note-card.doclib-card-expanded .note-checklist-preview {
+  /* When the card is the expanded one in the grid, let the list use the
+     whole available height instead of the compact cap. */
+  max-height: none;
+}
+.note-checklist-preview:empty::before {
+  content: 'No todos';
+  font-size: 10px;
+  opacity: 0.3;
+  font-style: italic;
+}
+.note-card:hover .note-cl-quickadd,
+.note-cl-quickadd:focus-within {
+  opacity: 1;
+  pointer-events: auto;
+}
+.note-cl-quickadd-input::placeholder { color: var(--fg); opacity: 0.5; }
+.note-card-selectmode .note-cl-quickadd { display: none !important; }
+.note-checkbox-rm { margin-left: auto; }
+.note-checkbox-edit { margin-left: auto; }
+.note-checkbox:hover .note-checkbox-edit,
+.note-checkbox:hover .note-checkbox-rm { opacity: 0.55; }
+.note-card-selectmode .note-checkbox-edit,
+.note-card-selectmode .note-checkbox-rm { display: none; }
+.note-check-dot::after {
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 45%;
+  width: 7px;
+  height: 3.5px;
+  border-left: 1.75px solid #fff;
+  border-bottom: 1.75px solid #fff;
+  transform: translate(-50%, -50%) rotate(-45deg) scale(0);
+  transform-origin: center;
+  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+.notes-select-mode .note-checkbox { cursor: default; pointer-events: none; }
+.note-checkbox:active .note-check-dot {
+  transform: scale(0.9);
+}
+.note-checkbox.done .note-check-dot::after {
+  transform: translate(-50%, -50%) rotate(-45deg) scale(1);
+}
+@keyframes note-check-pop {
+  0%   { transform: scale(1); }
+  40%  { transform: scale(1.35); }
+  100% { transform: scale(1); }
+}
+.note-checkbox.done .note-check-text {
+  position: relative;
+  opacity: 0.4;
+}
+.note-checkbox.done .note-check-text::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: calc(50% - 1px);
+  height: 1px;
+  background: currentColor;
+  animation: note-strike 0.3s ease-out forwards;
+  transform-origin: left center;
+}
+@keyframes note-strike {
+  0%   { transform: scaleX(0); }
+  100% { transform: scaleX(1); }
+}
+/* 3D top-edge highlight — an inset 2px stripe inside every note card that
+   reads as a lifted "glassy" lip. Each colored note gets a stronger stripe
+   in its own hue so the colour reads even before you focus on the card. */
+.note-card { box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--fg) 14%, transparent); }
+.note-color-red    { box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--red) 55%, transparent); }
+.note-color-orange { box-shadow: inset 0 2px 0 0 color-mix(in srgb, #d19a66 60%, transparent); }
+.note-color-yellow { box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--hl-string) 60%, transparent); }
+.note-color-green  { box-shadow: inset 0 2px 0 0 color-mix(in srgb, #98c379 60%, transparent); }
+.note-color-blue   { box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--hl-function) 60%, transparent); }
+.note-color-purple { box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--hl-keyword) 60%, transparent); }
+.note-card.note-standard-v0 { --note-accent: #db8576; }
+.note-card.note-standard-v1 { --note-accent: #d2a45f; }
+.note-card.note-standard-v2 { --note-accent: #72ad8d; }
+.note-card.note-standard-v3 { --note-accent: #72a5cf; }
+.note-card.note-standard-v4 { --note-accent: #aa86c7; }
+.note-type-btn:hover { opacity: 0.8; }
+.note-form-meta .note-form-label {
+  width: 112px;
+  flex: 0 1 140px;
+}
+/* After attachColorPicker swaps the input to type=text + .cp-swatch-input,
+   re-pin the swatch to a 24px circle (otherwise it inherits text-input
+   sizing and becomes a giant rectangle). */
+.note-form-draw-color.cp-swatch-input {
+  width: 24px !important;
+  height: 24px !important;
+  min-width: 24px !important;
+  max-width: 24px !important;
+  border-radius: 50%;
+  padding: 0;
+  box-sizing: border-box;
+}
+.note-form-draw-color::-webkit-color-swatch-wrapper { padding: 0; border-radius: 50%; }
+.note-form-draw-color::-webkit-color-swatch { border: none; border-radius: 50%; }
+.note-form-draw-color::-moz-color-swatch { border: none; border-radius: 50%; }
+.note-form-draw-size:hover,
+.note-form-draw-size:focus,
+.note-form-draw-size:active { height: 10px; }
+.note-form-draw-size::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 12px; height: 12px;
+  border-radius: 50%;
+  background: var(--red);
+  border: none;
+  cursor: pointer;
+  transition: width 0.12s ease, height 0.12s ease;
+}
+.note-form-draw-size::-moz-range-thumb {
+  width: 12px; height: 12px;
+  border-radius: 50%;
+  background: var(--red);
+  border: none;
+  cursor: pointer;
+  transition: width 0.12s ease, height 0.12s ease;
+}
+.note-form-draw-size:hover::-webkit-slider-thumb,
+.note-form-draw-size:focus::-webkit-slider-thumb,
+.note-form-draw-size:active::-webkit-slider-thumb { width: 18px; height: 18px; }
+.note-form-draw-size:hover::-moz-range-thumb,
+.note-form-draw-size:focus::-moz-range-thumb,
+.note-form-draw-size:active::-moz-range-thumb { width: 18px; height: 18px; }
+.note-form-draw-be::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 50%;
+  height: 100%;
+  background: var(--accent);
+  border-radius: 9px;
+  transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
+  z-index: 0;
+}
+.note-form-draw-be.is-eraser::before { transform: translateX(100%); }
+.note-form-draw-be-btn:focus { outline: none; }
+.note-form-draw-text-badge:empty { display: none; }
+.note-form-draw-shape-badge:empty { display: none; }
+/* Reflect the chosen size in the icon itself, so the user sees at a glance
+   which size (S/M/L) is active without needing the tiny badge. */
+.note-form-draw-line.size-s svg line,
+.note-form-draw-circle.size-s svg circle { stroke-width: 1.2; }
+.note-form-draw-line.size-m svg line,
+.note-form-draw-circle.size-m svg circle { stroke-width: 3; }
+.note-form-draw-line.size-l svg line,
+.note-form-draw-circle.size-l svg circle { stroke-width: 5; }
+.note-form-draw-text.size-s { font-size: 13px; }
+.note-form-draw-text.size-m { font-size: 18px; }
+.note-form-draw-text.size-l { font-size: 23px; line-height: 1; }
+/* Narrow widths: shrink the tag input to make room for the action group;
+   the hashtag-in-content shortcut still works, so the input can be tiny. */
+@media (max-width: 600px) {
+  .note-form-meta .note-form-label { width: 78px; flex-shrink: 1; min-width: 0; }
+}
+.note-form-due:not([value=""]) { opacity: 0.85; border-style: solid; }
+.note-cl-add:hover { opacity: 0.7; }
+/* Matching ↵ hint at the right of the event title while it's empty; hidden once
+   editing (the ✓ Done button takes over then). */
+/* Title placeholder overlay: the prompt text with a ↵ enter glyph right after
+   it (accent), so it's clear the field submits on Enter. Shown only while the
+   title is empty; the native placeholder is hidden in favour of this. */
+.cal-hero-title::placeholder { color: transparent; }
+.cal-quickadd-input::placeholder { color: transparent; }
+button.cal-nav.cal-toolbar-arrow:hover {
+  opacity: 1;
+  background: color-mix(in srgb, var(--bg) 76%, var(--fg) 24%);
+}
+.cal-side-nav-prev { left: 8px; }
+.cal-side-nav-next { right: 8px; }
+.cal-navigation-hidden .cal-side-nav {
+  display: none !important;
+}
+#cal-add { margin-left: auto; }
+/* Mobile tap-spin: a gentle quarter-turn nudge before the form opens.
+   `.cal-add-plus` has a `padding-bottom: 2px` (and a translateY on the
+   small variant) that offsets the glyph for optical centering — those
+   shift the rotation pivot off the visual centre. Force the box to
+   match the glyph and pin the transform-origin during the spin. */
+.cal-add-plus.cal-add-spinning {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  width: 1em;
+  height: 1em;
+  line-height: 1;
+  transform-origin: 50% 50%;
+  animation: cal-add-spin 0.28s ease-out forwards;
+}
+@keyframes cal-add-spin {
+  0%   { transform: rotate(0deg); }
+  100% { transform: rotate(90deg); }
+}
+button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover {
+  padding: 0 8px 0 5px;
+  gap: 3px;
+}
+.email-reminder-toggle-inline:hover svg {
+  animation: none !important;
+  transform: none !important;
+}
+.email-search-options-menu[hidden],
+.email-search-options-menu button.hidden {
+  display: none !important;
+}
+.email-search-date-panel[hidden] { display: none !important; }
+.email-search-date-panel label {
+  display: grid;
+  grid-template-columns: 38px 1fr;
+  align-items: center;
+  gap: 6px;
+  margin: 0 0 6px;
+  color: color-mix(in srgb, var(--fg) 72%, transparent);
+  font-size: 10px;
+}
+.email-lib-filter-pill-icon-only .email-lib-filter-pill-label { display: none; }
+.email-lib-filter-pill.email-lib-filter-pill-icon-only { padding-left: 5px !important; }
+.email-search-options-menu .email-search-date-actions button {
+  width: auto;
+  min-width: 48px;
+  justify-content: center;
+  padding: 5px 8px;
+}
+.email-attach-toggle:not(.email-attach-toggle-inline):hover svg {
+  animation: email-undone-jiggle 0.45s ease-in-out;
+  transform-origin: 50% 50%;
+}
+@keyframes email-undone-jiggle {
+  0%   { transform: rotate(0deg); }
+  20%  { transform: rotate(-14deg); }
+  40%  { transform: rotate(10deg); }
+  60%  { transform: rotate(-6deg); }
+  80%  { transform: rotate(3deg); }
+  100% { transform: rotate(0deg); }
+}
+.email-undone-toggle:not(.email-undone-toggle-inline):hover svg,
+.email-compose-jiggle:hover svg {
+  animation: email-undone-jiggle 0.45s ease-in-out;
+  transform-origin: 50% 50%;
+}
+/* Account chips collapse to a single horizontally-scrollable strip
+   at every breakpoint, instead of stacking onto multiple rows when
+   there are several accounts. The compose "New" button stays outside
+   the scroller (it's a sibling of #email-lib-accounts inside
+   .email-accounts-row) so it remains pinned on the right. */
+#email-lib-accounts {
+  justify-content: flex-start;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  scroll-snap-type: x proximity;
+  -webkit-overflow-scrolling: touch;
+}
+#email-lib-accounts::-webkit-scrollbar { display: none; height: 0; }
+#email-lib-accounts > * { flex-shrink: 0; scroll-snap-align: start; }
+.email-account-chip.email-account-has-unread:not(.active) {
+  border-color: var(--border);
+  background: transparent;
+  color: var(--fg);
+}
+#email-lib-grid { position: relative; }
+#email-lib-grid .date-section-header.email-date-gap-break {
+  margin-top: 12px;
+  padding-top: 16px;
+}
+#email-lib-modal.email-reading .email-lib-sync-status {
+  display: none;
+}
+button.cal-view-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  color: var(--fg);
+  font-size: 11px;
+  font-family: inherit;
+  font-weight: 500;
+  padding: 2px 12px 2px 12px;
+  margin: 0;
+  cursor: pointer;
+  opacity: 0.45;
+  line-height: 1;
+  height: 24px;
+  box-sizing: border-box;
+}
+.cal-s-color::-webkit-color-swatch-wrapper { padding: 0; border-radius: 50%; }
+.cal-s-color::-webkit-color-swatch { border: none; border-radius: 50%; }
+.cal-s-color::-moz-color-swatch { border: none; border-radius: 50%; }
+.cal-filter-item.cal-filter-off { opacity:0.25; text-decoration:line-through; }
+.cal-filter-item.cal-filter-important.cal-filter-active { background:color-mix(in srgb, #e5a33a 18%, transparent); border-color:#e5a33a; }
+.cal-week-row > .cal-day { padding-top: calc(4px + var(--bars, 0) * 12px); }
+@keyframes cal-slide-from-right {
+  from { opacity:0; transform:translateX(20px); }
+  to { opacity:1; transform:translateX(0); }
+}
+@keyframes cal-slide-from-left {
+  from { opacity:0; transform:translateX(-20px); }
+  to { opacity:1; transform:translateX(0); }
+}
+@keyframes cal-event-enter {
+  from { opacity:0; transform:translateY(3px) scale(0.985); }
+  to { opacity:1; transform:translateY(0) scale(1); }
+}
+.cal-slide-in-right { animation: cal-slide-from-right 0.22s cubic-bezier(0.25, 0.8, 0.25, 1); }
+.cal-slide-in-left { animation: cal-slide-from-left 0.22s cubic-bezier(0.25, 0.8, 0.25, 1); }
+.cal-day.cal-today .cal-day-num { color:var(--bg); font-weight:800; background:var(--accent, var(--red)); border-radius:10px; padding:1px 6px; display:inline-block; opacity:1; line-height:1.3; }
+/* Selected day — same square geometry as `.cal-today` so the two read as
+   peers, but rendered as an outline + softer fill instead of a solid
+   accent block. Today wins when both classes are on the same cell. */
+.cal-day.cal-selected:not(.cal-today) {
+  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent, var(--fg)) 65%, transparent);
+  background: color-mix(in srgb, var(--accent, var(--fg)) 12%, var(--bg));
+  border-radius: 8px;
+}
+.cal-day.cal-weekend:not(.cal-today) { background:color-mix(in srgb, var(--fg) 2.5%, var(--bg)); }
+.cal-day.cal-empty-day::after {
+  content:'';
+  position:absolute;
+  left:8px;
+  right:8px;
+  bottom:8px;
+  height:1px;
+  background:color-mix(in srgb, var(--fg) 7%, transparent);
+  opacity:0.55;
+  pointer-events:none;
+}
+.cal-day.cal-other { opacity:0.34; }
+.cal-event-row::after {
+  content:'';
+  width:3px;
+  height:11px;
+  margin-left:auto;
+  opacity:0;
+  flex:0 0 auto;
+  border-left:1px solid color-mix(in srgb, var(--fg) 34%, transparent);
+  border-right:1px solid color-mix(in srgb, var(--fg) 34%, transparent);
+  transition:opacity 0.15s;
+}
+.cal-event-row:hover::after { opacity:0.75; }
+.cal-dragging { opacity:0.3; }
+#cal-body.cal-events-full > :is(.cal-grid, .cal-wk-wrap) {
+  display: none;
+}
+#cal-body.cal-events-full > .cal-day-detail {
+  height: auto;
+  min-height: 0;
+  flex: 1 1 auto;
+}
+#cal-body.cal-calendar-full > .cal-day-detail {
+  display: none;
+}
+.cal-event-link-target {
+  animation: cal-event-link-target-flash 2.2s ease-out;
+  box-shadow:
+    inset 0 0 0 2px color-mix(in srgb, var(--accent, var(--red)) 88%, transparent),
+    0 0 0 3px color-mix(in srgb, var(--accent, var(--red)) 20%, transparent),
+    0 8px 20px color-mix(in srgb, var(--accent, var(--red)) 18%, transparent) !important;
+}
+@keyframes cal-event-link-target-flash {
+  0%, 28% {
+    filter: brightness(1.18) saturate(1.12);
+    transform: translateY(-1px);
+  }
+  100% {
+    filter: none;
+    transform: none;
+  }
+}
+.cal-event-loc a, .cal-event-time a { color:inherit; text-decoration:underline; text-decoration-color:color-mix(in srgb, currentColor 40%, transparent); }
+.cal-event-loc a:hover, .cal-event-time a:hover { opacity:1; text-decoration-color:currentColor; }
+#cal-settings > svg {
+  top: 3px !important;
+}
+.cal-wk-col.cal-wk-today .cal-wk-col-head { background: color-mix(in srgb, var(--accent, var(--red)) 12%, var(--bg)); }
+.cal-wk-col.cal-wk-today .cal-wk-dn,
+.cal-wk-col.cal-wk-today .cal-wk-dt { color: var(--accent, var(--red)); font-weight: 700; }
+/* Sunday: a softer rest-day tint so the week edge reads visually, even
+   when today is mid-week. Falls back gracefully under the .cal-wk-today
+   rules above (today on a Sunday still gets the accent treatment). */
+.cal-wk-col.cal-wk-sun .cal-wk-col-head { background: color-mix(in srgb, var(--fg) 7%, var(--bg)); }
+.cal-wk-col.cal-wk-sun .cal-wk-grid { background: color-mix(in srgb, var(--fg) 2.5%, var(--bg)); }
+.cal-wk-col.cal-wk-sun .cal-wk-allday { background: color-mix(in srgb, var(--fg) 3%, var(--bg)); }
+.cal-wk-col.cal-wk-sun .cal-wk-dn,
+.cal-wk-col.cal-wk-sun .cal-wk-dt { color: color-mix(in srgb, var(--fg) 60%, transparent); }
+.cal-wk-dt { font-variant-numeric: tabular-nums; opacity: 0.5; }
+.cal-wk-allday::-webkit-scrollbar { display: none; }
+.cal-wk-now::before {
+  content: '';
+  position: absolute;
+  left: -3px;
+  top: -4px;
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--accent, var(--red, #f87171));
+  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent, var(--red)) 18%, transparent);
+}
+.cal-wk-now::after {
+  content:'now';
+  position:absolute;
+  right:4px;
+  top:-10px;
+  padding:1px 5px;
+  border-radius:7px;
+  font-size:8px;
+  line-height:1.2;
+  font-weight:800;
+  text-transform:uppercase;
+  color:var(--bg);
+  background:var(--accent, var(--red));
+  box-shadow:0 1px 4px color-mix(in srgb, #000 22%, transparent);
+}
+@keyframes cal-wk-hover-label-reveal {
+  0%, 35% { opacity: 0; }
+  100% { opacity: 1; }
+}
+.cal-wk-block:hover .cal-wk-block-resize::after {
+  content: '';
+  position: absolute;
+  left: 30%;
+  right: 30%;
+  bottom: 1px;
+  height: 2px;
+  border-radius: 2px;
+  background: color-mix(in srgb, var(--fg) 35%, transparent);
+}
+.cal-wk-block::after {
+  content:'';
+  position:absolute;
+  top:6px;
+  right:5px;
+  width:3px;
+  height:14px;
+  opacity:0;
+  border-left:1px solid color-mix(in srgb, var(--fg) 35%, transparent);
+  border-right:1px solid color-mix(in srgb, var(--fg) 35%, transparent);
+  transition:opacity 0.15s;
+}
+.cal-wk-block:hover::after { opacity:0.75; }
+.cal-wk-block-resize:hover::after {
+  background: color-mix(in srgb, var(--fg) 65%, transparent);
+}
+/* Body of a block while it's being repositioned: lifted shadow + above
+   siblings so the drop target reads clearly. */
+.cal-wk-block-ghost {
+  z-index: 6 !important;
+  box-shadow: 0 4px 12px color-mix(in srgb, var(--fg) 24%, transparent) !important;
+  cursor: grabbing;
+}
+.cal-wk-block { cursor: grab; }
+.cal-wk-block:active { cursor: grabbing; }
+.cal-wk-slot-selected-label {
+  pointer-events: none;
+}
+.cal-wk-slot-resize::after {
+  content: '';
+  position: absolute;
+  left: 18%;
+  right: 18%;
+  top: 6px;
+  height: 3px;
+  border-radius: 2px;
+  background: var(--accent, var(--fg));
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--bg) 75%, transparent);
+}
+.cal-wk-col.cal-wk-slot-day-selected .cal-wk-col-head {
+  color: var(--accent, var(--fg));
+  box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--accent, var(--fg)) 70%, transparent);
+}
+.cal-year-month:hover .cal-year-month-title { opacity:1; color:var(--accent); }
+.cal-year-day { cursor:pointer; opacity:0.5; }
+.cal-search-input.cal-day-search:focus { width:100%; }
+.cal-agenda-day::before {
+  content:'';
+  position:absolute;
+  left:4px;
+  top:22px;
+  bottom:-12px;
+  width:1px;
+  background:color-mix(in srgb, var(--fg) 12%, transparent);
+}
+.cal-agenda-day::after {
+  content:'';
+  position:absolute;
+  left:1px;
+  top:12px;
+  width:7px;
+  height:7px;
+  border-radius:50%;
+  background:color-mix(in srgb, var(--fg) 22%, var(--bg));
+  box-shadow:0 0 0 3px var(--bg);
+}
+.cal-agenda-day.is-today::after { background:var(--accent, var(--red)); }
+.cal-agenda-day.is-today .cal-agenda-date { opacity: 1; color: var(--accent, var(--red)); border-bottom-color: color-mix(in srgb, var(--accent, var(--red)) 35%, var(--border)); }
+.cal-agenda-event:hover .cal-event-more,
+.cal-event-item:hover .cal-event-more { opacity:0.6; }
+button.cal-event-more {
+  background:transparent;
+  border:none;
+  color:var(--fg);
+  width:20px; height:20px;
+  cursor:pointer;
+  padding:0;
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  font-family:inherit;
+  flex-shrink:0;
+  margin-left:auto;
+  align-self:center;
+  transform:translateY(-4px);
+  transition:opacity 0.15s;
+}
+button.cal-event-more:hover { opacity:1 !important; }
+/* Day-detail "+ New" button nudged down 2px. */
+#cal-add-day { position: relative; top: 2px; }
+/* Accent the native date/time picker glyphs. We recolor the webkit indicator
+   by masking an accent fill through a calendar/clock SVG (same technique as the
+   mono icon picker). accent-color covers the spinner parts where supported. */
+.cal-form-bespoke input[type="date"],
+.cal-form-bespoke input[type="time"],
+.cal-form-bespoke input[type="datetime-local"] { accent-color: var(--accent, var(--red)); }
+.cal-form-bespoke input[type="date"]::-webkit-datetime-edit-month-field,
+.cal-form-bespoke input[type="date"]::-webkit-datetime-edit-day-field {
+  color: var(--accent, var(--red));
+  font-weight: 600;
+}
+.cal-form-bespoke input[type="date"]::-webkit-datetime-edit-year-field {
+  color: var(--fg);
+  font-weight: 400;
+}
+.cal-form-bespoke input[type="date"]::-webkit-calendar-picker-indicator,
+.cal-form-bespoke input[type="time"]::-webkit-calendar-picker-indicator,
+.cal-form-bespoke input[type="datetime-local"]::-webkit-calendar-picker-indicator {
+  background-color: var(--accent, var(--red));
+  background-image: none;
+  cursor: pointer;
+  width: 14px; height: 14px;
+}
+.cal-form-bespoke input[type="date"]::-webkit-calendar-picker-indicator,
+.cal-form-bespoke input[type="datetime-local"]::-webkit-calendar-picker-indicator {
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") center/contain no-repeat;
+          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") center/contain no-repeat;
+}
+.cal-form-bespoke input[type="time"]::-webkit-calendar-picker-indicator {
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") center/contain no-repeat;
+          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") center/contain no-repeat;
+}
+/* Title underline + clock focus ring + primary button track --ev-color
+   when set; default to --accent / --fg otherwise. */
+.cal-form-bespoke .cal-input.cal-hero-title:focus { border-bottom-color: var(--ev-color, var(--accent, color-mix(in srgb, var(--fg) 60%, transparent))); }
+.cal-form-bespoke[style*="--ev-color"] .cal-input.cal-hero-title { border-bottom-color: color-mix(in srgb, var(--ev-color) 35%, var(--border)); }
+.cal-form-bespoke .cal-hero-time:focus-visible,
+.cal-form-bespoke .cal-hero-date:focus-visible { outline-color: var(--ev-color, var(--accent, color-mix(in srgb, var(--fg) 50%, transparent))); }
+/* Custom-BG events paint the form card with the uploaded image. Make sure
+   the action row + buttons stay clearly readable on top of it. */
+.cal-form-bespoke.cal-form-bg-image .cal-form-actions {
+  position: relative;
+  z-index: 2;
+  /* Solid backing strip so the Save/Cancel/Delete buttons don't fade into
+     the photo behind them. */
+  background: color-mix(in srgb, var(--panel) 92%, transparent);
+  margin: 8px -14px -14px;
+  padding: 10px 14px;
+  border-top: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
+  border-radius: 0 0 8px 8px;
+}
+.cal-form-today span { letter-spacing: 0.04em; text-transform: none; opacity: 0.85; font-weight: 500; }
+.cal-hero-time .cal-hero-clock,
+.cal-hero-time .cal-hero-ampm { line-height: 1; }
+.cal-hero-time:focus-visible { outline: 2px solid var(--accent, color-mix(in srgb, var(--fg) 50%, transparent)); outline-offset: 2px; }
+.cal-hero-date:focus-visible { outline: 2px solid var(--accent, color-mix(in srgb, var(--fg) 50%, transparent)); outline-offset: 2px; }
+.cal-input.cal-hero-title:focus {
+  border-color: transparent;
+  border-bottom-color: var(--accent, color-mix(in srgb, var(--fg) 60%, transparent));
+}
+.cal-form-bespoke.is-expanded .cal-form-details {
+  max-height: 720px;
+  opacity: 1;
+  margin-top: 4px;
+}
+.cal-form-bespoke .cal-form-actions { margin-top: 8px; justify-content: flex-end; }
+.cal-form-bespoke .cal-form-row { margin-bottom: 8px; }
+.cal-loc-input-wrap > input { height: 100%; }
+.cal-loc-input-wrap > input::placeholder { color: transparent; }
+.cal-loc-hint svg { color: var(--accent, var(--red)); }
+.cal-loc-input-wrap > input:placeholder-shown ~ .cal-loc-hint { display: inline-flex; }
+.cal-loc-map.is-disabled { opacity: 0.3; pointer-events: none; cursor: default; }
+select.cal-input { appearance:auto; }
+textarea.cal-input { resize:vertical; font-family:inherit; }
+button.cal-btn.cal-btn-danger { color:var(--accent, var(--red)); border-color:var(--accent, var(--red)); background:transparent; }
+button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); color:var(--bg); }
+/* Brief outline flash on a note card when it's the target of a
+   #note-<id> link click from chat — same pattern as the cookbook
+   task flash, just scoped to .note-card. */
+.note-card-flash {
+  animation: note-card-flash-anim 1.6s ease-out;
+}
+@keyframes note-card-flash-anim {
+  0%   { box-shadow: 0 0 0 2px var(--accent, var(--red)); }
+  100% { box-shadow: 0 0 0 2px transparent; }
+}
diff --git a/static/index.html b/static/index.html
index e54df3675..dcae7008b 100644
--- a/static/index.html
+++ b/static/index.html
@@ -247,6 +247,13 @@
   <link rel="preload" as="font" type="font/woff2" crossorigin href="/static/fonts/FiraCode-Regular.woff2">
   <link rel="preload" as="font" type="font/woff2" crossorigin href="/static/fonts/FiraCode-SemiBold.woff2">
   <link rel="stylesheet" href="/static/style.css?v=20260921chatgptusage2">
+  <!-- Panel stylesheets split out of style.css for maintainability. They are
+       eager and their order is load-bearing: the cascade is the concatenation of
+       these files in this order, so they must stay in this order here and in the
+       PRECACHE list in sw.js. None of them is lazy-loaded. -->
+  <link rel="stylesheet" href="/static/css/documents-gallery-editor.css?v=20260923csssplit1">
+  <link rel="stylesheet" href="/static/css/email-calendar-notes-tasks.css?v=20260923csssplit2">
+  <link rel="stylesheet" href="/static/css/cookbook-research-memory-settings.css?v=20260923csssplit3">
   <link rel="modulepreload" href="/static/app.js?v=20260921chatgptusage2">
 <link rel="modulepreload" href="/static/js/chat.js?v=20260917toolttft1">
   <link rel="modulepreload" href="/static/js/ui.js?v=20260916largetoolscroll1">
diff --git a/static/style.css b/static/style.css
index d68f291c9..34711963c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -907,12 +907,7 @@ body.bg-pattern-ascii-fireflies {
     #tool-gallery-btn.rail-minimized::after,
     #tool-compare-btn.rail-minimized::after,
     #tool-calendar-btn.rail-minimized::after { right: 12px; }
-    /* Cookbook already shows its own running/served-status dot
-       (#cookbook-notif-dot, toggled with .cookbook-notif-active on the
-       button). Don't stack the tabbed-down pulse on top of it — the two
-       dots overlap. Suppress the minimized dot while the status dot is up. */
-    .list-item.rail-minimized.cookbook-notif-active::after { display: none; }
-    @media (max-width: 768px) {
+            @media (max-width: 768px) {
       /* On mobile the list-items are taller (touch-sized), so the tabbed-down
          pulsing dot reads a hair low and right. Email uses its own dot and is
          already aligned — only the tool list-item dots need the nudge:
@@ -1328,17 +1323,7 @@ body.bg-pattern-ascii-fireflies {
       position: relative;
       top: 0.1px;
     }
-    @keyframes email-notif-breathe {
-      0%, 100% {
-        box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 60%, transparent);
-        opacity: 0.85;
-      }
-      50% {
-        box-shadow: 0 0 6px 2px color-mix(in srgb, var(--accent, var(--red)) 55%, transparent);
-        opacity: 1;
-      }
-    }
-    @media (prefers-reduced-motion: reduce) {
+        @media (prefers-reduced-motion: reduce) {
       #email-unread-dot.sidebar-notif-dot { animation: none; }
     }
     @media (max-width: 768px) {
@@ -1605,11 +1590,7 @@ body.bg-pattern-ascii-fireflies {
       line-height: 1;
       transform: translateY(-0.5px);
     }
-    @keyframes research-done-pulse {
-      0%, 100% { transform: scale(1); opacity: 1; }
-      50% { transform: scale(1.5); opacity: 0.7; }
-    }
-    .session-fav {
+        .session-fav {
       flex-shrink: 0;
       cursor: pointer;
       color: var(--red);
@@ -3087,11 +3068,7 @@ body.bg-pattern-ascii-fireflies {
       color: var(--red);
       animation: research-pulse 2s ease-in-out infinite;
     }
-    @keyframes research-pulse {
-      0%, 100% { background: color-mix(in srgb, var(--red) 12%, transparent); }
-      50% { background: color-mix(in srgb, var(--red) 22%, transparent); }
-    }
-    .tool-indicator-x {
+        .tool-indicator-x {
       margin-left: 2px;
       opacity: 0.4;
       flex-shrink: 0;
@@ -6619,15 +6596,7 @@ body.bg-pattern-ascii-fireflies {
     .confirm-btn-primary:hover { filter:brightness(1.15); }
     .confirm-btn-danger { background:var(--color-danger); color:#fff; border-color:transparent; }
     .confirm-btn-danger:hover { background:var(--color-error); }
-    #cookbook-gguf-delete-overlay {
-      background:rgba(0,0,0,0.5);
-      backdrop-filter:blur(4px);
-      pointer-events:auto !important;
-      z-index:99999 !important;
-      position:fixed !important;
-      inset:0 !important;
-    }
-    .cookbook-gguf-delete-box {
+        .cookbook-gguf-delete-box {
       width:560px;
       max-width:92vw;
     }
@@ -6694,10 +6663,7 @@ body.bg-pattern-ascii-fireflies {
       font-size:0.74rem;
       opacity:0.58;
     }
-    .cookbook-gguf-delete-actions {
-      flex-wrap:wrap;
-    }
-    /* Styled prompt — text-input dialog (used in place of window.prompt) */
+        /* Styled prompt — text-input dialog (used in place of window.prompt) */
     #styled-prompt-overlay {
       background:rgba(0,0,0,0.5);
       backdrop-filter:blur(4px);
@@ -7780,15 +7746,7 @@ pre { background: var(--code-bg, var(--hl-bg, #282c34)) !important; }
       padding: 0 2px;
       font-weight: 600;
     }
-    /* Document library search-term highlight — clear, high-contrast. */
-    mark.doclib-search-hl {
-      background: var(--accent, #e8a830);
-      color: var(--bg, #1a1a1a);
-      border-radius: 2px;
-      padding: 0 2px;
-      font-weight: 600;
-    }
-    .search-empty {
+            .search-empty {
       text-align: center;
       color: color-mix(in srgb, var(--fg) 35%, transparent);
       padding: 24px;
@@ -11021,11 +10979,6 @@ body.fullwidth-chat .chat-history {
   flex-shrink: 0;
 }
 
-/* ── Processing pulse animation (reused by session-star) ── */
-@keyframes research-pulse {
-  0%, 100% { opacity: 0.3; transform: scale(0.8); }
-  50% { opacity: 1; transform: scale(1.2); }
-}
 .ai-spinner {
   color: var(--red);
 }
@@ -12789,10 +12742,6 @@ details a:hover {
   isolation: isolate;
 }
 .memory-modal-content::before { content: none; }
-@keyframes memory-synapse-pulse {
-  0%, 100% { opacity: 0.35; transform: scale(1); }
-  50%      { opacity: 0.65; transform: scale(1.02); }
-}
 @media (prefers-reduced-motion: reduce) {
   .memory-modal-content::before { animation: none; opacity: 0.4; }
 }
@@ -13007,9 +12956,6 @@ textarea.memory-add-input {
   padding: 6px 10px;
   line-height: 1.4;
 }
-.memory-add-input::placeholder {
-  color: color-mix(in srgb, var(--fg) 40%, transparent);
-}
 
 .memory-add-input:focus {
   outline: none;
@@ -13123,10 +13069,6 @@ textarea.memory-add-input {
 .memory-toolbar-toggle:has(input:not(:checked)) {
   opacity: 0.7;
 }
-.memory-toolbar-toggle:has(input:not(:checked)) > span {
-  text-decoration: line-through;
-  text-decoration-color: color-mix(in srgb, var(--fg) 30%, transparent);
-}
 
 /* Bulk action bar */
 .memory-bulk-bar {
@@ -13190,13 +13132,11 @@ textarea.memory-add-input {
   flex-shrink: 0;
 }
 .memory-sort-icon-cur svg { width: 13px; height: 13px; }
-.memory-sort-label { white-space: nowrap; }
 .memory-sort-caret {
   flex-shrink: 0;
   opacity: 0.6;
   transition: transform 0.15s;
 }
-.memory-sort-btn[aria-expanded="true"] .memory-sort-caret { transform: rotate(180deg); }
 
 .memory-sort-menu {
   position: absolute;
@@ -13285,11 +13225,6 @@ textarea.memory-add-input {
   position: relative;
   top: -2px;
 }
-/* Research bulk bar — right-align the action buttons (keep All + count on
-   the left). Cancel now lives on the Select toggle, so Archive anchors. */
-#doclib-research-bulk #doclib-research-bulk-archive {
-  margin-left: auto;
-}
 #doclib-research-bulk .memory-toolbar-btn {
   position: relative;
   top: 3px;
@@ -13372,12 +13307,6 @@ textarea.memory-add-input {
   position: relative;
   top: 0;
 }
-/* Drafts bulk bar defaults to justify-content:flex-end (whole row hugs the
-   right). Reset it so All + count sit on the left and only the action button
-   is pushed right — matching every other bulk bar. */
-#gallery-editor-drafts-bulk {
-  justify-content: flex-start;
-}
 /* Nudge the whole memory + skills bulk buttons (icon + label together) up. */
 #memory-modal #memory-bulk-bar .memory-toolbar-btn,
 #memory-modal #skills-bulk-bar .memory-toolbar-btn {
@@ -13489,10 +13418,6 @@ textarea.memory-add-input {
     color-mix(in srgb, var(--fg) 5%, transparent) 16px
   ) !important;
 }
-.memory-item.task-paused:hover {
-  opacity: 0.85 !important;
-  filter: saturate(0.9);
-}
 .task-status-badge {
   appearance: none;
   -webkit-appearance: none;
@@ -13654,13 +13579,6 @@ textarea.memory-add-input {
   inherits: false;
   initial-value: -20%;
 }
-@keyframes memory-synapse-sweep {
-  /* Sweep traverses left → right in the first ~12% of the cycle (≈0.7s of
-     a 6.2s loop), then waits offscreen. */
-  0%   { --sweep: -20%; }
-  12%  { --sweep: 120%; }
-  13%, 100% { --sweep: 120%; }
-}
 @media (prefers-reduced-motion: reduce) {
   #memory-list .memory-item::after { animation: none; opacity: 0; }
 }
@@ -13697,9 +13615,6 @@ textarea.memory-add-input {
   min-width: 0;
 }
 
-.memory-item-edit-input:focus {
-  outline: none;
-}
 
 /* Edit row: text input + category select side by side */
 .memory-edit-row {
@@ -13721,9 +13636,6 @@ textarea.memory-add-input {
   flex-shrink: 0;
 }
 
-.memory-edit-cat-select:focus {
-  outline: none;
-}
 
 /* The Add-memory category select uses the same semantic control as inline
    editing, but needs the full-size add-row dimensions. */
@@ -13737,9 +13649,6 @@ textarea.memory-add-input {
   font-size: 12px;
 }
 
-.memory-add-row .memory-edit-cat-select:focus {
-  border-color: var(--red);
-}
 
 .memory-item-editing {
   border-color: color-mix(in srgb, var(--red) 40%, transparent);
@@ -14060,9 +13969,6 @@ textarea.memory-add-input {
   position: relative;
   top: 0;
 }
-.email-folder-picker .email-folder-select-control {
-  padding-left: 26px;
-}
 .email-folder-picker-icon {
   position: absolute;
   left: 8px;
@@ -14289,10 +14195,6 @@ textarea.memory-add-input {
   color: color-mix(in srgb, var(--fg) 55%, transparent);
 }
 
-.memory-item-source::before,
-.memory-item-time::before {
-  content: '\00b7  ';
-}
 
 /* Empty state */
 .memory-empty {
@@ -14453,10 +14355,6 @@ textarea.memory-add-input {
   transition: opacity 0.1s, border-color 0.1s, left 0.08s ease;
   z-index: 12;
 }
-.doc-divider.doc-divider-handle-idle .doc-divider-collapse {
-  opacity: 0;
-  pointer-events: none;
-}
 .doc-divider.doc-divider-handle-idle:hover .doc-divider-collapse,
 .doc-divider.doc-divider-handle-idle:focus-within .doc-divider-collapse {
   opacity: 0.92;
@@ -14469,7 +14367,6 @@ textarea.memory-add-input {
 .doc-divider-collapse[data-mode="fullscreen"] {
   left: -22px;
 }
-.doc-divider:hover .doc-divider-collapse { opacity: 0.92; }
 .doc-divider-collapse:hover { opacity: 1 !important; border-color: var(--accent, var(--red)); }
 /* The same `›` glyph is in the markup; CSS rotates 180° for the left-pointing
    (fullscreen) state. Smooth transition pairs with the chevron's slide. */
@@ -14508,13 +14405,6 @@ textarea.memory-add-input {
   opacity: 1;
   border-color: var(--accent, var(--red));
 }
-/* Smooth entrance — slide in from the left + fade up so it doesn't snap into
-   place when fullscreen activates. The chevron's vertical centering uses
-   translateY(-50%), so the animation has to keep that part. */
-@keyframes doc-fs-chevron-in {
-  from { opacity: 0; transform: translateY(-50%) translateX(-18px); }
-  to   { opacity: 0.85; transform: translateY(-50%) translateX(0); }
-}
 
 /* Copy / Export split button — main click copies, the caret opens the export menu. */
 .doc-split-btn {
@@ -14575,13 +14465,6 @@ textarea.memory-add-input {
   transform-origin: right center;
   will-change: clip-path, opacity;
 }
-.doc-editor-pane.doc-pane-leaving {
-  pointer-events: none;
-}
-@keyframes doc-pane-leave {
-  from { transform: translateX(0);    opacity: 1; }
-  to   { transform: translateX(24px); opacity: 0; }
-}
 @media (prefers-reduced-motion: reduce) {
   .doc-editor-pane,
   .doc-editor-pane.doc-pane-leaving { animation: none; }
@@ -14621,19 +14504,6 @@ textarea.memory-add-input {
   -webkit-mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
           mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
 }
-.doc-tab-scroll.is-at-left {
-  -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 18px), transparent 100%);
-          mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 18px), transparent 100%);
-}
-.doc-tab-scroll.is-at-right {
-  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 100%);
-          mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 100%);
-}
-.doc-tab-scroll.is-at-left.is-at-right {
-  -webkit-mask-image: none;
-          mask-image: none;
-}
-.doc-tab-scroll::-webkit-scrollbar { display: none; }
 .doc-tab-arrow {
   background: none;
   border: none;
@@ -14653,11 +14523,6 @@ textarea.memory-add-input {
 .doc-tab-arrow:hover {
   opacity: 1;
 }
-#doc-tab-right,
-#doc-tab-left {
-  position: relative;
-  top: 3px;
-}
 /* Mobile swipe-down grab handle at the top of the doc sheet. */
 .doc-mobile-grabber { display: none; }
 @media (max-width: 768px) {
@@ -14686,15 +14551,6 @@ textarea.memory-add-input {
   }
 }
 
-/* Ghost tab shown in the empty state (new, not-yet-saved document). Muted +
-   italic so it reads as a placeholder, and non-interactive so clicking it
-   can't hit the tab handlers (it has no data-doc-id). */
-.doc-tab.doc-tab-ghost {
-  /* New, not-yet-saved doc tab. It already carries .active, so it shows the
-     accent underline like any active tab — that's all we want. The old dashed
-     border + italic/dim "pending" styling looked weird, so they're gone. */
-  pointer-events: none;
-}
 .doc-tab {
   display: flex;
   align-items: center;
@@ -14720,15 +14576,6 @@ textarea.memory-add-input {
   background: color-mix(in srgb, var(--fg) 5%, transparent);
   border-radius: 7px 7px 0 0;
 }
-.doc-tab.active::after {
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 2px;
-  background: var(--red);
-}
 .doc-tab-title {
   max-width: 140px;
   overflow: hidden;
@@ -14936,17 +14783,6 @@ textarea.memory-add-input {
   border-radius: 50%;
   background: var(--accent);
 }
-@keyframes doc-stream-pulse {
-  0%, 100% { opacity: 0.5; }
-  50% { opacity: 1; }
-}
-.doc-updated-flash {
-  animation: doc-update-flash 0.6s ease-out;
-}
-@keyframes doc-update-flash {
-  0%   { box-shadow: inset 0 0 0 2px var(--accent); }
-  100% { box-shadow: inset 0 0 0 2px transparent; }
-}
 
 /* In the doc footer the type picker sits next to the accent Copy/Export split —
    match its 28px height and 6px radius so the right-hand controls line up. */
@@ -15001,13 +14837,6 @@ textarea.memory-add-input {
 .doc-langpicker-trigger:hover {
   border-color: color-mix(in srgb, var(--accent-primary, var(--red)) 60%, var(--border));
 }
-.doc-langpicker-trigger.doc-langpicker-email-compact {
-  width: 28px;
-  min-width: 28px;
-  padding: 0 0 0 6px;
-  justify-content: flex-start;
-  gap: 0;
-}
 .doc-langpicker-trigger.doc-langpicker-email-compact .doc-langpicker-label,
 .doc-langpicker-trigger.doc-langpicker-email-compact > svg:last-child {
   display: none;
@@ -15134,12 +14963,6 @@ textarea.memory-add-input {
 #doc-redo-btn:not(:disabled) {
   opacity: 0.68;
 }
-/* The "T" icon stays centered in the fixed-size button so it grows
-   symmetrically (from the center) instead of jumping around as the size
-   changes. The S/M/L letter is pinned to the bottom-right corner, absolutely
-   positioned so it never shifts the icon either. */
-#doc-fontsize-btn { transform: translateY(-1px); }
-#doc-fontsize-btn svg { flex: 0 0 auto; }
 .doc-fontsize-levels {
   position: absolute;
   right: 6px;
@@ -15160,8 +14983,6 @@ textarea.memory-add-input {
 .doc-fontsize-levels i.active { opacity: 1; }
 /* Collapsed buttons hidden in header, shown in overflow menu */
 .doc-collapsible-btn.doc-collapsed { display: none !important; }
-.doc-overflow-wrapper { order: -1; }
-.doc-overflow-toggle { opacity: 0.5; }
 .doc-overflow-toggle:hover { opacity: 1; }
 .doc-overflow-menu {
   display: none;
@@ -15299,13 +15120,6 @@ textarea.memory-add-input {
   .md-view-toggle .md-view-opt.active { animation: none; }
 }
 
-.doc-md-toolbar.md-preview-active,
-.doc-md-toolbar.md-write-active {
-  overflow: visible;
-  -webkit-mask-image: none;
-          mask-image: none;
-  z-index: 3;
-}
 .doc-md-toolbar.md-preview-active {
   border-bottom-color: var(--bg);
 }
@@ -15392,9 +15206,6 @@ textarea.memory-add-input {
   height: 28px;
   margin-bottom: -6px;
 }
-.doc-md-toolbar #doc-render-view-toggle .md-view-opt {
-  height: 28px;
-}
 .doc-md-toolbar #doc-render-view-toggle .md-view-opt:first-child {
   background: var(--sidebar-bg, var(--panel)) !important;
 }
@@ -15561,11 +15372,6 @@ textarea.memory-add-input {
   align-items: center;
   justify-content: center;
 }
-/* Some toolbar buttons baked in svg{opacity:0.7} via inline styles, which
-   compounded with the button's own opacity to look almost invisible.
-   Force the inline svg opacity back to 1 inside the toolbar — the button
-   wrapper's 0.85 is the only fade we need. */
-.doc-md-toolbar button svg[style*="opacity"] { opacity: 1 !important; }
 .doc-md-toolbar button:hover {
   opacity: 1;
 }
@@ -15592,14 +15398,6 @@ textarea.memory-add-input {
 .doc-md-toolbar button.is-active:hover {
   background: color-mix(in srgb, var(--accent, var(--red)) 22%, transparent);
 }
-/* No black tap-flash / focus background on the doc toolbar + tab controls —
-   they're icon buttons, the opacity change is the only feedback we want. */
-.doc-md-toolbar button,
-.doc-tab-new,
-.doc-tab-arrow,
-.doc-tab-play {
-  -webkit-tap-highlight-color: transparent;
-}
 .doc-md-toolbar button:focus:not(:focus-visible),
 .doc-tab-new:focus:not(:focus-visible),
 .doc-tab-arrow:focus:not(:focus-visible) {
@@ -15672,8 +15470,6 @@ textarea.memory-add-input {
   gap: 0;
   line-height: 1;
 }
-/* Pull the icon down toward the "sign" label so they read as one unit. */
-#doc-pdf-add-sign-btn svg { transform: translateY(2px); }
 .doc-pdf-sign-label {
   font-size: 6.5px;
   letter-spacing: 0.3px;
@@ -15868,10 +15664,6 @@ textarea.memory-add-input {
   font-size: 11px;
   font-weight: 600;
 }
-.doc-outline-count {
-  opacity: 0.48;
-  font-variant-numeric: tabular-nums;
-}
 .doc-outline-list {
   overflow-y: auto;
   padding: 4px;
@@ -15916,13 +15708,6 @@ textarea.memory-add-input {
   font-size: 11px;
   opacity: 0.52;
 }
-.doc-outline-target {
-  animation: doc-outline-target-flash 1.05s ease-out;
-}
-@keyframes doc-outline-target-flash {
-  0%, 28% { background-color: color-mix(in srgb, var(--accent, var(--red)) 24%, transparent); }
-  100% { background-color: transparent; }
-}
 
 @media (max-width: 768px) {
   .doc-outline-menu { max-height: min(52vh, 420px); }
@@ -16024,10 +15809,6 @@ textarea.memory-add-input {
   font-size: 11px;
   font-weight: 600;
 }
-.doc-rich-slash-count {
-  opacity: 0.48;
-  font-variant-numeric: tabular-nums;
-}
 .doc-rich-slash-list {
   overflow-y: auto;
   overscroll-behavior: contain;
@@ -16067,11 +15848,6 @@ textarea.memory-add-input {
   font-weight: 600;
   opacity: 0.82;
 }
-.doc-rich-slash-label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .doc-rich-slash-empty {
   padding: 18px 12px;
   text-align: center;
@@ -16178,18 +15954,6 @@ textarea.memory-add-input {
   color: transparent !important;
   background: transparent !important;
 }
-/* Find marks live in the syntax-highlight overlay, which sits at
-   z-index:0 under a transparent textarea — so they're always visible
-   through the text layer. The previous color-mix variant could
-   compute to near-invisible on themes with dark/desaturated accents;
-   forced solid colors + !important so it ALWAYS pops. */
-mark.doc-find-mark {
-  background: var(--accent) !important;
-  color: var(--bg) !important;
-  border-radius: 2px;
-  padding: 0 1px;
-  box-shadow: 0 0 0 1px var(--accent);
-}
 mark.doc-find-mark.current {
   background: var(--accent) !important;
   color: var(--bg) !important;
@@ -16248,7 +16012,6 @@ mark.doc-find-mark.current {
   text-rendering: geometricPrecision !important;
   box-sizing: border-box;
 }
-.doc-editor-highlight::-webkit-scrollbar { display: none; }
 
 /* Document font size options */
 .doc-font-m .doc-editor-textarea,
@@ -16626,20 +16389,6 @@ mark.doc-find-mark.current {
   z-index: 250;
   overflow: visible;
 }
-/* Arrow pointing toward the editor */
-.doc-suggestion-card::before {
-  content: '';
-  position: absolute;
-  top: 16px;
-  left: -10px;
-  width: 18px;
-  height: 18px;
-  background: var(--panel);
-  border-left: 2px solid var(--accent);
-  border-bottom: 2px solid var(--accent);
-  transform: rotate(45deg);
-  z-index: 1;
-}
 .doc-suggestion-header {
   display: flex;
   align-items: center;
@@ -16682,15 +16431,6 @@ mark.doc-find-mark.current {
   flex-shrink: 0;
   position: relative;
 }
-.doc-suggestion-close::before {
-  content: '';
-  width: 10px;
-  height: 10px;
-  display: block;
-  background: currentColor;
-  -webkit-mask: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 8M8 2L2 8' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
-  mask: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 8M8 2L2 8' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
-}
 .doc-suggestion-close:hover,
 .doc-suggestion-close:focus-visible {
   background: color-mix(in srgb, var(--fg) 10%, transparent);
@@ -16913,9 +16653,6 @@ mark.doc-find-mark.current {
   background: var(--accent, var(--red));
   color: #fff;
 }
-.doc-suggestion-accept:hover {
-  filter: brightness(1.15);
-}
 .doc-suggestion-dismiss {
   background: transparent;
   border: 1px solid var(--border);
@@ -16943,21 +16680,6 @@ mark.doc-find-mark.current {
 .doc-editor-textarea[readonly] {
   caret-color: var(--red);
 }
-.doc-editor-wrap.animating::after {
-  content: '';
-  position: absolute;
-  top: 6px; right: 8px;
-  width: 6px; height: 6px;
-  border-radius: 50%;
-  background: var(--red);
-  animation: doc-pulse 0.8s ease-in-out infinite;
-  z-index: 3;
-  pointer-events: none;
-}
-@keyframes doc-pulse {
-  0%, 100% { opacity: 0.3; transform: scale(0.8); }
-  50% { opacity: 1; transform: scale(1.2); }
-}
 
 /* Diff overlay */
 .doc-diff-overlay {
@@ -16985,7 +16707,6 @@ mark.doc-find-mark.current {
 }
 .diff-stat-del { color: var(--warn); }
 .diff-stat-add { color: var(--green); }
-.doc-diff-content { }
 .doc-diff-line {
   padding: 1px 8px;
   border-radius: 4px;
@@ -17599,13 +17320,6 @@ body:has(.doc-version-panel:not(.hidden)) .hamburger-btn {
   .doc-docx-preview { padding: 12px 8px 28px; }
   .doc-docx-paper { min-height: 0; padding: 34px 24px; font-size: 14px; }
 }
-@media (hover: none) {
-  .doc-preview-hover-edit {
-    opacity: 1;
-    pointer-events: auto;
-    transform: none;
-  }
-}
 .doc-md-preview pre {
   background: var(--panel);
   border: 1px solid var(--border);
@@ -17941,19 +17655,6 @@ body:has(.doc-version-panel:not(.hidden)) .hamburger-btn {
   position: relative;
   transition: background 0.2s, border-color 0.2s, transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
-.adm-check-dot::after {
-  content: '';
-  position: absolute;
-  left: 50%;
-  top: 45%;
-  width: 5px;
-  height: 2.5px;
-  border-left: 1.5px solid #fff;
-  border-bottom: 1.5px solid #fff;
-  transform: translate(-50%, -50%) rotate(-45deg) scale(0);
-  transform-origin: center;
-  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
 .adm-model-row {
   display: flex;
   align-items: center;
@@ -18021,16 +17722,10 @@ body:has(.doc-version-panel:not(.hidden)) .hamburger-btn {
   border-color: var(--accent, var(--red));
   transform: scale(1.15);
 }
-.adm-model-row:active .adm-check-dot {
-  transform: scale(0.9);
-}
 .adm-cb-hidden:checked + .adm-check-dot {
   background: var(--accent, var(--red));
   border-color: var(--accent, var(--red));
 }
-.adm-cb-hidden:checked + .adm-check-dot::after {
-  transform: translate(-50%, -50%) rotate(-45deg) scale(1);
-}
 /* Added Models bulk selection uses the shared dot, without a check glyph. */
 .adm-endpoint-select-dot {
   flex-basis: 11px !important;
@@ -18039,21 +17734,11 @@ body:has(.doc-version-panel:not(.hidden)) .hamburger-btn {
   min-width: 11px;
   max-width: 11px;
 }
-.adm-cb-hidden:checked + .adm-endpoint-select-dot::after {
-  display: none;
-}
 /* Disabled endpoints — dim the row but keep the toggle/delete buttons
    at full opacity so the user can re-enable or remove without squinting. */
 .admin-user-row.admin-ep-disabled { opacity: 0.55; }
 
 
-/* Most recently added endpoint — brief accent glow so the user can
-   spot the new row immediately after Adding / Find. Fades out cleanly. */
-@keyframes adm-ep-just-added-glow {
-  0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 55%, transparent); background: color-mix(in srgb, var(--accent, var(--red)) 18%, transparent); }
-  60%  { box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent, var(--red)) 0%, transparent); background: color-mix(in srgb, var(--accent, var(--red)) 8%, transparent); }
-  100% { box-shadow: 0 0 0 0 transparent; background: transparent; }
-}
 .admin-user-row.adm-ep-just-added {
   border-radius: 8px;
   animation: adm-ep-just-added-glow 2.2s ease-out;
@@ -18094,7 +17779,6 @@ body:has(.doc-version-panel:not(.hidden)) .hamburger-btn {
   background: color-mix(in srgb, var(--red) 8%, transparent);
 }
 .adm-section-toggle .adm-section-caret { opacity: 0.6; }
-.adm-section-toggle:focus-visible { outline: 1px solid var(--red); outline-offset: 1px; }
 /* When expanded, square off the bottom so the header reads as attached to
    the form it controls. */
 .adm-add-section:not(.collapsed) .adm-section-toggle {
@@ -18107,12 +17791,6 @@ body:has(.doc-version-panel:not(.hidden)) .hamburger-btn {
   flex-shrink: 0;
   transition: transform 0.18s ease;
 }
-/* Collapsed: hide the form body and point the caret right. */
-.adm-add-section.collapsed .admin-model-form { display: none; }
-.adm-add-section.collapsed .adm-section-caret { transform: rotate(-90deg); }
-.adm-quickstart-section {
-  margin-top: 7px;
-}
 .adm-quickstart-toggle {
   display: flex;
   align-items: center;
@@ -18130,10 +17808,6 @@ body:has(.doc-version-panel:not(.hidden)) .hamburger-btn {
   opacity: 1;
   border-color: var(--red);
 }
-.adm-quickstart-section:not(.collapsed) .adm-quickstart-toggle {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
 .adm-quickstart-body {
   display: flex;
   align-items: center;
@@ -18143,8 +17817,6 @@ body:has(.doc-version-panel:not(.hidden)) .hamburger-btn {
   border-radius: 0 0 6px 6px;
   padding: 6px 8px;
 }
-.adm-quickstart-section.collapsed .adm-quickstart-body { display: none; }
-.adm-quickstart-section.collapsed .adm-section-caret { transform: rotate(-90deg); }
 
 /* Custom provider picker (logo + name) replacing the native <select> */
 .adm-provider-picker { position: relative; margin-bottom: 6px; }
@@ -18176,7 +17848,6 @@ body:has(.doc-version-panel:not(.hidden)) .hamburger-btn {
 }
 .adm-provider-btn:hover { border-color: color-mix(in srgb, var(--fg) 30%, var(--border)); }
 .adm-provider-current { flex: 1; display: flex; align-items: center; gap: 8px; min-width: 0; }
-.adm-provider-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .adm-provider-logo {
   width: 14px; height: 14px;
   display: inline-flex; align-items: center; justify-content: center;
@@ -18372,9 +18043,6 @@ span[id$="-logo"] svg:not([width]) {
   vertical-align: -2px;
   margin-right: 2px;
 }
-@keyframes admin-spin {
-  to { transform: rotate(360deg); }
-}
 
 /* Forms */
 .admin-add-form {
@@ -18605,7 +18273,6 @@ span[id$="-logo"] svg:not([width]) {
   margin: 0 6px;
   flex-shrink: 0;
 }
-.admin-rag-item .admin-btn-delete { font-size: 10px; padding: 2px 6px; }
 .admin-rag-status {
   font-size: 11px;
   color: color-mix(in srgb, var(--fg) 50%, transparent);
@@ -19292,7 +18959,6 @@ body.right-dock-active:not(.email-doc-split-active) .doc-editor-pane {
 /* Research's Recent (sort) + Select sat 1px lower than the other tabs — nudge up. */
 #doclib-panel-research .memory-sort-select { position: relative; top: 1.5px; }
 #doclib-panel-research .memory-toolbar-btn { top: -4.5px; }
-#doclib-research-search { position: relative; top: -1.5px; }
 .library-sort-picker {
   width: 108px;
   flex: 0 0 108px;
@@ -19506,14 +19172,6 @@ body.right-dock-active:not(.email-doc-split-active) .doc-editor-pane {
   }
 }
 
-/* Cookbook's cached-model list: NO inner-scroll cap. Two nested scroll
-   surfaces (this + the outer .admin-card) trapped the wheel so an expanded
-   serve panel couldn't be reached on tall content. Let the outer
-   .admin-card (overflow-y:auto) be the single scroll surface. */
-.hwfit-cached-list {
-  max-height: none !important;
-  overflow-y: visible !important;
-}
 /* Serve panel specifically: the admin-card inline style is
    `overflow:hidden` (so the toolbar/header don't drift), and the list
    inside has overflow:visible. On short windows that combination
@@ -19744,16 +19402,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   }
 }
 
-/* Email bulk-select mode owns the whole card. Sender names and tags must not
-   open search/filter actions until Select is cancelled. */
-#email-lib-grid.email-selecting .email-meta-sender,
-#email-lib-grid.email-selecting .email-card-tags,
-#email-lib-grid.email-selecting .email-card-favorite,
-#email-lib-grid.email-selecting .email-card-nav-arrows,
-#email-lib-grid.email-selecting .email-card-status,
-#email-lib-grid.email-selecting .email-card-actions {
-  pointer-events: none !important;
-}
 
 /* Mobile: only ONE scroll surface inside the cookbook modal. The
    modal-content is the scroller. Everything inside (cookbook-body,
@@ -19817,12 +19465,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   transition: opacity 0.12s ease, max-height 0.2s ease;
   max-height: 120px;
 }
-/* The Servers list reuses .memory-toolbar for layout but must grow with every
-   added server — the 120px cap above was clipping manually-added servers. */
-.memory-toolbar.cookbook-servers-toolbar {
-  max-height: none;
-  overflow: visible;
-}
 .doclib-card {
   background: color-mix(in srgb, var(--fg) 3%, transparent);
   border: 1px solid var(--border);
@@ -20264,16 +19906,10 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   color: var(--fg-muted);
   border: 1px solid var(--border);
 }
-/* Restore sits on the right of the Delete in archive previews. */
-.doclib-chat-restore-btn { margin-left: auto; }
 .doclib-chat-restore-btn:hover {
   color: var(--accent, var(--red));
   border-color: var(--accent, var(--red));
 }
-/* Delete + Archive pin to the left of the actions row; the
-   `margin-right: auto` on the last left-side button (Archive) pushes
-   Copy + Open to the right. Delete sits furthest left. */
-.doclib-chat-archive-btn { margin-right: auto; }
 .doclib-chat-archive-btn:hover,
 .doclib-chat-discuss-btn:hover,
 .doclib-chat-copy-btn:hover {
@@ -20441,10 +20077,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   overflow: hidden;
   animation: doclib-expand 0.2s ease-out;
 }
-@keyframes doclib-expand {
-  from { opacity: 0.5; transform: translateY(4px); }
-  to { opacity: 1; transform: translateY(0); }
-}
 .doclib-card.doclib-card-expanded {
   flex-direction: column !important;
   align-items: stretch !important;
@@ -20522,8 +20154,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   margin: 0 0 8px;
   flex-shrink: 0;
 }
-/* Hide the section headers while a card is expanded (full-screen reader). */
-.doclib-grid:has(.doclib-card-expanded) > .skills-section-header { display: none; }
 
 /* #skills-list wears both .memory-list and .doclib-grid. doclib-grid's
    max-height:400px would cap the list AND clamp an expanded card — keep
@@ -20642,7 +20272,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   flex-wrap: wrap;
   margin-top: 4px;
 }
-.skill-card:not(.doclib-card-expanded) .skill-card-tags { display: none; }
 .skill-tag-pill {
   padding: 1px 5px;
   font-size: 9px;
@@ -20869,9 +20498,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   margin-left: 0;
   margin-right: 0;
 }
-.doclib-chip-scroll-frame > .chip-scroll-strip:empty {
-  display: none;
-}
 .doclib-chip-scroll-arrow {
   display: none;
   position: absolute;
@@ -20967,25 +20593,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
 #hwfit-cache-select {
   top: -4px;
 }
-#hwfit-cached-list {
-  position: relative;
-  top: -6px;
-}
-#hwfit-server-select,
-#hwfit-search {
-  position: relative;
-  top: -2px !important;
-}
-#hwfit-search {
-  height: 30px;
-  min-height: 30px;
-  font-family: inherit;
-  font-size: 11px;
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e06c75' stroke-opacity='0.85' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
-  background-repeat: no-repeat;
-  background-position: 9px center;
-  padding-left: 28px;
-}
 /* Calendar previously framed its tags as a separate card. It now follows the
    same unframed placement as the other filter strips. */
 .cal-filters {
@@ -21088,8 +20695,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
 }
 .skill-kebab-btn:hover { opacity: 1; background: color-mix(in srgb, var(--fg) 10%, transparent); }
 .skill-chevron-up { display: none; align-items: center; opacity: 0.5; flex-shrink: 0; }
-.skill-card.doclib-card-expanded .skill-kebab-btn { display: none; }
-.skill-card.doclib-card-expanded .skill-chevron-up { display: inline-flex; }
 /* Kebab dropdown */
 .skill-kebab-menu {
   position: fixed;
@@ -21174,15 +20779,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   color: var(--color-save-green, #4caf50);
   border-color: var(--color-save-green, #4caf50);
 }
-/* Size the expanded skill card to its content (footer sits right under the
-   preview) but cap at the modal height so a long SKILL.md scrolls instead
-   of overflowing. The inherited `.doclib-card-expanded { flex: 1 }` forced
-   the card to fill the whole modal, which left a big empty void between a
-   short skill's text and the footer. */
-.skill-card.doclib-card-expanded {
-  flex: 0 1 auto !important;
-  max-height: 100% !important;
-}
 /* :has()-free expand layout. skills.js adds .skills-has-expanded to the
    skills admin-card when a skill opens, so this works on engines that don't
    support :has() (e.g. older Firefox mobile, where the expand stuck at
@@ -21441,9 +21037,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   font-size: 9px !important;
   line-height: 1.2 !important;
 }
-.doclib-inline-load-more::before {
-  display: none;
-}
 
 /* Document library toolbar buttons */
 .doclib-toolbar-btn {
@@ -21504,10 +21097,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   color: color-mix(in srgb, var(--fg) 60%, transparent);
   font-size: 10px;
 }
-#doclib-selected-count {
-  color: color-mix(in srgb, var(--fg) 50%, transparent);
-  font-size: 10px;
-}
 #doclib-bulk-bar .memory-toolbar-btn {
   position: relative;
   top: -3px;
@@ -21592,7 +21181,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
 .email-reader-actions-inline > [data-act="reply"] { order: 2; }
 .email-reader-actions-inline > [data-act="reply-all"] { order: 3; }
 .email-reader-actions-inline > [data-act="forward"] { order: 4; }
-.email-reader-actions-inline > .email-reader-more-wrap { order: 5; }
 .email-reader-actions-inline.email-reader-actions-compact > .reader-action-overflowed {
   display: none !important;
 }
@@ -21734,11 +21322,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   min-height: 0;
   overflow: hidden;
 }
-.gallery-modal-content:has(#gallery-editor-container[style*="flex"]) .gallery-editor-landing {
-  width: 100%;
-  min-height: 0;
-  box-sizing: border-box;
-}
 /* Photo-detail view sizing (issue #314).
    The detail view is rendered as a `position:absolute; inset:0` overlay
    *inside* `.gallery-images-container`, painted over the photo grid. Because
@@ -21800,10 +21383,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   font-size: 12px;
   outline: none;
 }
-#gallery-bulk-count,
-#gallery-editor-drafts-bulk-count {
-  top: -1px !important;
-}
 .gallery-search-enter-hint {
   position: absolute;
   right: 10px;
@@ -21822,9 +21401,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
 }
 /* Show the hint only once the user has typed something (placeholder gone). */
 .gallery-search:not(:placeholder-shown) ~ .gallery-search-enter-hint { opacity: 0.95; }
-#gallery-select-btn { position: relative; top: 4px !important; font-size: 12px; padding: 10px 11px 12px; min-width: 76px; justify-content: center; }
-#gallery-albums-search { top: -4px; }
-#gallery-albums-select-btn { top: -4px !important; }
 .gallery-search:focus {
   border-color: var(--red);
 }
@@ -21847,11 +21423,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   top: 2px;
   padding-right: 18px;
 }
-#gallery-bulk-delete,
-#gallery-albums-bulk-delete,
-#gallery-editor-drafts-bulk-delete {
-  color: var(--color-error, #f44) !important;
-}
 .gallery-tag-chips {
   display: flex;
   flex-wrap: wrap;
@@ -21958,11 +21529,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   z-index: 1;
 }
 .gallery-card-play svg { margin-left: 2px; }
-.gallery-detail-image video {
-  max-width: 100%;
-  max-height: 70vh;
-  display: block;
-}
 
 .gallery-fav-btn {
   position: absolute; top: 0px; right: 4px; z-index: 2;
@@ -21973,7 +21539,6 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   opacity: 0; transition: opacity 0.15s;
   padding: 0;
 }
-.gallery-card:hover .gallery-fav-btn { opacity: 1; }
 .gallery-fav-btn.gallery-fav-active { opacity: 1; color: var(--red); }
 
 .gallery-dl-btn {
@@ -21985,11 +21550,7 @@ body:not(.email-doc-split-active) #email-lib-modal.email-lib-fullscreen:not(.mod
   opacity: 0; transition: opacity 0.15s, background 0.15s;
   padding: 0;
 }
-.gallery-card:hover .gallery-dl-btn { opacity: 1; }
 .gallery-dl-btn:hover { background: rgba(0,0,0,0.7); color: #fff; }
-@media (hover: none) {
-  .gallery-dl-btn { opacity: 0.55; }
-}
 /* In select mode the per-thumbnail hover buttons (favorite + download) just
    get in the way of picking — hide them so the card is a clean select target.
    `body.gallery-selecting` is the authoritative signal (one class for the
@@ -22004,8 +21565,6 @@ body.gallery-selecting .gallery-dl-btn,
 
 /* AI tag chips in detail view */
 .gallery-ai-tags { display: flex; gap: 4px; flex-wrap: wrap; }
-/* Space the user's tag chips off the "add tag" input below them. */
-#gallery-user-tag-chips { margin-bottom: 4px; }
 .gallery-ai-chip {
   background: color-mix(in srgb, var(--accent, var(--red)) 12%, transparent);
   border: 1px solid color-mix(in srgb, var(--accent, var(--red)) 25%, transparent);
@@ -22057,7 +21616,6 @@ body.gallery-selecting .gallery-dl-btn,
   opacity: 0.55;
   transition: opacity 0.12s, background 0.12s, color 0.12s;
 }
-.gallery-user-chip:hover .gallery-tag-x { opacity: 0.85; }
 .gallery-tag-x:hover {
   opacity: 1;
   background: color-mix(in srgb, var(--red, #ff5555) 22%, transparent);
@@ -22116,10 +21674,6 @@ body.gallery-selecting .gallery-dl-btn,
   animation: gallery-skeleton-shimmer 1.25s ease-in-out infinite;
 }
 .gallery-card-skeleton:hover { transform: none; box-shadow: none; border-color: var(--border); }
-@keyframes gallery-skeleton-shimmer {
-  0%   { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
 /* Chat attachment image: shimmer skeleton + centered whirlpool shown while a
    sent photo uploads / its thumbnail loads (see chatRenderer buildAttachCards). */
 .attach-image-skeleton {
@@ -22298,10 +21852,6 @@ body.gallery-selecting .gallery-dl-btn,
   pointer-events: none;
   transition: opacity 0.15s;
 }
-.gallery-card:hover .gallery-card-overlay,
-.gallery-card.gallery-card-focus .gallery-card-overlay {
-  opacity: 1;
-}
 .gallery-card-badges {
   display: flex;
   gap: 4px;
@@ -22334,24 +21884,6 @@ body.gallery-selecting .gallery-dl-btn,
 }
 .gallery-select-dot.selected { background: var(--red); border-color: var(--red); }
 .gallery-select-dot:hover { background: color-mix(in srgb, var(--red) 50%, transparent); }
-/* Strong accent ring on the whole photo when selected. Paint it as a
-   foreground pseudo-element so the thumbnail cannot cover the feedback. */
-.gallery-card:has(.gallery-select-dot.selected) {
-  border-color: var(--accent-primary, var(--red));
-}
-.gallery-card:has(.gallery-select-dot.selected)::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  z-index: 3;
-  border: 3px solid var(--accent-primary, var(--red));
-  border-radius: inherit;
-  box-sizing: border-box;
-  pointer-events: none;
-}
-.gallery-card:has(.gallery-select-dot.selected) .gallery-select-dot {
-  z-index: 4;
-}
 .gallery-select-btn {
   padding: 9px 10px 11px; background: transparent; color: var(--fg);
   border: 1px solid var(--border); border-radius: 6px; cursor: pointer;
@@ -22532,9 +22064,6 @@ body.gallery-selecting .gallery-dl-btn,
 .gallery-detail-action.danger {
   color: var(--color-error, #e55);
 }
-.gallery-detail-action.danger:hover {
-  border-color: var(--color-error, #e55);
-}
 /* Overflow menu — replaces the seven individual action buttons that used
    to crowd the right side of the detail header. */
 .gallery-detail-menu-wrap { position: relative; }
@@ -22610,16 +22139,6 @@ body.gallery-selecting .gallery-dl-btn,
   max-width: 100%;
   max-height: 100%;
 }
-.gallery-detail-image img,
-.gallery-detail-image video,
-.gallery-detail-img-frame img,
-.gallery-detail-img-frame video {
-  max-width: 100%;
-  max-height: 100%;
-  border-radius: 6px;
-  object-fit: contain;
-  display: block;
-}
 .gallery-detail-nav {
   position: absolute;
   top: 50%;
@@ -22639,22 +22158,10 @@ body.gallery-selecting .gallery-dl-btn,
   z-index: 3;
   padding: 0;
 }
-.gallery-detail-image:hover .gallery-detail-nav { opacity: 0.85; }
 .gallery-detail-nav:hover { opacity: 1 !important; background: rgba(0, 0, 0, 0.7); }
 .gallery-detail-nav-prev { left: 8px; }
 .gallery-detail-nav-next { right: 8px; }
 
-@media (min-width: 769px) {
-  .gallery-modal-content:has(#gallery-detail[style*="flex"]) {
-    height: 92vh;
-  }
-  .gallery-modal-content:has(#gallery-detail[style*="flex"]) > .modal-body,
-  .gallery-images-container:has(> #gallery-detail[style*="flex"]),
-  #gallery-images-container:has(> #gallery-detail[style*="flex"]) > #gallery-detail {
-    height: 100%;
-    min-height: 0;
-  }
-}
 /* Rotate buttons — same pattern as the prev/next arrows but pinned to the
    top corners. Hover-revealed so they don't clutter the image. */
 .gallery-detail-rotate {
@@ -22675,7 +22182,6 @@ body.gallery-selecting .gallery-dl-btn,
   z-index: 3;
   padding: 0;
 }
-.gallery-detail-image:hover .gallery-detail-rotate { opacity: 0.85; }
 .gallery-detail-rotate:hover { opacity: 1 !important; background: rgba(0, 0, 0, 0.7); }
 .gallery-detail-rotate-ccw { left: 8px; }
 .gallery-detail-rotate-cw  { right: 8px; }
@@ -22718,13 +22224,6 @@ body.gallery-selecting .gallery-dl-btn,
   opacity: 1;
   color: var(--red);
 }
-.gallery-detail-nav-disabled {
-  opacity: 0 !important;
-  pointer-events: none;
-}
-@media (hover: none) {
-  .gallery-detail-nav { opacity: 0.7; }
-}
 .gallery-detail-sidebar {
   width: 290px;
   flex-shrink: 0;
@@ -22795,7 +22294,6 @@ body.gallery-selecting .gallery-dl-btn,
   cursor: pointer;
   text-align: left;
 }
-.gallery-detail-inline-link:hover { text-decoration: underline; }
 .gallery-detail-mini-actions {
   display: flex;
   flex-wrap: wrap;
@@ -22826,9 +22324,6 @@ body.gallery-selecting .gallery-dl-btn,
   max-width: 100%;
   box-sizing: border-box;
 }
-.gallery-detail-section {
-  margin-bottom: 12px;
-}
 .gallery-date-rel {
   opacity: 0.55;
   margin-left: 4px;
@@ -22872,7 +22367,6 @@ body.gallery-selecting .gallery-dl-btn,
 /* ↵ enter hint inside the Add-a-tag field (accent), replacing the "press Enter"
    placeholder text. */
 .gallery-tag-input-wrap { position: relative; }
-.gallery-tag-input-wrap .gallery-tag-input { padding-right: 24px; }
 .gallery-tag-enter-hint {
   position: absolute;
   right: 8px;
@@ -22900,8 +22394,6 @@ body.gallery-selecting .gallery-dl-btn,
   pointer-events: none;
   display: none;
 }
-.gallery-name-wrap:focus-within .gallery-name-enter { display: inline-flex; }
-.gallery-name-wrap:focus-within .gallery-detail-name-input { padding-right: 28px; }
 .gallery-tag-save {
   background: none;
   border: 1px solid var(--border);
@@ -23194,17 +22686,6 @@ body.gallery-selecting .gallery-dl-btn,
 #cookbook-modal .cookbook-section-body {
   min-height: 0;
 }
-.cookbook-body::-webkit-scrollbar {
-  width: 4px;
-}
-.cookbook-body::-webkit-scrollbar-thumb {
-  background: color-mix(in srgb, var(--fg) 15%, transparent);
-  border-radius: 4px;
-}
-.cookbook-body::-webkit-scrollbar-track {
-  background: transparent;
-  padding: 4px 0;
-}
 .cookbook-group {
   display: flex;
   flex-direction: column;
@@ -23263,14 +22744,6 @@ body.gallery-selecting .gallery-dl-btn,
 }
 .cookbook-field-input:focus { border-color: var(--red); }
 #hwfit-dl-server, #hwfit-usecase, #hwfit-server-select, #hwfit-cache-server, #serve-sort { height: 28px; width: 88px; }
-#hwfit-dl-server.cookbook-server-select-colored,
-#hwfit-server-select.cookbook-server-select-colored,
-#hwfit-cache-server.cookbook-server-select-colored,
-#hwfit-deps-server.cookbook-server-select-colored {
-  color: var(--cookbook-server-color, var(--fg));
-  border-color: color-mix(in srgb, var(--cookbook-server-color) 55%, var(--border));
-  background-color: color-mix(in srgb, var(--cookbook-server-color) 12%, var(--bg));
-}
 /* Serve tab — match Documents sizing, but leave room for the active "Cancel"
    label and center it vertically so the descenders don't clip. */
 #hwfit-cache-select {
@@ -23356,7 +22829,6 @@ body.gallery-selecting .gallery-dl-btn,
   justify-content: center;
 }
 .cookbook-output-kill:hover { color: var(--color-error, var(--warn)); border-color: var(--border); }
-.cookbook-output-wrap:hover .cookbook-output-kill { opacity: 0.7; }
 .cookbook-output-wrap .copy-code {
   position: absolute;
   top: 6px;
@@ -23525,7 +22997,6 @@ body.gallery-selecting .gallery-dl-btn,
   left: -2px;
   top: -1px;
 }
-.cookbook-tab-error-dot { --notif-glow: var(--color-error, #f44); }
 .rail-notify-error { color: var(--color-error, #f44) !important; }
 .cookbook-tab-error-dot {
   display: inline-block; width: 5px; height: 5px; border-radius: 50%;
@@ -23660,21 +23131,7 @@ body.gallery-selecting .gallery-dl-btn,
   background: color-mix(in srgb, var(--accent, var(--red)) 22%, transparent);
   border-color: color-mix(in srgb, var(--accent, var(--red)) 55%, transparent);
 }
-/* Brief highlight on the matched task card when jumping from the
-   running pill, so the user can spot it among a long list. */
-.cookbook-task-flash {
-  animation: cookbook-task-flash-anim 1.6s ease-out;
-}
-@keyframes cookbook-task-flash-anim {
-  0%   { box-shadow: 0 0 0 2px var(--accent, var(--red)); }
-  100% { box-shadow: 0 0 0 2px transparent; }
-}
 
-/* Cookbook header "downloading" status label sits 2px too far left
-   against the rest of the cookbook chrome — nudge it right. */
-#cookbook-bg-status {
-  left: 2px;
-}
 .cookbook-serve-dir-edit {
   font-size: 9px;
   color: var(--fg-muted);
@@ -23736,9 +23193,6 @@ body.gallery-selecting .gallery-dl-btn,
   text-decoration: line-through;
   cursor: not-allowed;
 }
-/* Keep both GPU action labels on one line — they wrapped to two rows on
-   mobile, which looked broken. */
-.cookbook-gpu-probe, .cookbook-gpu-clear { white-space: nowrap; }
 /* "Clear Server" lives in the actions row next to "Probe GPUs".
    Inherits .cookbook-btn sizing; this rule just adds the destructive
    red tint on hover so the "this kills processes" cue stays. */
@@ -23890,17 +23344,6 @@ body.gallery-selecting .gallery-dl-btn,
   opacity: 0.85;
   border-color: color-mix(in srgb, var(--accent, var(--red)) 30%, transparent);
 }
-#cookbook-hf-latest-list .cookbook-hf-link:hover {
-  opacity: 1;
-}
-#cookbook-hf-latest-list {
-  min-height: 0;
-  max-height: min(52vh, 480px);
-  overflow-y: auto;
-  overflow-x: hidden;
-  overscroll-behavior: contain;
-  scrollbar-width: thin;
-}
 
 /* Running tab sections */
 .cookbook-saved-section,
@@ -23956,9 +23399,6 @@ body.gallery-selecting .gallery-dl-btn,
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--cookbook-server-accent, var(--cookbook-server-color)) 18%, transparent),
     0 0 8px color-mix(in srgb, var(--cookbook-server-accent, var(--cookbook-server-color)) 55%, transparent);
 }
-.cookbook-section-header .cookbook-section-title {
-  flex: 1;
-}
 .cookbook-section-header .cookbook-clear-btn {
   margin-left: 0;
   position: relative;
@@ -24000,7 +23440,6 @@ body.gallery-selecting .gallery-dl-btn,
   opacity: 0.6;
   transition: transform 0.15s ease, opacity 0.15s ease;
 }
-.cookbook-section-header:hover .cookbook-section-chevron { opacity: 1; }
 .cookbook-section-body {
   padding: 0;
 }
@@ -24189,7 +23628,6 @@ body.gallery-selecting .gallery-dl-btn,
   position: relative;
   display: inline-flex;
 }
-.cookbook-slot-wrap:hover .cookbook-slot-del { opacity: 1; }
 .cookbook-slot-del {
   position: absolute;
   top: -5px;
@@ -24382,11 +23820,6 @@ body.gallery-selecting .gallery-dl-btn,
   height: auto;
   min-height: 24px;
 }
-/* Keep dependency pills visually centered against the package description.
-   The row itself stays stable; only the controls move down slightly. */
-.cookbook-dep-row > .cookbook-dep-tag {
-  transform: translateY(2px);
-}
 /* The install state is the terminal control in a dependency row. Keep it on
    the far edge even when optional rebuild/category controls are present. */
 .cookbook-dep-row > .cookbook-dep-installed,
@@ -24394,32 +23827,6 @@ body.gallery-selecting .gallery-dl-btn,
 .cookbook-dep-row > .cookbook-dep-install:not(.cookbook-dep-build-deps) {
   margin-left: auto;
 }
-/* Conditional line under the Download h2: only when the section is folded
-   (collapsed). When expanded, the body content provides separation; the
-   underline reads as clutter. */
-#cookbook-dl-tab-fold { border-bottom: none !important; padding-bottom: 0 !important; }
-#cookbook-dl-tab-fold.is-folded {
-  border-bottom: 1px solid color-mix(in srgb, var(--border) 40%, transparent) !important;
-  padding-bottom: 6px !important;
-}
-/* Smooth open/close for the Direct Download body — replaces the
-   instant display:none toggle with a max-height + opacity slide so
-   auto-fold and auto-expand don't feel jarring. 1200px is a safe
-   upper bound for the body height; the slide only fires up to the
-   actual content height because content stops there. */
-#cookbook-dl-tab-fold-body {
-  overflow: hidden;
-  max-height: 1200px;
-  opacity: 1;
-  transition: max-height 0.28s ease, opacity 0.18s ease, margin 0.28s ease;
-}
-#cookbook-dl-tab-fold-body.is-folded {
-  max-height: 0;
-  opacity: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  pointer-events: none;
-}
 /* Center the "?" glyph inside the help chip. Without text-align it sits 0.5px
    left of true center because of the character's natural baseline offset. */
 .hwfit-help-chip {
@@ -24442,7 +23849,6 @@ body.gallery-selecting .gallery-dl-btn,
   -webkit-appearance: none;
   -moz-appearance: none;
 }
-.cookbook-dep-installed-btn .cookbook-dep-installed-label { padding: 0 8px; }
 .cookbook-dep-installed-btn .cookbook-dep-caret {
   display: inline-flex;
   align-items: center;
@@ -24456,7 +23862,6 @@ body.gallery-selecting .gallery-dl-btn,
   opacity: 0.85;
   border-left: 1px solid color-mix(in srgb, var(--green, #50fa7b) 35%, transparent);
 }
-.cookbook-dep-installed-btn:hover { filter: brightness(1.15); }
 .hwfit-serve-row {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
@@ -24499,10 +23904,6 @@ body.gallery-selecting .gallery-dl-btn,
   gap: 8px;
   margin: 0 0 6px;
 }
-.hwfit-serve-topline .hwfit-serve-runtime-note {
-  flex: 1 1 auto;
-  min-width: 0;
-}
 .hwfit-serve-topline .hwfit-serve-runtime-text {
   display: block;
   overflow: hidden;
@@ -24517,33 +23918,6 @@ body.gallery-selecting .gallery-dl-btn,
   position: relative;
   top: -6px;
 }
-/* Expanded serve panel — make sure it can be scrolled past when it
-   grows taller than the visible viewport. Caps panel height to viewport
-   minus chrome and gives it its own internal scroll, so the surrounding
-   cached-list scroll isn't the only escape route. */
-.hwfit-cached-item .hwfit-serve-panel {
-  max-height: calc(100vh - 180px);
-  overflow-y: auto;
-  overscroll-behavior: contain;
-}
-@media (max-width: 768px) {
-  .hwfit-cached-item .hwfit-serve-panel {
-    max-height: calc(100svh - 120px);
-  }
-  .hwfit-serve-preset-row {
-    justify-content: flex-end;
-    margin: -2px 0 0;
-  }
-  .hwfit-serve-topline {
-    flex-wrap: wrap;
-  }
-  .hwfit-serve-topline .hwfit-serve-runtime-note {
-    flex-basis: 100%;
-  }
-  .hwfit-serve-topline .hwfit-serve-runtime-text {
-    white-space: normal;
-  }
-}
 .hwfit-serve-row label {
   font-size: 10px;
   color: var(--fg-muted);
@@ -24662,11 +24036,6 @@ body.gallery-selecting .gallery-dl-btn,
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.hwfit-serve-row label select,
-.hwfit-serve-row label input {
-  display: block;
-  margin-top: 2px;
-}
 /* Ctx slider — ported from origin/main. Sits in the Scan/Download toolbar
    next to the quant dropdown. Drives _ctxValue() in cookbook-hwfit.js. */
 .hwfit-ctx-control {
@@ -24776,19 +24145,12 @@ body.gallery-selecting .gallery-dl-btn,
   box-sizing: border-box;
   width: 100%;
 }
-.hwfit-extra-env-label {
-  grid-column: 1 / -1;
-}
-.hwfit-serve-panel[data-backend-active="vllm"] .hwfit-extra-env-label {
-  grid-column: 2 / -1;
-}
 .hwfit-sf:focus {
   border-color: var(--accent, var(--red));
   outline: none;
 }
 .hwfit-sf[type="text"] { width: 100%; }
 .hwfit-sf.hwfit-sf-wide { width: 100%; }
-.hwfit-sf.hwfit-sf-full { grid-column: 1 / -1; }
 .hwfit-serve-checks {
   display: flex;
   flex-wrap: wrap;
@@ -24837,12 +24199,6 @@ body.gallery-selecting .gallery-dl-btn,
   padding-right: 4px !important;
   text-align: center;
 }
-.hwfit-spec-tokens-bare::-webkit-outer-spin-button,
-.hwfit-spec-tokens-bare::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-  display: none;
-}
 /* Themed step buttons replacing the native number-input spinner. */
 .hwfit-numstep {
   display: inline-flex;
@@ -24864,11 +24220,6 @@ body.gallery-selecting .gallery-dl-btn,
   appearance: textfield;
   margin: 0;
 }
-.hwfit-numstep .hwfit-spec-tokens::-webkit-outer-spin-button,
-.hwfit-numstep .hwfit-spec-tokens::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
 .hwfit-numstep-btn {
   width: 16px;
   background: color-mix(in srgb, var(--fg) 8%, transparent);
@@ -24891,15 +24242,8 @@ body.gallery-selecting .gallery-dl-btn,
 .hwfit-numstep-btn:active {
   background: color-mix(in srgb, var(--accent, var(--red)) 35%, transparent);
 }
-.hwfit-numstep-btn:focus { outline: none; }
 .hwfit-numstep-btn[data-step="-1"] { border-right: 1px solid var(--border); }
 .hwfit-numstep-btn[data-step="1"]  { border-left:  1px solid var(--border); }
-.hwfit-spec-group:has(input[type="checkbox"]:not(:checked)) .hwfit-spec-method,
-.hwfit-spec-group:has(input[type="checkbox"]:not(:checked)) .hwfit-spec-tokens,
-.hwfit-spec-group:has(input[type="checkbox"]:not(:checked)) .hwfit-numstep {
-  opacity: 0.45;
-  pointer-events: none;
-}
 /* Custom toggle switch */
 .hwfit-sf-cb input[type="checkbox"] {
   -webkit-appearance: none;
@@ -24932,9 +24276,6 @@ body.gallery-selecting .gallery-dl-btn,
   transform: translateX(14px);
   background: #fff;
 }
-.hwfit-serve-extra {
-  margin-bottom: 6px;
-}
 .hwfit-serve-extra label {
   display: flex;
   flex-direction: column;
@@ -24946,9 +24287,6 @@ body.gallery-selecting .gallery-dl-btn,
 .hwfit-serve-extra .hwfit-sf {
   width: 100%;
 }
-.hwfit-serve-cmd-details {
-  margin: 4px 0 0;
-}
 .hwfit-serve-cmd-summary {
   display: flex;
   align-items: center;
@@ -24964,28 +24302,6 @@ body.gallery-selecting .gallery-dl-btn,
   font-size: 10px;
   letter-spacing: 0.3px;
 }
-.hwfit-serve-cmd-summary::-webkit-details-marker {
-  display: none;
-}
-.hwfit-serve-cmd-summary::after {
-  content: '';
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 4px solid currentColor;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  opacity: 0.6;
-  transform: rotate(0deg);
-  transition: transform 0.18s ease;
-}
-.hwfit-serve-cmd-details[open] > .hwfit-serve-cmd-summary::after {
-  transform: rotate(90deg);
-}
-.hwfit-serve-cmd-details[open] > .hwfit-serve-cmd-summary {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
 .hwfit-serve-cmd {
   margin: 0;
   padding: 8px 10px;
@@ -25107,16 +24423,6 @@ body.gallery-selecting .gallery-dl-btn,
     border-color: var(--border);
   }
 }
-/* Same z-index treatment as .cookbook-task-dropdown — cookbook modal's
-   auto-stack climbs past low values; popups append to body and need to
-   sit above the modal regardless. */
-:where(.hwfit-cached-dropdown,
-.cookbook-gpu-split-menu,
-.cookbook-launch-actions-menu,
-.cookbook-saved-menu,
-.cookbook-dep-menu) {
-  z-index: 10000;
-}
 
 /* Launch-command textarea wrapper — Copy pill floats at the top-right
    corner of the field (chat run-output pattern). */
@@ -25129,16 +24435,6 @@ body.gallery-selecting .gallery-dl-btn,
   color: var(--fg-muted);
   letter-spacing: 0.3px;
 }
-.hwfit-serve-cmd-wrap .hwfit-serve-cmd {
-  /* Just enough breathing room so a cursor at line-end doesn't actually
-     touch the Copy icon — text otherwise uses the full width of the box. */
-  padding-right: 32px;
-}
-.hwfit-serve-cmd-details[open] .hwfit-serve-cmd {
-  border-color: color-mix(in srgb, var(--accent, var(--red)) 48%, var(--border));
-  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent, var(--red)) 16%, transparent),
-              0 0 12px color-mix(in srgb, var(--accent, var(--red)) 13%, transparent);
-}
 .hwfit-serve-cmd-details[open] > .hwfit-serve-cmd-summary {
   color: var(--accent, var(--red));
   border-color: color-mix(in srgb, var(--accent, var(--red)) 48%, var(--border));
@@ -25166,17 +24462,6 @@ body.gallery-selecting .gallery-dl-btn,
    are visually joined — left button square on its right edge, arrow square
    on its left edge — so they read as one widget. */
 .cookbook-gpu-split { display: inline-flex; flex-shrink: 0; }
-.cookbook-gpu-split .cookbook-gpu-split-main {
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-}
-.cookbook-gpu-split .cookbook-gpu-split-arrow {
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-left-width: 0 !important;
-  padding: 0 6px !important;
-  min-width: 24px;
-}
 .cookbook-gpu-split .cookbook-gpu-split-arrow svg { display: block; }
 
 .cookbook-task-dropdown {
@@ -25322,10 +24607,6 @@ body.gallery-selecting .gallery-dl-btn,
   background: color-mix(in srgb, var(--fg) 10%, transparent);
   color: var(--fg-muted);
 }
-.cookbook-task[data-type="download"][data-status="running"] .cookbook-task-type[data-type="download"] {
-  background: color-mix(in srgb, var(--color-accent, #00aaff) 18%, transparent);
-  color: var(--color-accent, #00aaff);
-}
 /* Finished state — overrides the per-type colors so a completed download or
    serve task shows the same green FINISHED chip. */
 .cookbook-task-type.cookbook-task-type-done {
@@ -25355,10 +24636,6 @@ body.gallery-selecting .gallery-dl-btn,
      alive — especially when the card is collapsed and the log isn't visible. */
   animation: cookbook-wave-pulse 1.3s ease-in-out infinite;
 }
-@keyframes cookbook-wave-pulse {
-  0%, 100% { opacity: 0.45; }
-  50%      { opacity: 1; }
-}
 .cookbook-task-indicator {
   min-width: 24px;
   text-align: center;
@@ -25405,8 +24682,6 @@ body.gallery-selecting .gallery-dl-btn,
 .cookbook-task[data-status="done"] .cookbook-task-done-label {
   color: var(--green, #50fa7b);
 }
-.cookbook-task[data-status="done"] .cookbook-task-check-ico { display: inline; }
-.cookbook-task[data-status="done"] .cookbook-task-clear-ico { display: none; }
 @media (max-width: 820px) {
   .cookbook-task-check {
     top: 2px;
@@ -25547,9 +24822,6 @@ body.gallery-selecting .gallery-dl-btn,
 .cookbook-task-collapsed {
   display: none !important;
 }
-.cookbook-task-header {
-  cursor: pointer;
-}
 .cookbook-task[data-type="serve"] .cookbook-task-header {
   margin: 4px 4px 0;
   border-radius: 6px;
@@ -25573,15 +24845,10 @@ body.gallery-selecting .gallery-dl-btn,
   flex-wrap: wrap;
   gap: 6px;
 }
-.cookbook-env-row > .cookbook-field-label {
-  flex: 1 1 140px;
-  min-width: 120px;
-}
 .cookbook-env-row .cookbook-field-input {
   width: 100%;
   box-sizing: border-box;
 }
-.cookbook-extra-label { grid-column: 1 / -1; }
 
 /* Tabs — match library tabs */
 .cookbook-tabs {
@@ -25850,48 +25117,6 @@ body.gallery-selecting .gallery-dl-btn,
   cursor: pointer;
   transition: opacity 0.1s;
 }
-.cookbook-slider::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--fg);
-  border: 2px solid var(--panel);
-  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
-  cursor: pointer;
-  transition: transform 0.1s, box-shadow 0.1s;
-}
-.cookbook-slider:hover::-webkit-slider-thumb {
-  transform: scale(1.15);
-  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent, var(--red)) 20%, transparent);
-}
-.cookbook-slider:active::-webkit-slider-thumb {
-  transform: scale(1.25);
-  box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent, var(--red)) 25%, transparent);
-}
-.cookbook-slider::-moz-range-thumb {
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  background: var(--fg);
-  border: 2px solid var(--panel);
-  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
-  cursor: pointer;
-}
-.cookbook-slider::-moz-range-progress {
-  background: var(--accent, var(--red));
-  height: 6px;
-  border-radius: 4px;
-}
-.cookbook-slider::-webkit-slider-runnable-track {
-  height: 6px;
-  border-radius: 4px;
-}
-.cookbook-slider::-moz-range-track {
-  height: 6px;
-  border-radius: 4px;
-  background: color-mix(in srgb, var(--fg) 12%, transparent);
-}
 .cookbook-slider-value {
   width: 64px !important;
   flex-shrink: 0;
@@ -25944,9 +25169,6 @@ body.gallery-selecting .gallery-dl-btn,
 .cookbook-checkbox:checked {
   background: var(--red);
 }
-.cookbook-checkbox:checked::after {
-  transform: translateX(14px);
-}
 
 /* GPU toggle grid */
 .cookbook-gpu-row {
@@ -26024,10 +25246,6 @@ body.gallery-selecting .gallery-dl-btn,
   color: var(--red);
 }
 
-/* Sliders span full row for alignment */
-.cookbook-field-slider {
-  grid-column: 1 / -1;
-}
 
 /* Kill button */
 .cookbook-kill-btn {
@@ -26141,9 +25359,6 @@ body.gallery-selecting .gallery-dl-btn,
   background: transparent;
   color: var(--color-error);
 }
-.cookbook-diag-body {
-  margin-top: 7px;
-}
 .cookbook-diag-message {
   font-size: 12px;
   font-weight: 600;
@@ -26325,10 +25540,6 @@ body.gallery-selecting .gallery-dl-btn,
   border-color: var(--red);
 }
 
-/* Add Server collapsible */
-.cookbook-server-details {
-  margin: 4px 0 6px;
-}
 .cookbook-server-toggle {
   cursor: pointer;
   display: flex;
@@ -26342,7 +25553,6 @@ body.gallery-selecting .gallery-dl-btn,
   color: var(--fg-muted);
   transition: background 0.1s, color 0.1s;
 }
-.cookbook-server-toggle::-webkit-details-marker { display: none; }
 .cookbook-server-toggle:hover { color: var(--fg); background: color-mix(in srgb, var(--fg) 5%, transparent); }
 .cookbook-server-toggle svg {
   opacity: 0.5;
@@ -26424,7 +25634,6 @@ body.gallery-selecting .gallery-dl-btn,
   transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
   cursor: pointer;
 }
-.cookbook-srv-status:hover { transform: scale(1.3); }
 .cookbook-srv-status.testing {
   background: var(--color-warning, #f0ad4e);
   animation: cookbook-srv-pulse 0.9s ease-in-out infinite;
@@ -26443,10 +25652,6 @@ body.gallery-selecting .gallery-dl-btn,
     0 0 0 2px color-mix(in srgb, var(--red, #e06c75) 25%, transparent),
     0 0 10px 2px color-mix(in srgb, var(--red, #e06c75) 55%, transparent);
 }
-@keyframes cookbook-srv-pulse {
-  0%, 100% { opacity: 0.45; }
-  50% { opacity: 1; }
-}
 @keyframes cookbook-srv-glow-ok {
   0%, 100% {
     box-shadow:
@@ -26496,44 +25701,7 @@ body.gallery-selecting .gallery-dl-btn,
   background: color-mix(in srgb, var(--fg) 3%, var(--bg));
   box-sizing: border-box;
 }
-.cookbook-server-entry::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  z-index: 2;
-  border-radius: inherit;
-  padding: 1px;
-  pointer-events: none;
-  background: linear-gradient(
-    to right,
-    transparent 0%,
-    transparent calc(var(--sweep, -20%) - 8%),
-    color-mix(in srgb, var(--cookbook-server-color, var(--red)) 85%, transparent) var(--sweep, -20%),
-    transparent calc(var(--sweep, -20%) + 8%),
-    transparent 100%
-  );
-  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-  -webkit-mask-composite: xor;
-          mask-composite: exclude;
-  animation: memory-synapse-sweep 6.2s linear infinite;
-  animation-delay: 0.4s;
-}
-#cookbook-servers-list .cookbook-server-entry:nth-child(2n)::after { animation-duration: 7.4s; animation-delay: 1.6s; }
-#cookbook-servers-list .cookbook-server-entry:nth-child(3n)::after { animation-duration: 8.8s; animation-delay: 3.2s; }
-#cookbook-servers-list .cookbook-server-entry:nth-child(5n)::after { animation-duration: 9.3s; animation-delay: 4.7s; }
-#cookbook-servers-list .cookbook-server-entry:nth-child(7n)::after { animation-duration: 5.5s; animation-delay: 2.3s; }
-.cookbook-server-entry:hover::after { animation: none; opacity: 0; }
-@media (prefers-reduced-motion: reduce) {
-  .cookbook-server-entry::after { animation: none; opacity: 0; }
-}
 .cookbook-server-entry:last-child { margin-bottom: 0; }
-/* Keep the row inside the card on narrow screens — the fixed-width host/path
-   inputs would otherwise overflow the card's background to the right. */
-@media (max-width: 768px) {
-  .cookbook-server-row .cookbook-srv-host,
-  .cookbook-server-row .cookbook-srv-path { flex: 1 1 100% !important; width: auto !important; min-width: 0 !important; }
-}
-.cookbook-server-row .cookbook-srv-name { width: 60px; flex-shrink: 0; flex-grow: 0; }
 .cookbook-server-row .cookbook-srv-color-wrap {
   width: 28px;
   flex-shrink: 0;
@@ -26543,9 +25711,6 @@ body.gallery-selecting .gallery-dl-btn,
   position: relative;
   color: var(--cookbook-server-color, var(--fg-muted));
 }
-.cookbook-server-row select.cookbook-srv-color {
-  display: none !important;
-}
 .cookbook-server-row .cookbook-srv-color-dot {
   position: static;
   transform: none;
@@ -26579,10 +25744,6 @@ body.gallery-selecting .gallery-dl-btn,
   background: color-mix(in srgb, var(--cookbook-server-color, var(--fg)) 14%, transparent);
   box-shadow: 0 0 0 3px color-mix(in srgb, var(--cookbook-server-color, var(--fg)) 18%, transparent);
 }
-.cookbook-server-row .cookbook-srv-color-btn:focus-visible {
-  outline: 2px solid color-mix(in srgb, var(--cookbook-server-color, var(--accent, var(--red))) 70%, transparent);
-  outline-offset: 2px;
-}
 .cookbook-server-row .cookbook-srv-color-caret {
   position: absolute;
   right: 6px;
@@ -26646,11 +25807,6 @@ body.gallery-selecting .gallery-dl-btn,
   border: 1px solid color-mix(in srgb, var(--fg) 18%, transparent);
   flex-shrink: 0;
 }
-.cookbook-server-row .cookbook-srv-host { flex: 1; min-width: 100px; }
-.cookbook-server-row .cookbook-srv-host[readonly] { opacity: 0.4; cursor: default; }
-.cookbook-server-row .cookbook-srv-port { width: 40px; flex-shrink: 0; flex-grow: 0; }
-.cookbook-server-row .cookbook-srv-env { width: 65px; flex-shrink: 0; flex-grow: 0; }
-.cookbook-server-row .cookbook-srv-path { flex: 1; min-width: 80px; }
 /* Normalize every control on a server row to the same 24-px height — with
    many servers the small per-control height drift was very visible. */
 .cookbook-server-row > * {
@@ -26670,7 +25826,6 @@ body.gallery-selecting .gallery-dl-btn,
 }
 .cookbook-server-row .cookbook-srv-actions > .close-btn { width: 24px; padding: 0; line-height: 22px; }
 .cookbook-server-row .cookbook-dep-tag { display: inline-flex; align-items: center; height: 24px; padding: 0 6px; line-height: 1; }
-.cookbook-server-row .cookbook-srv-status { width: 8px; height: 8px; align-self: center; }
 .cookbook-server-rm {
   width: 22px;
   height: 22px;
@@ -26836,11 +25991,6 @@ body.gallery-selecting .gallery-dl-btn,
   max-width: 190px;
 }
 .hwfit-gpu-group:hover { border-color: var(--fg); }
-/* Brief highlight on the serve command box when a saved config is loaded, so
-   the click clearly registers (loading is otherwise silent). */
-.cookbook-cmd-flash {
-  animation: cookbookCmdFlash 0.6s ease;
-}
 @keyframes cookbookCmdFlash {
   0%   { box-shadow: 0 0 0 0 var(--accent, var(--red)); border-color: var(--accent, var(--red)); }
   30%  { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, var(--red)) 40%, transparent); border-color: var(--accent, var(--red)); }
@@ -26857,9 +26007,6 @@ body.gallery-selecting .gallery-dl-btn,
 .hwfit-toolbar {
   display: flex; gap: 4px; align-items: center; flex-wrap: wrap;
 }
-.hwfit-toolbar:has(.hwfit-hw-manual-btn) {
-  gap: 8px;
-}
 .hwfit-toolbar .spinner-whirlpool canvas {
   position: relative;
   top: -2px;
@@ -26882,8 +26029,6 @@ body.gallery-selecting .gallery-dl-btn,
 }
 .hwfit-toolbar select:focus,
 .hwfit-toolbar input:focus { outline: none; border-color: var(--red); }
-.hwfit-toolbar .hwfit-server-select { min-width: 70px; flex-shrink: 0; }
-.hwfit-toolbar .hwfit-usecase { min-width: 70px; flex-shrink: 0; }
 .hwfit-toolbar .hwfit-usecase-btn {
   min-width: 0;
   width: 108px;
@@ -26892,9 +26037,7 @@ body.gallery-selecting .gallery-dl-btn,
   top: -3px;
 }
 .hwfit-toolbar .hwfit-quant { min-width: 0; width: 78px; flex-shrink: 0; font-size: 10px; }
-.hwfit-toolbar .hwfit-engine { min-width: 0; width: 86px; flex-shrink: 0; font-size: 10px; }
 .hwfit-toolbar .hwfit-engine-btn { min-width: 0; width: 116px; flex-shrink: 0; font-size: 10px; }
-.hwfit-toolbar .hwfit-search { flex: 1; min-width: 80px; }
 .hwfit-advanced-panel {
   display: flex;
   align-items: center;
@@ -26933,19 +26076,11 @@ body.gallery-selecting .gallery-dl-btn,
   background: var(--panel, var(--bg));
   color: var(--fg);
 }
-.hwfit-advanced-panel .hwfit-engine-menu {
-  min-width: 132px;
-}
 .hwfit-advanced-btn.active {
   color: var(--accent, var(--red));
   border-color: color-mix(in srgb, var(--accent, var(--red)) 55%, var(--border));
   background: color-mix(in srgb, var(--accent, var(--red)) 12%, transparent);
 }
-/* Lower-opacity "Search models..." placeholder so it reads as a hint, not
-   a label — matches the muted form-field feel of the inline filters. */
-.hwfit-search::placeholder { opacity: 0.5; }
-.hwfit-search::-webkit-input-placeholder { opacity: 0.5; }
-.hwfit-search::-moz-placeholder { opacity: 0.5; }
 
 /* Dot inside the Fit column header — click to toggle the fit-only filter
    (off = show too-tight rows; on = hide them). */
@@ -27099,11 +26234,6 @@ body.gallery-selecting .gallery-dl-btn,
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.hwfit-quant-wrap .hwfit-quant,
-.hwfit-engine-wrap .hwfit-engine {
-  /* Make room for the ? on the right edge, in addition to the native chevron. */
-  padding-right: 32px;
-}
 .hwfit-quant-wrap .hwfit-quant-help,
 .hwfit-engine-wrap .hwfit-engine-help {
   position: absolute;
@@ -27155,11 +26285,7 @@ body.gallery-selecting .gallery-dl-btn,
   font-weight: 600;
 }
 .hwfit-server-toggle { flex-shrink: 0; font-size: 10px !important; padding: 3px 8px !important; white-space: nowrap; }
-.hwfit-toolbar .hwfit-host { width: 110px; flex-shrink: 0; }
 .hwfit-env-row { gap: 6px; flex-wrap: wrap; }
-.hwfit-env-row .hwfit-envtype { width: auto; min-width: 70px; flex-shrink: 0; }
-.hwfit-env-row .hwfit-envpath { flex: 1; min-width: 100px; }
-.hwfit-env-row .hwfit-gpus { width: 90px; flex-shrink: 0; }
 .hwfit-hw {
   display: flex; flex-wrap: wrap; column-gap: 4px; row-gap: 7px; padding: 4px 0;
 }
@@ -27210,7 +26336,6 @@ body.gallery-selecting .gallery-dl-btn,
   display: inline-block;
   transform: translateY(-1px);
 }
-.hwfit-hw-chip-dismiss { cursor: pointer; }
 .hwfit-hw-chip-dismiss:hover { opacity: 1; }
 /* Two-part chip: text body toggles dim on click, × removes the chip.
    Visual minimal — just a slightly bigger × so it's easier to hit. */
@@ -27240,9 +26365,6 @@ body.gallery-selecting .gallery-dl-btn,
   opacity: 0.75;
   color: color-mix(in srgb, var(--fg) 72%, transparent);
 }
-.hwfit-hw-chip-row[data-hw-chip="gpu"] .hwfit-hw-chip-x {
-  transform: translateY(-3px);
-}
 .hwfit-hw-chip-off {
   /* Ghosted: drop the pill background so it reads as "off" rather than
      "selected but faded". Lower text opacity matches the muted feel. */
@@ -27323,12 +26445,6 @@ body.gallery-selecting .gallery-dl-btn,
   position: relative;
   top: -2px;
 }
-.hwfit-manual-panel .hwfit-hw-manual-save,
-.hwfit-manual-panel .hwfit-hw-manual-clear {
-  /* -3 (was -2) — 1px more up to optically align with the labeled
-     inputs to their left. */
-  transform: translateY(-3px);
-}
 .hwfit-manual-panel .hwfit-hw-manual-save {
   margin-left: auto;
 }
@@ -27373,9 +26489,6 @@ body.gallery-selecting .gallery-dl-btn,
   transition: background 0.1s;
 }
 .hwfit-row:hover { background: color-mix(in srgb, var(--fg) 6%, transparent); }
-.cookbook-model-list-fade {
-  animation: cookbook-model-list-fade-in 180ms ease-out both;
-}
 /* Scan/Download model rows enter like the other library lists. Keep the
    column header static and only replay this when the list had no model rows,
    so ordinary filtering and sorting remain instant. */
@@ -27395,19 +26508,9 @@ body.gallery-selecting .gallery-dl-btn,
 .hwfit-list.cookbook-hwfit-models-just-loaded > .hwfit-row:nth-child(12) { animation-delay: 0.44s; }
 .hwfit-list.cookbook-hwfit-models-just-loaded > .hwfit-row:nth-child(13) { animation-delay: 0.48s; }
 .hwfit-list.cookbook-hwfit-models-just-loaded > .hwfit-row:nth-child(n+14) { animation-delay: 0.48s; }
-@keyframes cookbook-model-list-fade-in {
-  from { opacity: 0; transform: translateY(3px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-@media (prefers-reduced-motion: reduce) {
-  .cookbook-model-list-fade,
-  .hwfit-list.cookbook-hwfit-models-just-loaded > .hwfit-row:not(.hwfit-header) { animation: none; }
-}
 /* Already-downloaded rows: dim slightly so attention falls on undownloaded
    options. The green dot stays bright as the "this is local" cue. */
 .hwfit-row:has(.hwfit-dl-dot) { opacity: 0.55; }
-.hwfit-row:has(.hwfit-dl-dot):hover { opacity: 0.9; }
-.hwfit-row:has(.hwfit-dl-dot) .hwfit-dl-dot { opacity: 1; }
 .hwfit-header {
   cursor: default; position: sticky; top: 0; z-index: 1;
   background: var(--panel); border-bottom: 1px solid var(--border);
@@ -27415,8 +26518,6 @@ body.gallery-selecting .gallery-dl-btn,
 }
 .hwfit-header:hover { background: var(--panel); }
 .hwfit-header .hwfit-col { font-size: 9px; color: var(--fg-muted); text-transform: uppercase; letter-spacing: 0.3px; }
-.hwfit-header .hwfit-name { font-size: 9px; }
-.hwfit-sortable { cursor: pointer; user-select: none; }
 .hwfit-sortable:hover { color: var(--fg) !important; }
 .hwfit-sort-active { color: var(--red) !important; }
 .hwfit-col {
@@ -27428,13 +26529,7 @@ body.gallery-selecting .gallery-dl-btn,
   flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis;
   font-weight: 500; font-size: 11px; color: var(--fg);
 }
-.hwfit-c-params { width: 42px; }
-.hwfit-c-quant  { width: 52px; }
-.hwfit-c-vram   { width: 42px; }
-.hwfit-c-ctx    { width: 32px; }
-.hwfit-c-speed  { width: 44px; }
 .hwfit-c-score  { width: 40px; font-weight: 700; font-size: 11px; color: var(--fg); }
-.hwfit-c-mode   { width: 72px; }
 .hwfit-moe {
   display: inline-block; padding: 0 4px; border-radius: 4px; margin-left: 4px;
   background: color-mix(in srgb, var(--red) 15%, transparent);
@@ -27451,10 +26546,6 @@ body.gallery-selecting .gallery-dl-btn,
   display: flex; flex-direction: column; gap: 8px;
   animation: hwfit-panel-in 0.15s ease-out;
 }
-@keyframes hwfit-panel-in {
-  from { opacity: 0; transform: translateY(-4px); }
-  to { opacity: 1; transform: translateY(0); }
-}
 .hwfit-panel-header {
   display: flex; align-items: center; gap: 8px; min-width: 0;
 }
@@ -27488,7 +26579,6 @@ body.gallery-selecting .gallery-dl-btn,
 .hwfit-adv-grid {
   display: flex; flex-wrap: wrap; gap: 6px 12px; padding: 6px 0;
 }
-.hwfit-cb { cursor: pointer; }
 .hwfit-cb input[type="checkbox"] { margin: 0 2px 0 0; }
 .hwfit-panel-advanced, .hwfit-panel-settings {
   font-size: 10px;
@@ -27739,9 +26829,6 @@ body.gallery-selecting .gallery-dl-btn,
   padding: 16px 20px;
   min-width: 0;
 }
-.settings-appearance-panel {
-  flex-direction: column;
-}
 .settings-appearance-panel:not(.hidden) {
   display: flex;
 }
@@ -27912,23 +26999,6 @@ body:not(.welcome-ready) #welcome-screen {
   animation: modal-exit 0.18s ease-in both;
 }
 
-@keyframes cookbook-modal-enter {
-  0% {
-    opacity: 0;
-    transform: translateY(12px) scale(0.94);
-    filter: saturate(0.85);
-  }
-  65% {
-    opacity: 1;
-    transform: translateY(-2px) scale(1.012);
-    filter: saturate(1.05);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-    filter: none;
-  }
-}
 #cookbook-modal .modal-content.cookbook-modal-entering {
   animation: cookbook-modal-enter 0.28s cubic-bezier(0.22, 1.35, 0.36, 1) both;
 }
@@ -27939,10 +27009,6 @@ body:not(.welcome-ready) #welcome-screen {
     animation: cookbook-modal-enter-mobile 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
   }
 }
-@keyframes cookbook-modal-enter-mobile {
-  0%   { opacity: 0; transform: translateY(100%); }
-  100% { opacity: 1; transform: translateY(0); }
-}
 #cookbook-modal .modal-content:not(.cookbook-modal-entering):not(.modal-closing) {
   animation: none;
 }
@@ -27977,41 +27043,6 @@ body:not(.welcome-ready) #welcome-screen {
   }
 }
 
-/* ── Tasks ── */
-#tool-tasks-btn.task-failure-pending,
-#rail-tasks.task-failure-pending {
-  color: var(--red, #f87171);
-}
-#tool-tasks-btn.task-completion-pending,
-#rail-tasks.task-completion-pending {
-  color: var(--accent, var(--green, #86efac));
-}
-#tool-tasks-btn.task-failure-pending::after,
-#rail-tasks.task-failure-pending::after,
-#tool-tasks-btn.task-completion-pending::after,
-#rail-tasks.task-completion-pending::after {
-  content: '';
-  width: 7px;
-  height: 7px;
-  border-radius: 999px;
-  background: var(--red, #f87171);
-  box-shadow: 0 0 7px var(--red, #f87171), 0 0 3px var(--red, #f87171);
-  flex: 0 0 auto;
-}
-#tool-tasks-btn.task-completion-pending::after,
-#rail-tasks.task-completion-pending::after {
-  background: var(--accent, var(--green, #86efac));
-  box-shadow: 0 0 7px var(--accent, var(--green, #86efac)), 0 0 3px var(--accent, var(--green, #86efac));
-}
-#tool-tasks-btn.task-failure-pending.task-completion-pending,
-#rail-tasks.task-failure-pending.task-completion-pending {
-  color: var(--red, #f87171);
-}
-#tool-tasks-btn.task-failure-pending.task-completion-pending::after,
-#rail-tasks.task-failure-pending.task-completion-pending::after {
-  background: var(--red, #f87171);
-  box-shadow: 0 0 7px var(--red, #f87171), 0 0 3px var(--red, #f87171);
-}
 @media (min-width: 769px) {
   #tool-tasks-btn #assistant-notif-dot.sidebar-notif-dot,
   #tool-tasks-btn.task-failure-pending::after,
@@ -28019,21 +27050,7 @@ body:not(.welcome-ready) #welcome-screen {
     transform: translateX(-2px);
   }
 }
-#rail-tasks.task-failure-pending::after,
-#rail-tasks.task-completion-pending::after {
-  position: absolute;
-  right: 8px;
-  top: 8px;
-}
 .tasks-modal-content { max-width: 600px; width: min(600px, 92vw); background: var(--bg); font-size: 12px; }
-.tasks-activity-card,
-.tasks-activity-list {
-  min-height: 0;
-}
-.tasks-activity-list {
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
 .task-completed-preview-row {
   cursor: default;
   margin-bottom: 6px;
@@ -28137,9 +27154,6 @@ body:not(.welcome-ready) #welcome-screen {
 .task-log-row.task-log-row-error .task-log-task-icon {
   color: var(--red, #f87171);
 }
-.task-log-row.task-log-row-error .task-log-task-icon svg {
-  opacity: 0.82 !important;
-}
 .task-log-task-icon svg {
   top: 0 !important;
   opacity: 0.46 !important;
@@ -28182,12 +27196,6 @@ body:not(.welcome-ready) #welcome-screen {
   font-size: 11px;
   opacity: 0.75;
 }
-.task-log-running-inline .task-log-running-label { font-weight: 500; }
-.task-log-running-elapsed {
-  margin-left: 6px;
-  opacity: 0.6;
-  font-variant-numeric: tabular-nums;
-}
 .task-log-force-run {
   appearance: none;
   box-sizing: border-box;
@@ -28281,10 +27289,6 @@ body:not(.welcome-ready) #welcome-screen {
   border: 1px solid color-mix(in srgb, var(--accent, var(--red)) 35%, transparent);
   vertical-align: 1px;
 }
-.task-log-time {
-  opacity: 0.5;
-  font-variant-numeric: tabular-nums;
-}
 .task-log-status {
   width: 7px;
   height: 7px;
@@ -28299,10 +27303,6 @@ body:not(.welcome-ready) #welcome-screen {
 .task-log-status-running { background: #60a5fa; animation: task-log-pulse 1.4s ease-in-out infinite; }
 .task-log-status-skipped { background: color-mix(in srgb, var(--fg) 20%, transparent); }
 .task-log-status-aborted { background: color-mix(in srgb, var(--fg) 30%, transparent); border: 1px dashed color-mix(in srgb, var(--fg) 50%, transparent); }
-@keyframes task-log-pulse {
-  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, #60a5fa 60%, transparent); }
-  50%      { box-shadow: 0 0 0 4px color-mix(in srgb, #60a5fa 0%, transparent); }
-}
 .task-log-row-body {
   font-size: 12px;
   line-height: 1.5;
@@ -28333,7 +27333,6 @@ body:not(.welcome-ready) #welcome-screen {
   margin: 4px 0;
   padding-left: 20px;
 }
-.task-log-row-body li { margin: 2px 0; }
 /* Markdown headings inside a task result — without these, ## headings
    render at browser-default huge sizes and blow out the cramped row. */
 .task-log-row-body h1,
@@ -28352,11 +27351,6 @@ body:not(.welcome-ready) #welcome-screen {
 .task-log-row-body h1:first-child,
 .task-log-row-body h2:first-child,
 .task-log-row-body h3:first-child { margin-top: 0; }
-.task-log-row-body hr {
-  border: none;
-  border-top: 1px solid color-mix(in srgb, var(--fg) 12%, transparent);
-  margin: 8px 0;
-}
 .task-log-row-body blockquote {
   margin: 4px 0;
   padding: 2px 0 2px 10px;
@@ -28485,13 +27479,8 @@ a.chat-link[href^="#research-"] {
   padding: 2px 0;
   color: transparent;          /* hide raw "Show more" text */
 }
-.task-log-row-toggle::before {
-  color: color-mix(in srgb, var(--accent, var(--fg)) 80%, transparent);
-  opacity: 0.8;
-}
 .task-log-row:not(.expanded) .task-log-row-toggle::before { content: 'Show more'; }
 .task-log-row.expanded .task-log-row-toggle::before { content: 'Show less'; }
-.task-log-row-toggle:hover::before { opacity: 1; }
 .task-log-prompt {
   margin-top: 6px;
   font-size: 11px;
@@ -28736,14 +27725,10 @@ a.chat-link[href^="#research-"] {
   max-width: 100%;
   min-width: 0;
 }
-/* A <select>'s closed width otherwise grows to its widest option (the long
-   action descriptions), overflowing the modal — clip it to the field width. */
-select.task-form-input { text-overflow: ellipsis; }
 .task-form-input:focus {
   outline: none;
   border-color: var(--red);
 }
-.task-form-textarea { resize: vertical; min-height: 60px; }
 .task-form-actions { display: flex; gap: 6px; justify-content: flex-end; margin-top: 8px; }
 
 .task-form-notif-toggle {
@@ -28769,25 +27754,10 @@ select.task-form-input { text-overflow: ellipsis; }
   flex: 0 0 auto;
   transition: background 0.15s, border-color 0.15s;
 }
-.task-form-notif-switch::after {
-  content: "";
-  position: absolute;
-  width: 10px;
-  height: 10px;
-  left: 3px;
-  top: 2px;
-  border-radius: 50%;
-  background: color-mix(in srgb, var(--fg) 62%, transparent);
-  transition: transform 0.15s, background 0.15s;
-}
 .task-form-notif-toggle input:checked + .task-form-notif-switch {
   border-color: color-mix(in srgb, var(--accent, var(--red)) 58%, transparent);
   background: color-mix(in srgb, var(--accent, var(--red)) 20%, transparent);
 }
-.task-form-notif-toggle input:checked + .task-form-notif-switch::after {
-  transform: translateX(13px);
-  background: var(--accent, var(--red));
-}
 .task-form-notif-copy {
   display: flex;
   flex-direction: column;
@@ -28989,67 +27959,6 @@ input.settings-select::placeholder { color: color-mix(in srgb, var(--fg) 35%, tr
   width: 0;
   max-width: 100%;
 }
-/* Cookbook Serve Advanced fold — wraps the rarely-touched tuning rows
-   (KV/Attention/Swap/Env for vLLM, llama.cpp batch/cache/split, VRAM
-   monitor, speculative, extra args). Matches the existing .hwfit-panel-
-   advanced look: muted-gray label, no caps, no letter-spacing, no
-   warning-y opacity. Content flows into the parent's existing scroll
-   surface (no inner max-height) and inner rows reset their margin so
-   stacking gaps don't double when the fold opens. */
-/* Styled to match the Add Models page collapsible sections
-   (.adm-section-toggle) — same border/background/caret pattern, so the
-   two folds across the app read consistently. */
-details.hwfit-serve-advanced {
-  margin-top: 8px;
-  overflow: visible;
-}
-details.hwfit-serve-advanced > summary.hwfit-serve-advanced-summary {
-  cursor: pointer;
-  user-select: none;
-  list-style: none;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 11px;
-  color: var(--fg);
-  opacity: 0.8;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  padding: 6px 9px;
-  background: color-mix(in srgb, var(--fg) 4%, transparent);
-  transition: border-color 0.12s, background 0.12s, opacity 0.12s, border-radius 0s;
-}
-details.hwfit-serve-advanced > summary.hwfit-serve-advanced-summary::-webkit-details-marker {
-  display: none;
-}
-details.hwfit-serve-advanced > summary.hwfit-serve-advanced-summary:hover {
-  opacity: 1;
-  border-color: var(--red);
-  background: color-mix(in srgb, var(--red) 8%, transparent);
-}
-/* Caret on the right, rotates open/closed. SVG-style rectangles via
-   borders keep this glyph-free + crisp at small sizes. */
-details.hwfit-serve-advanced > summary.hwfit-serve-advanced-summary::after {
-  content: '';
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 4px solid currentColor;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  opacity: 0.6;
-  transform: rotate(90deg);
-  transition: transform 0.18s ease;
-}
-details.hwfit-serve-advanced:not([open]) > summary.hwfit-serve-advanced-summary::after {
-  transform: rotate(0deg);
-}
-/* Body rows below the header — tight rhythm so the fold doesn't
-   feel airy. The cookbook modal's existing .cookbook-body is the
-   scroll surface; nothing inside the fold should add its own scroll. */
-details.hwfit-serve-advanced[open] > summary.hwfit-serve-advanced-summary {
-  margin-bottom: 6px;
-}
 details.hwfit-serve-advanced > .hwfit-serve-row,
 details.hwfit-serve-advanced > .hwfit-serve-checks,
 details.hwfit-serve-advanced > .hwfit-serve-cmd-wrap,
@@ -29104,45 +28013,9 @@ details.hwfit-serve-advanced > .hwfit-serve-row.hwfit-vram-monitor {
   grid-template-columns: max-content minmax(0, 1fr);
   white-space: nowrap;
 }
-details.hwfit-serve-advanced > .hwfit-serve-row.hwfit-vram-monitor .hwfit-vram-readout {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-details.hwfit-serve-advanced > .hwfit-serve-row label select,
-details.hwfit-serve-advanced > .hwfit-serve-row label input {
-  margin-top: 1px;
-}
-details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_attn_backend"]) {
-  position: relative;
-  left: -63px;
-}
-details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_block_size"]) {
-  position: relative;
-  left: -75px;
-}
 details.hwfit-serve-advanced .hwfit-sf[data-field="vllm_block_size"] {
   width: calc(100% - 6px);
 }
-details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="swap"]) {
-  position: relative;
-  left: -73px;
-}
-details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_kv_cache_dtype"]) {
-  position: relative;
-  left: 2px;
-}
-@media (max-width: 768px) {
-  details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_block_size"]) {
-    left: 1px;
-  }
-  details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="swap"]) {
-    left: -3px;
-  }
-  details.hwfit-serve-advanced > .hwfit-serve-checks .hwfit-sf-cb {
-    flex: 1 1 100%;
-  }
-}
 details.hwfit-serve-advanced .hwfit-sf[data-field="vllm_kv_cache_dtype"] {
   width: 60px;
   min-width: 60px;
@@ -29214,17 +28087,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   font-size: 12px;
   transition: border-color 0.15s;
 }
-/* Hide the native number-input spinner arrows (e.g. SMTP/IMAP Port) — they
-   render unstyled and ugly. Field still accepts only numbers. */
-.settings-input[type="number"]::-webkit-outer-spin-button,
-.settings-input[type="number"]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-.settings-input[type="number"] {
-  -moz-appearance: textfield;
-  appearance: textfield;
-}
 .settings-input:focus {
   outline: none;
   border-color: var(--red);
@@ -29440,19 +28302,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   opacity: 0;
   transition: opacity 0.1s;
 }
-.cookbook-output-wrap:hover .cookbook-output-copy {
-  opacity: 0.5;
-}
-.cookbook-output-wrap .cookbook-output-copy:hover {
-  opacity: 1;
-}
-#cookbook-dl-btn-search {
-  position: relative;
-  top: -4px;
-  padding-top: 0;
-  padding-bottom: 0;
-  height: 28px;
-}
 
 /* Cached model menu button */
 .hwfit-cached-menu-btn {
@@ -29537,10 +28386,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   opacity: 0.65;
   transform: translateY(4px);
 }
-#cookbook-dl-btn {
-  position: relative;
-  top: -4px;
-}
 
 /* Cookbook model directory tags */
 .cookbook-modeldir-tag {
@@ -29860,7 +28705,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   text-shadow: 0 0 7px color-mix(in srgb, var(--accent, var(--red)) 55%, transparent);
   mix-blend-mode: screen;
 }
-.research-synapse-compact .rs-stage { height: 288px; }
 .research-synapse-compact .rs-meta { padding: 5px 8px 6px; font-size: 10px; }
 .research-synapse-compact .rs-label-sub { font-size: 8px; }
 .research-synapse .rs-stage-head {
@@ -29893,41 +28737,17 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   background: color-mix(in srgb, var(--accent, var(--red)) 8%, var(--bg));
   color: var(--accent, var(--red));
 }
-@keyframes rs-live {
-  0%, 100% { opacity: 0.45; }
-  50% { opacity: 1; }
-}
 .research-synapse svg {
   display: block;
   width: 100%;
   height: 100%;
 }
-.research-synapse .rs-guide ellipse {
-  fill: none;
-  stroke: color-mix(in srgb, var(--fg) 7%, transparent);
-  stroke-width: 1;
-  stroke-dasharray: 2 7;
-}
 .research-synapse .rs-edge {
   stroke: color-mix(in srgb, var(--accent, var(--red)) 32%, var(--border));
   stroke-width: 1.35;
   fill: none;
   opacity: 0.72;
 }
-.research-synapse .rs-edge-tone-1 { stroke: color-mix(in srgb, var(--gold, #d4a72c) 45%, var(--border)); }
-.research-synapse .rs-edge-tone-2 { stroke: color-mix(in srgb, #5aa7c7 42%, var(--border)); }
-.research-synapse .rs-edge.rs-edge-firing {
-  stroke: var(--accent, var(--red));
-  stroke-width: 2;
-  opacity: 1;
-  filter: drop-shadow(0 0 4px var(--accent, var(--red)));
-  animation: rs-fire 1.1s ease-out;
-}
-@keyframes rs-fire {
-  0%   { stroke-dasharray: 4 200; stroke-dashoffset: 200; opacity: 0; }
-  20%  { opacity: 1; }
-  100% { stroke-dasharray: 200 4; stroke-dashoffset: -200; opacity: 0.55; }
-}
 .research-synapse .rs-node {
   fill: var(--bg);
   stroke: var(--accent, var(--red));
@@ -29936,38 +28756,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   transform-box: fill-box;
   transform-origin: center;
 }
-.research-synapse .rs-node-root {
-  fill: var(--accent, var(--red));
-  stroke: var(--accent, var(--red));
-  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--accent, var(--red)) 65%, transparent));
-}
-.research-synapse .rs-root-halo {
-  fill: none;
-  stroke: color-mix(in srgb, var(--accent, var(--red)) 28%, transparent);
-  stroke-width: 1;
-}
-/* Sub & leaf nodes stay inside the accent palette so the whole graph
-   reads as one organism. Leaves are softer/lower-contrast dots that
-   float around their sub — not green-on-stem (which read as palm fronds). */
-.research-synapse .rs-node-sub {
-  fill: color-mix(in srgb, var(--accent, var(--red)) 10%, var(--bg));
-  stroke: color-mix(in srgb, var(--accent, var(--red)) 70%, var(--fg));
-}
-.research-synapse .rs-node-sub.rs-node-tone-1 {
-  fill: color-mix(in srgb, var(--gold, #d4a72c) 11%, var(--bg));
-  stroke: color-mix(in srgb, var(--gold, #d4a72c) 76%, var(--fg));
-}
-.research-synapse .rs-node-sub.rs-node-tone-2 {
-  fill: color-mix(in srgb, #5aa7c7 11%, var(--bg));
-  stroke: color-mix(in srgb, #5aa7c7 72%, var(--fg));
-}
-.research-synapse .rs-node-leaf {
-  stroke: color-mix(in srgb, var(--accent, var(--red)) 55%, transparent);
-  fill: color-mix(in srgb, var(--accent, var(--red)) 42%, var(--bg));
-}
-.research-synapse .rs-node-leaf.rs-node-tone-1 { fill: color-mix(in srgb, var(--gold, #d4a72c) 48%, var(--bg)); }
-.research-synapse .rs-node-leaf.rs-node-tone-2 { fill: color-mix(in srgb, #5aa7c7 48%, var(--bg)); }
-.research-synapse .rs-source-node { cursor: help; }
 .research-synapse .rs-source-index {
   fill: var(--fg);
   font: 650 4.5px/1 ui-monospace, "JetBrains Mono", monospace;
@@ -29975,19 +28763,9 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   opacity: 0.88;
 }
 .research-synapse .rs-node-expanded { animation: rs-hub-expand 0.75s ease-out; }
-@keyframes rs-hub-expand {
-  0% { filter: drop-shadow(0 0 0 transparent); }
-  35% { filter: drop-shadow(0 0 7px var(--accent, var(--red))); }
-  100% { filter: drop-shadow(0 0 0 transparent); }
-}
 .research-synapse .rs-node-new {
   animation: rs-pop 0.6s ease-out;
 }
-@keyframes rs-pop {
-  0%   { transform: scale(0); opacity: 0; }
-  60%  { transform: scale(1.25); opacity: 1; }
-  100% { opacity: 1; }
-}
 .research-synapse .rs-pulse {
   fill: var(--accent, var(--red));
   opacity: 0;
@@ -29995,10 +28773,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   transform-box: fill-box;
   transform-origin: center;
 }
-@keyframes rs-pulse {
-  0%   { transform: scale(1); opacity: 0.65; }
-  100% { transform: scale(5); opacity: 0; }
-}
 .research-synapse .rs-label {
   fill: var(--fg);
   font-size: 10px;
@@ -30036,12 +28810,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   color: var(--fg);
   font-weight: 600;
 }
-.research-synapse .rs-meta .rs-sep { display: none; }
-.research-synapse.rs-complete .rs-pulse { animation: none; opacity: 0; }
-.research-synapse.rs-complete .rs-node-root {
-  fill: var(--color-success, #4caf50);
-  stroke: var(--color-success, #4caf50);
-}
 .research-synapse.rs-complete .rs-meta .rs-status { color: var(--color-success, #4caf50); }
 .research-synapse.rs-error .rs-meta .rs-status { color: var(--red); }
 .research-synapse.rs-phase-reading .rs-phase-chip,
@@ -30055,10 +28823,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   .research-synapse .rs-node-expanded,
   .research-synapse .rs-edge-firing { animation: none !important; }
 }
-@media (max-width: 480px) {
-  .research-synapse .rs-meta { grid-template-columns: 1fr auto auto; row-gap: 6px; }
-  .research-synapse .rs-meta .rs-status { display: none; }
-}
 
 /* ── Raw findings items (inside sources-style box) ── */
 .finding-item {
@@ -30335,11 +29099,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   display: flex; align-items: center; justify-content: center;
   overflow: hidden;
 }
-.gallery-album-cover img {
-  width: 100%; height: 100%;
-  object-fit: cover;
-  display: block;
-}
 .gallery-album-placeholder {
   opacity: 0.4;
   font-size: 40px;
@@ -30409,12 +29168,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   position: relative;
   top: -1px;
 }
-.gallery-editor-landing p {
-  margin: 0;
-  opacity: 0.6;
-  font-size: 13px;
-  max-width: 320px;
-}
 .gallery-editor-landing-actions {
   display: flex; gap: 10px;
   margin-top: 8px;
@@ -30427,7 +29180,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   font-size: 13px;
   opacity: 0.85;
 }
-.gallery-editor-landing-actions .gallery-select-btn:hover { opacity: 1; }
 /* Visible template picker: every canvas ratio is inspectable without opening
    a native menu, and its SVG outline previews the resulting canvas shape. */
 .gallery-editor-template-picker {
@@ -30551,10 +29303,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   gap: 8px;
   margin-bottom: 8px;
 }
-/* Saved-project selection uses the same bulk-bar rhythm as Photos. */
-#gallery-editor-drafts-bulk {
-  margin-top: 0;
-}
 .gallery-editor-drafts-title {
   margin: 0;
   font-size: 11px;
@@ -30633,11 +29381,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   border-color: var(--accent, var(--red));
   color: var(--accent, var(--red));
 }
-.gallery-editor-draft-card.selected {
-  outline: 2px solid var(--accent, var(--red));
-  outline-offset: -2px;
-}
-.gallery-editor-draft-card.select-mode { cursor: pointer; }
 /* Graceful exit when a project card is deleted — fade + shrink before re-render. */
 .gallery-editor-draft-card.gallery-draft-removing {
   opacity: 0;
@@ -30703,30 +29446,12 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   line-height: 0;
 }
 .gallery-drafts-view-toggle button:last-child { border-right: 0; }
-.gallery-drafts-view-toggle button svg {
-  display: block;
-  position: static;
-  transform: none;
-}
 .gallery-drafts-view-toggle button:hover { color: var(--fg); }
 .gallery-drafts-view-toggle button.active {
   height: 22px;
   color: var(--accent, var(--red));
   background: color-mix(in srgb, var(--accent, var(--red)) 12%, transparent);
 }
-.gallery-editor-drafts-grid.list-view {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.gallery-editor-drafts-grid.list-view .gallery-editor-draft-card {
-  display: grid;
-  grid-template-columns: 44px minmax(0, 1fr) 24px;
-  align-items: center;
-  gap: 9px;
-  min-height: 48px;
-  padding: 4px 6px;
-}
 .gallery-editor-drafts-grid.list-view .gallery-editor-draft-thumb {
   width: 44px;
   height: 44px;
@@ -30739,7 +29464,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   color: var(--fg);
 }
 .gallery-editor-draft-delete-trash { display: none; }
-.gallery-editor-drafts-grid.list-view .gallery-editor-draft-delete-x { display: none; }
 .gallery-editor-drafts-grid.list-view .gallery-editor-draft-delete-trash {
   display: block;
   width: 18px;
@@ -30769,10 +29493,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   border-color: var(--accent, var(--red));
   background: color-mix(in srgb, var(--panel) 90%, transparent);
 }
-.gallery-editor-draft-card:focus-visible {
-  outline: 2px solid var(--accent, var(--red));
-  outline-offset: 2px;
-}
 .gallery-editor-draft-thumb {
   width: 100%;
   aspect-ratio: 1;
@@ -30832,7 +29552,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
 .gallery-editor-draft-delete {
   padding-bottom: 2px;
 }
-.gallery-editor-draft-card:hover .gallery-editor-draft-delete { opacity: 1; }
 .gallery-editor-draft-delete:hover { background: var(--red); }
 /* On very narrow phones, give project search its own row instead of
    compressing the title and view controls into an overflowing header. */
@@ -30872,7 +29591,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
 /* Pin the topbar to the top of the editor so its action buttons remain
    visible if the gallery modal body itself ends up scrolling. */
 .ge-topbar { position: sticky; top: 0; z-index: 5; }
-.ge-topbar.ge-topbar-menu-open { z-index: 10006; }
 
 /* Top bar */
 .ge-topbar {
@@ -31020,15 +29738,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   display: none;
 }
 
-/* Toolbar (left) */
-@keyframes ge-layer-action-flash {
-  from { box-shadow: inset 0 0 0 2px var(--red); background-color: color-mix(in srgb, var(--red) 24%, transparent); }
-  to { box-shadow: inset 0 0 0 2px transparent; }
-}
-.ge-layer-action-flash { animation: ge-layer-action-flash 650ms ease-out; }
-@media (prefers-reduced-motion: reduce) {
-  .ge-layer-action-flash { animation-duration: 1ms; }
-}
 .ge-toolbar {
   display: flex;
   flex-direction: column;
@@ -31079,26 +29788,11 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   border-radius: 6px;
   transition: background 0.15s, opacity 0.15s;
 }
-.ge-tool-btn .ge-tool-label {
-  max-width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
 .ge-tool-btn { position: relative; }
 /* Hover background is now a pseudo so we can shift it 2 px left
    independently from the button's own bounds (which contain the icon
    and label at their already-shifted positions). */
 .ge-tool-btn:hover { opacity: 0.85; }
-.ge-tool-btn:hover::after {
-  content: '';
-  position: absolute;
-  inset: 0 2px 0 -2px;
-  background: color-mix(in srgb, var(--fg) 8%, transparent);
-  border-radius: 6px;
-  z-index: -1;
-  pointer-events: none;
-}
 .ge-tool-btn.active {
   opacity: 1;
   color: var(--red);
@@ -31108,18 +29802,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
      drawn by ::before so it can extend up/down without pushing the
      button or shifting the icon. */
 }
-.ge-tool-btn.active::before {
-  content: '';
-  position: absolute;
-  /* Highlight pill shifted 2 px left of the button bounds so it sits
-     under the icon + label (which are also nudged left). Same total
-     width as before — just slid. */
-  inset: 0 2px 0 -2px;
-  background: color-mix(in srgb, var(--red) 18%, transparent);
-  border-radius: 6px;
-  z-index: 0;
-  pointer-events: none;
-}
 /* Tool button contents stay above the active highlight pseudo. Also
    shifted an additional 2 px left so the icon + label sit further inside
    the highlight pill (which still anchors to the button bounds). */
@@ -31155,7 +29837,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   opacity: 0.75;
   margin-right: 1px;
 }
-.ge-btn-ai:hover .ge-btn-ai-mark { opacity: 1; }
 
 /* Per-tool clear-selection badge — shows a tiny X in the top-right of
    the Lasso / Wand button when each holds a selection. Click clears
@@ -31180,7 +29861,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   transition: opacity 0.12s, transform 0.12s, box-shadow 0.12s;
   left: auto !important;
 }
-.ge-tool-btn.has-selection .ge-tool-clear { display: inline-flex; }
 .ge-tool-clear:hover {
   opacity: 1;
   transform: scale(1.15);
@@ -31214,10 +29894,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
      editor's drawing logic — no native pan/zoom. */
   overscroll-behavior: contain;
 }
-.ge-canvas-area.ge-rulers-visible {
-  padding: 18px 0 0 18px;
-  box-sizing: border-box;
-}
 .ge-ruler {
   position: absolute;
   z-index: 16;
@@ -31252,18 +29928,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   border-bottom: 1px solid var(--border);
   box-sizing: border-box;
 }
-.ge-main-canvas {
-  touch-action: none;
-}
-.ge-canvas-area.ge-pan-ready,
-.ge-canvas-area.ge-pan-ready .ge-main-canvas {
-  cursor: grab !important;
-}
-.ge-canvas-area.ge-panning,
-.ge-canvas-area.ge-panning .ge-main-canvas {
-  cursor: grabbing !important;
-  user-select: none;
-}
 .ge-wand-loading {
   position: absolute;
   inset: 0;
@@ -31348,21 +30012,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   border-color: color-mix(in srgb, var(--accent, var(--red)) 42%, var(--border));
   box-shadow: 0 8px 22px color-mix(in srgb, #000 24%, transparent);
 }
-.ge-ai-command-collapsed .ge-ai-command-toggle {
-  display: inline-flex;
-}
-.ge-ai-command-collapsed .ge-ai-command-head,
-.ge-ai-command-collapsed .ge-ai-command-form,
-.ge-ai-command-collapsed .ge-ai-command-suggestions,
-.ge-ai-command-collapsed .ge-ai-command-status {
-  display: none;
-}
-@media (hover: none) {
-  .ge-ai-command-collapsed {
-    bottom: 8px;
-    opacity: 0.72;
-  }
-}
 .ge-ai-command-form {
   display: flex;
   align-items: center;
@@ -31407,9 +30056,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   color: var(--fg);
   background: color-mix(in srgb, var(--fg) 10%, transparent);
 }
-.ge-ai-command-clear[hidden] {
-  display: none;
-}
 .ge-ai-command-run {
   position: relative;
   top: -2px;
@@ -31439,18 +30085,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
 .ge-ai-command-busy .ge-ai-command-run svg {
   display: none;
 }
-.ge-ai-command-busy .ge-ai-command-run::after {
-  content: '';
-  width: 12px;
-  height: 12px;
-  border: 2px solid color-mix(in srgb, #fff 42%, transparent);
-  border-top-color: #fff;
-  border-radius: 50%;
-  animation: ge-ai-command-spin 0.7s linear infinite;
-}
-@keyframes ge-ai-command-spin {
-  to { transform: rotate(360deg); }
-}
 .ge-ai-command-close {
   width: 28px;
   height: 32px;
@@ -31488,9 +30122,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   background: color-mix(in srgb, var(--panel, var(--bg)) 97%, #000 3%);
   box-shadow: 0 10px 28px color-mix(in srgb, #000 28%, transparent);
 }
-.ge-ai-command-suggestions[hidden] {
-  display: none;
-}
 .ge-ai-command-suggestion {
   width: 100%;
   display: grid;
@@ -31542,9 +30173,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   line-height: 1.3;
   color: var(--fg-muted);
 }
-.ge-ai-command-status:empty {
-  display: none;
-}
 .ge-ai-command-status[data-kind="running"] {
   color: var(--accent, var(--red));
 }
@@ -31635,40 +30263,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   letter-spacing: 0.04em;
   font-weight: 600;
 }
-/* Each shortcut row: key chips + description. The key chips are usually
-   chained with "+" so we use a small horizontal gap between siblings,
-   plus a larger left margin on the trailing text via the kbd:last-of-type
-   sibling rule — keeps "Ctrl+Shift+D Deselect" readable instead of glued. */
-.ge-shortcuts-col > div {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 4px;
-  padding: 4px 0;
-  opacity: 0.85;
-  line-height: 1.5;
-}
-/* Push the description text away from the last kbd by adding margin
-   to any text node that follows a kbd. Flex+wrap handles wrap on narrow. */
-.ge-shortcuts-col > div kbd + kbd { margin-left: 0; }
-.ge-shortcuts-col > div kbd:last-of-type { margin-right: 6px; }
-.ge-shortcuts-card kbd,
-#ge-shortcuts-popover kbd {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-  font-size: 10px;
-  font-weight: 600;
-  padding: 2px 6px;
-  border: 1px solid color-mix(in srgb, var(--accent, #cc6a3a) 55%, transparent);
-  border-bottom-width: 2px;
-  border-radius: 4px;
-  background: color-mix(in srgb, var(--accent, #cc6a3a) 14%, transparent);
-  color: var(--accent, #cc6a3a);
-  min-width: 18px;
-  line-height: 1.4;
-}
 .ge-shortcuts-foot {
   margin-top: 12px;
   font-size: 11px;
@@ -31717,7 +30311,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   font-size: 11px;
   white-space: nowrap;
 }
-.ge-quick-mask-bar[hidden] { display: none; }
 .ge-quick-mask-label { font-weight: 600; }
 .ge-quick-mask-tools { display: flex; }
 .ge-quick-mask-tool,
@@ -31757,7 +30350,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   gap: 5px;
   align-items: center;
 }
-.ge-marquee-dimensions[hidden] { display: none; }
 .ge-marquee-dimensions label {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
@@ -31806,12 +30398,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   flex-direction: column;
   gap: 6px;
 }
-.ge-layer-geometry-section .ge-section-title {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  min-width: 0;
-}
 #ge-layer-geometry-name {
   margin-left: auto;
   min-width: 0;
@@ -31852,8 +30438,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   text-align: right;
   appearance: textfield;
 }
-.ge-layer-geometry-grid input::-webkit-inner-spin-button,
-.ge-layer-geometry-grid input::-webkit-outer-spin-button { appearance: none; }
 .ge-layer-geometry-grid input:focus { outline: none; border-color: var(--red); }
 .ge-layer-geometry-grid input[readonly] { opacity: 0.58; cursor: default; }
 @media (max-width: 700px) {
@@ -31873,16 +30457,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
 .ge-pressure-option .toggle-switch input:checked + .toggle-slider::before { transform: translateX(10px); }
 .ge-brush-preset-row select { flex: 1 1 auto; min-width: 0; }
 .ge-brush-preset-row .ge-btn { flex: 0 0 auto; }
-#ge-brush-controls select,
-#ge-eyedropper-section select {
-  height: 26px;
-  min-width: 0;
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  background: var(--bg);
-  color: var(--fg);
-  font: inherit;
-}
 .ge-text-section,
 .ge-shape-section {
   display: flex;
@@ -31901,13 +30475,11 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   gap: 6px;
   align-items: end;
 }
-.ge-gradient-extra-stop .ge-text-field { min-width: 0; }
 .ge-gradient-stop-remove {
   min-width: 28px;
   height: 28px;
   padding: 0 6px;
 }
-.ge-shape-gradient-add-stop { align-self: flex-start; }
 .ge-text-section textarea,
 .ge-text-section select,
 .ge-text-section input[type="number"],
@@ -31943,7 +30515,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
 }
 .ge-text-field select,
 .ge-text-field input { width: 100%; height: 28px; padding: 3px 6px; }
-.ge-text-font-field { grid-column: span 1; }
 .ge-text-format-row { gap: 4px; }
 .ge-text-toggle {
   width: auto;
@@ -31966,10 +30537,7 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   background: color-mix(in srgb, var(--red) 12%, transparent);
 }
 .ge-text-format-sep { width: 1px; height: 20px; background: var(--border); margin: 0 2px; }
-#ge-text-rasterize { align-self: flex-end; }
 .ge-shape-types { display: flex; gap: 4px; }
-.ge-shape-types .ge-text-toggle { flex: 1 1 25%; }
-#ge-shape-rasterize { align-self: flex-end; }
 .ge-shape-sides-field { max-width: 90px; }
 .ge-direct-text-editor {
   position: fixed;
@@ -31986,7 +30554,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   transform-origin: top left;
   box-shadow: none;
 }
-.ge-direct-text-editor:focus { outline: 1px solid color-mix(in srgb, var(--red) 55%, transparent); }
 
 /* Floating Transform popup — horizontal layout, draggable from
    anywhere on the popup (matches the FX / adjust popups). Defaults
@@ -32007,7 +30574,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   backdrop-filter: blur(6px);
   user-select: none;
 }
-.ge-transform-popup.ge-transform-popup-dragging .ge-transform-popup-head { cursor: grabbing; }
 .ge-transform-popup-head {
   /* Inherits .ge-adj-head styling — flex row, icon + title + buttons,
      bottom border, grab cursor — with the title nudged down 2px for
@@ -32022,9 +30588,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   cursor: grab;
 }
 .ge-transform-popup-head:active { cursor: grabbing; }
-/* Force the title to take all middle space so the [_][×] cluster
-   stays pinned to the right edge. */
-.ge-transform-popup-head .ge-adj-title { flex: 1 1 auto !important; }
 .ge-transform-popup-head .ge-head-btns { margin-left: auto !important; }
 .ge-transform-popup-head .ge-adj-title { position: relative; top: 2px; }
 /* Icon nudged 4px lower than the title baseline so it reads as the
@@ -32060,10 +30623,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   gap: 6px;
   padding: 4px 12px;
 }
-.ge-transform-popup-minimised .ge-transform-popup-body,
-.ge-transform-popup-minimised .ge-transform-popup-hint {
-  display: none;
-}
 .ge-transform-popup-hint { padding: 0 12px; }
 .ge-transform-field {
   display: inline-flex;
@@ -32096,23 +30655,11 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   -moz-appearance: textfield;
   box-sizing: border-box;
 }
-.ge-transform-popup-input::-webkit-outer-spin-button,
-.ge-transform-popup-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  appearance: none;
-  margin: 0;
-  display: none;
-}
 /* Rotation field reserves extra room on the right for both the °
    suffix AND the custom spinner so they don't sit on top of each other.
    The suffix renders inside that reserved zone. */
 .ge-transform-popup-input-rot { width: 76px; padding-right: 30px; }
-.ge-transform-position-field .ge-transform-popup-input { width: 68px; }
 .ge-transform-popup-input:focus { outline: none; border-color: var(--red); }
-.ge-transform-input-locked {
-  opacity: 0.4;
-  cursor: not-allowed;
-}
 /* Custom themed spinner — two slim chevron buttons stacked to the right
    of the input. Tight stack so the pair reads as one control instead of
    two floating arrows. */
@@ -32154,7 +30701,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
 .ge-transform-spin button:active {
   background: color-mix(in srgb, var(--accent, var(--red)) 55%, transparent);
 }
-.ge-transform-input-locked + .ge-transform-spin { display: none; }
 /* Position the ° suffix to the LEFT of the spinner so they don't
    overlap. The rotation input's larger padding leaves room. */
 .ge-transform-popup-suffix {
@@ -32249,7 +30795,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   accent-color: var(--accent, var(--red));
   margin: 0;
 }
-.ge-transform-preserve-field[hidden] { display: none; }
 
 /* Floating Inpaint prompt — pops next to the user's last brush stroke
    so they can type a description and Generate without diverting to
@@ -32313,12 +30858,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   align-items: center;
   justify-content: center;
 }
-/* Hide the controls wrapper entirely when every tool section inside is
-   hidden — otherwise the padding + border draws an empty band above the
-   layers panel even when no tool needs sliders/buttons. */
-.ge-controls:not(:has(> *:not([style*="display: none"]):not([style*="display:none"]))) {
-  display: none;
-}
 .ge-controls input[type="range"] {
   width: 100%;
   box-sizing: border-box;
@@ -32347,17 +30886,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   background: none;
   overflow: hidden;
 }
-/* Strip the native <input type="color"> chrome (border + padding around
-   the swatch in each engine) so the visible color fills the circle. */
-.ge-color-picker::-webkit-color-swatch-wrapper { padding: 0; }
-.ge-color-picker::-webkit-color-swatch {
-  border: none;
-  border-radius: 50%;
-}
-.ge-color-picker::-moz-color-swatch {
-  border: none;
-  border-radius: 50%;
-}
 /* attachColorPicker swaps the native <input type="color"> for a styled
    text input with the same `.ge-color-picker` class plus
    `.cp-swatch-input`. Force the 24×24 circular swatch back on it so
@@ -32380,7 +30908,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   font-size: 0;
   user-select: none;
 }
-.ge-color-picker.cp-swatch-input::selection { background: transparent; }
 .ge-color-picker.cp-swatch-input:focus {
   outline: 1px solid var(--red);
   outline-offset: 1px;
@@ -32396,30 +30923,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   border-radius: 999px;
   margin: 0;
 }
-.ge-size-slider::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 9px; height: 9px;
-  border-radius: 50%;
-  background: var(--red);
-  border: none; cursor: pointer;
-}
-.ge-size-slider:hover::-webkit-slider-thumb,
-.ge-size-slider.is-using::-webkit-slider-thumb,
-.ge-size-slider:active::-webkit-slider-thumb {
-  width: 16px; height: 16px;
-}
-.ge-size-slider::-moz-range-thumb {
-  width: 9px; height: 9px;
-  border-radius: 50%;
-  background: var(--red);
-  border: none; cursor: pointer;
-}
-.ge-size-slider:hover::-moz-range-thumb,
-.ge-size-slider.is-using::-moz-range-thumb,
-.ge-size-slider:active::-moz-range-thumb {
-  width: 16px; height: 16px;
-}
 .ge-size-label { font-size: 10px; opacity: 0.5; min-width: 28px; text-align: right; }
 
 /* Eraser controls: tighter rows + a small brush preview on the left of
@@ -32447,9 +30950,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   opacity: 0.7;
   font-variant-numeric: tabular-nums;
 }
-.ge-eraser-row label > span[id$="-label"]:hover {
-  background: color-mix(in srgb, var(--fg) 10%, transparent);
-}
 /* When the value chip is pulled out of its label and placed AFTER the
    slider (see DOM transform in galleryEditor.js init), it sits on the
    row's right edge and naturally shortens the slider's flex space. */
@@ -32466,10 +30966,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   border-radius: 3px;
   white-space: nowrap;
 }
-.ge-eraser-row > span[id$="-label"].ge-slider-value:hover {
-  background: color-mix(in srgb, var(--fg) 10%, transparent);
-  opacity: 1;
-}
 
 /* Per-tool model selector row (lives at the top of each AI tool's
    section in the side panel). Mirrors the inpaint Model row layout. */
@@ -32543,7 +31039,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   flex-direction: column;
   min-width: 140px;
 }
-.ge-merge-menu[hidden] { display: none; }
 .ge-merge-menu .dropdown-item-compact {
   background: none;
   border: none;
@@ -32699,16 +31194,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   width: 16px; height: 16px;
   transition: width 0.12s ease 0s, height 0.12s ease 0s;
 }
-/* Inpaint Brush size slider — slightly larger thumb than the rest of
-   the panel since it's the primary interactive control. */
-#ge-inpaint-brush-slider::-webkit-slider-thumb { width: 12px; height: 12px; }
-#ge-inpaint-brush-slider:hover::-webkit-slider-thumb,
-#ge-inpaint-brush-slider.is-using::-webkit-slider-thumb,
-#ge-inpaint-brush-slider:active::-webkit-slider-thumb { width: 18px; height: 18px; }
-#ge-inpaint-brush-slider::-moz-range-thumb { width: 12px; height: 12px; }
-#ge-inpaint-brush-slider:hover::-moz-range-thumb,
-#ge-inpaint-brush-slider.is-using::-moz-range-thumb,
-#ge-inpaint-brush-slider:active::-moz-range-thumb { width: 18px; height: 18px; }
 
 /* Help "?" icon next to a section title. Subtle by default, hover
    brightens. Tooltip via native `title` attribute. */
@@ -32924,9 +31409,7 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   cursor: grab;
   user-select: none;
 }
-.ge-adj-popup .ge-adj-title { flex: 1 1 auto; }
 .ge-adj-popup .ge-head-btns { margin-left: auto; }
-.ge-adj-popup .ge-adj-head:active { cursor: grabbing; }
 .ge-adj-icon {
   display: inline-flex;
   align-items: center;
@@ -33008,7 +31491,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   background: color-mix(in srgb, var(--fg) 8%, transparent);
 }
 .ge-fx-dock-icon { display: inline-flex; align-items: center; }
-.ge-fx-dock-label { overflow: hidden; text-overflow: ellipsis; }
 .ge-fx-dock-close {
   margin-left: 2px; opacity: 0.55; padding: 0 2px;
   font-size: 14px; line-height: 1;
@@ -33047,7 +31529,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   cursor: grab;
   user-select: none;
 }
-.ge-history-head:active { cursor: grabbing; }
 .ge-history-title { font-weight: 600; font-size: 12px; flex: 1 1 auto; }
 .ge-history-close {
   background: none; border: none; color: var(--fg-muted);
@@ -33127,7 +31608,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   animation: ge-canvas-spin 0.8s linear infinite;
 }
 .ge-canvas-loading-msg { font-size: 12px; opacity: 0.85; }
-@keyframes ge-canvas-spin { to { transform: rotate(360deg); } }
 
 /* Missing-dependency notice in tool sections (Bg Remove etc.). */
 .ge-dep-notice {
@@ -33220,9 +31700,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   appearance: none;
   background: none;
 }
-.ge-inline-swatch::-webkit-color-swatch-wrapper { padding: 0; }
-.ge-inline-swatch::-webkit-color-swatch { border: none; border-radius: 2px; }
-.ge-inline-swatch::-moz-color-swatch { border: none; border-radius: 2px; }
 
 /* Drop overlay over the gallery editor while a file drag is in flight. */
 .ge-drop-overlay {
@@ -33473,14 +31950,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   padding: 0;
   gap: 3px;
 }
-.ge-adj-cb-row .ge-adj-cb-dot {
-  width: 10px; height: 10px; border-radius: 50%;
-  display: inline-block; flex-shrink: 0;
-  box-shadow: 0 0 0 1px color-mix(in srgb, var(--fg) 20%, transparent);
-}
-.ge-adj-cb-tone-picker {
-  margin: 0 0 8px;
-}
 .ge-adj-cb-tone-select {
   width: 100%;
   padding: 6px 8px;
@@ -33491,23 +31960,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   color: var(--fg);
 }
 .ge-adj-cb-tone-select:focus { outline: none; border-color: var(--red); }
-.ge-adj-hist-details {
-  margin-bottom: 8px;
-}
-.ge-adj-hist-details > summary {
-  font-size: 11px;
-  color: var(--fg-muted);
-  cursor: pointer;
-  padding: 4px 0;
-  list-style: none;
-  user-select: none;
-}
-.ge-adj-hist-details > summary::-webkit-details-marker { display: none; }
-.ge-adj-hist-details > summary::before {
-  content: '▸ ';
-  display: inline-block;
-  transition: transform 0.12s;
-}
 .ge-adj-hist-details[open] > summary::before {
   content: '▾ ';
 }
@@ -33588,7 +32040,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   border-left-color: var(--red);
   opacity: 1;
 }
-.ge-mask-sub-item.active .ge-layer-name { opacity: 1; font-style: normal; font-weight: 600; }
 .ge-clone-source-status {
   display: flex;
   align-items: center;
@@ -33608,7 +32059,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   flex: 0 0 34px;
   opacity: 0.78;
 }
-.ge-mask-sub-item.active .ge-mask-inline-thumb { opacity: 1; }
 .ge-eraser-preview {
   width: 14px;
   height: 14px;
@@ -33618,27 +32068,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   display: inline-block;
   position: relative;
 }
-/* Opacity preview — translucent disk */
-#ge-eraser-preview-opacity { opacity: 0.5; }
-/* Flow preview — dotted ring to suggest discrete stamping */
-#ge-eraser-preview-flow {
-  background: none;
-  border: 2px dotted var(--fg);
-  opacity: 0.7;
-  width: 12px;
-  height: 12px;
-}
-/* Softness preview — blurred edge */
-#ge-eraser-preview-softness {
-  background: radial-gradient(circle, var(--fg) 0%, var(--fg) 30%, transparent 75%);
-  opacity: 0.7;
-}
-/* Wand feather preview — solid disk that visibly softens at its edge
-   as the user drags the Feather slider. JS sets --feather-blur. */
-#ge-wand-feather-preview {
-  filter: blur(var(--feather-blur, 0px));
-  opacity: 0.8;
-}
 .ge-actions {
   display: flex;
   gap: 4px;
@@ -33684,7 +32113,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
 }
 .ge-mask-vis-btn:hover { opacity: 0.85; background: none !important; }
 .ge-mask-vis-btn.visible { opacity: 0.9; }
-.ge-mask-vis-btn.visible:hover { opacity: 1; }
 /* Paint/Erase segmented toggle in the Inpaint Brush section. */
 .ge-inpaint-mode-btn {
   font-size: 11px;
@@ -33746,8 +32174,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
 .ge-topbar .ge-btn-sm,
 .ge-topbar select,
 .ge-topbar input { position: relative; top: -2px; }
-.ge-topbar .ge-btn,
-.ge-topbar .ge-btn-sm { text-transform: uppercase; }
 /* The tiny "Gen" / "Inpaint" inline labels now look too high relative to
    the shifted-up controls — nudge them down 2 px to re-align. */
 .ge-topbar span[style*="font-size:9px"] { position: relative; top: 2px; }
@@ -33774,14 +32200,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   padding: 2px 8px !important;
   line-height: 1;
 }
-.ge-stacked-btn .ge-stacked-glyph {
-  font-size: 14px;
-  line-height: 1;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 14px;
-}
 .ge-stacked-btn .ge-stacked-glyph svg { display: block; }
 .ge-stacked-btn .ge-stacked-caret {
   margin-left: 2px;
@@ -33863,7 +32281,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   color: var(--fg);
   font-size: 10px;
 }
-.ge-layer-selection-bar[hidden] { display: none; }
 .ge-layer-selection-bar > span { flex: 1; opacity: 0.72; }
 .ge-layer-selection-bar .ge-icon-btn {
   width: 24px;
@@ -33874,7 +32291,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   color: inherit;
   opacity: 0.72;
 }
-.ge-layer-selection-bar .ge-icon-btn:hover { opacity: 1; }
 .ge-layer-selection-bar .ge-icon-btn.danger:hover { color: var(--red); }
 /* Layer-row buttons in the right panel — the unicode glyphs (◉, ⤢) have
    irregular baseline metrics so the box reads as too low; shift up 2 px. */
@@ -33903,10 +32319,7 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   flex-direction: column;
   gap: 2px;
 }
-.ge-save-menu[hidden] { display: none; }
 .ge-save-state-icon { display: none; }
-.ge-stacked-btn .ge-stacked-glyph .ge-save-state-icon[hidden] { display: none !important; }
-.ge-stacked-btn .ge-stacked-glyph .ge-save-state-icon:not([hidden]) { display: block; }
 .ge-save-label { white-space: nowrap; min-width: 0; }
 .ge-save-state-saved { color: var(--fg); }
 .ge-save-menu .dropdown-item-compact {
@@ -33968,12 +32381,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
 .ge-image-menu { min-width: 180px; }
 .ge-selection-menu { min-width: 224px; }
 .ge-filter-menu { min-width: 180px; }
-.ge-resize-menu[hidden],
-.ge-edge-menu[hidden],
-.ge-view-menu[hidden],
-.ge-image-menu[hidden],
-.ge-selection-menu[hidden],
-.ge-filter-menu[hidden] { display: none; }
 .ge-resize-menu .dropdown-item-compact,
 .ge-view-menu .dropdown-item-compact,
 .ge-image-menu .dropdown-item-compact,
@@ -34042,7 +32449,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   color: var(--fg);
   font: inherit;
 }
-.ge-selection-save-row .ge-icon-btn { width: 28px; height: 27px; }
 .ge-saved-selection-list { display: flex; flex-direction: column; gap: 1px; }
 .ge-saved-selection-row { display: grid; grid-template-columns: minmax(0, 1fr) 26px; align-items: center; }
 .ge-saved-selection-load,
@@ -34291,13 +32697,10 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   font-size: 10px;
 }
 .ge-export-matte.disabled { opacity: 0.35; pointer-events: none; }
-.ge-export-matte .ge-color-picker { width: 28px; height: 28px; }
 .ge-export-footer {
   border-top: 1px solid var(--border);
   font-size: 10px;
 }
-.ge-export-footer > div { display: flex; gap: 6px; }
-.ge-export-estimate { opacity: 0.6; font-variant-numeric: tabular-nums; }
 @media (max-width: 700px) {
   .ge-export-overlay { padding: 8px; place-items: end center; }
   .ge-export-dialog { width: 100%; max-height: calc(100dvh - 16px); }
@@ -34402,7 +32805,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   text-transform: uppercase;
   opacity: .62;
 }
-.ge-canvas-prompt-custom-label { margin-top: 14px; }
 .ge-canvas-units-field {
   display: flex;
   align-items: center;
@@ -34458,19 +32860,11 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   cursor: pointer;
   position: relative;
 }
-.ge-canvas-anchor::after {
-  content: '';
-  position: absolute;
-  inset: 6px;
-  border-radius: 1px;
-  background: color-mix(in srgb, var(--fg) 38%, transparent);
-}
 .ge-canvas-anchor:hover,
 .ge-canvas-anchor.active {
   border-color: var(--red);
   background: color-mix(in srgb, var(--red) 12%, transparent);
 }
-.ge-canvas-anchor.active::after { background: var(--red); }
 .ge-canvas-resize-options {
   display: flex;
   align-items: flex-end;
@@ -34486,7 +32880,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   opacity: .72;
   cursor: pointer;
 }
-.ge-canvas-lock-option input { accent-color: var(--red); }
 .ge-canvas-interpolation-field {
   display: inline-flex;
   align-items: center;
@@ -34525,7 +32918,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
   box-sizing: border-box;
   overflow: hidden;
 }
-.ge-canvas-preset-icon { margin-bottom: 1px; }
 .ge-canvas-preset:hover,
 .ge-canvas-preset.active {
   border-color: var(--red);
@@ -34597,18 +32989,6 @@ button .spinner-whirlpool {
 .ge-panel-resize:active {
   background: color-mix(in srgb, var(--red) 30%, transparent);
 }
-/* Center grip dots so the handle reads as draggable. */
-.ge-panel-resize::before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 2px;
-  height: 24px;
-  background: color-mix(in srgb, var(--fg) 35%, transparent);
-  border-radius: 2px;
-}
 /* The right panel needs `position: relative` so the handle (absolute)
    anchors to it instead of the viewport. */
 .ge-right-panel {
@@ -34640,20 +33020,7 @@ button .spinner-whirlpool {
   opacity: 0;
   transition: opacity 0.1s;
 }
-.ge-slider-bubble[hidden] { display: none; }
 .ge-slider-bubble.visible { opacity: 1; }
-/* Tail pointing DOWN at the slider (bubble sits above). */
-.ge-slider-bubble::after {
-  content: '';
-  position: absolute;
-  left: 50%;
-  bottom: -4px;
-  transform: translateX(-50%);
-  width: 8px;
-  height: 8px;
-  background: var(--red);
-  clip-path: polygon(0 0, 100% 0, 50% 100%);
-}
 
 /* Floating thumbnail shown when hovering a layer row. */
 .ge-layer-thumb {
@@ -34667,10 +33034,6 @@ button .spinner-whirlpool {
   pointer-events: none;
   display: none;
 }
-.ge-layer-thumb canvas {
-  display: block;
-  border-radius: 4px;
-}
 .ge-layers-header {
   display: flex;
   align-items: center;
@@ -34704,7 +33067,6 @@ button .spinner-whirlpool {
   gap: 2px;
   pointer-events: auto;
 }
-.ge-layers-merge-menu[hidden] { display: none; }
 .ge-layers-merge-menu .dropdown-item-compact {
   width: 100%;
   background: none;
@@ -34826,7 +33188,6 @@ button .spinner-whirlpool {
   background: #303030;
   image-rendering: auto;
 }
-.ge-layer-item:not(.active) .ge-layer-inline-thumb { opacity: 0.86; }
 /* Row-hover tint removed — kept the layer row's background stable so
    it doesn't shift visually as the user reaches for the opacity slider. */
 .ge-layer-item.active {
@@ -34884,7 +33245,6 @@ button .spinner-whirlpool {
   min-width: 0;
 }
 .ge-layer-opacity-row .ge-layer-opacity { flex: 1 1 auto; width: auto; }
-.ge-layer-opacity-row .ge-layer-lock-btn { flex: 0 0 24px; width: 24px; }
 .ge-layer-group-row .ge-layer-controls {
   grid-column: 1 / -1;
   grid-row: 3;
@@ -34895,10 +33255,6 @@ button .spinner-whirlpool {
   grid-row: 2;
   width: 100%;
 }
-.ge-layers-list > .ge-layer-item:not(.ge-adj-sub-item):not(.ge-mask-sub-item) > .ge-layer-controls {
-  grid-column: 1 / -1;
-  grid-row: 3;
-}
 .ge-layer-group-drag { touch-action: none; }
 .ge-layer-group-row.group-dragging {
   opacity: 0.62;
@@ -34939,7 +33295,6 @@ button .spinner-whirlpool {
   font-weight: 600;
 }
 .ge-layer-group-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.ge-layer-item.grouped { padding-left: calc(20px + (var(--layer-group-depth, 1) - 1) * 14px); }
 .ge-group-mask-sub-item { padding-left: calc(20px + var(--group-mask-depth, 1) * 14px); }
 .ge-layer-vis {
   border: none;
@@ -34955,7 +33310,6 @@ button .spinner-whirlpool {
 }
 .ge-layer-vis:hover { opacity: 0.8; }
 .ge-layer-vis.visible { opacity: 0.9; }
-.ge-layer-vis.visible:hover { opacity: 1; }
 .ge-layer-name {
   flex: 1;
   overflow: hidden;
@@ -34963,11 +33317,6 @@ button .spinner-whirlpool {
   white-space: nowrap;
   min-width: 0;
 }
-.ge-layer-item.clipped .ge-layer-name {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
 .ge-layer-clipped-marker {
   display: inline-flex;
   align-items: center;
@@ -35063,49 +33412,11 @@ button .spinner-whirlpool {
   width: 18px;
   height: 18px;
 }
-/* Shrink the slider thumb — the native default is ~16-20 px which looks
-   massive next to a 3 px track in the compact layer row. */
-.ge-layer-opacity::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 9px;
-  height: 9px;
-  border-radius: 50%;
-  background: var(--red);
-  border: none;
-  cursor: pointer;
-  /* Match the track: shrink only after a 0.5s grace period. */
-  transition: width 0.12s ease 0.5s, height 0.12s ease 0.5s;
-}
-.ge-layer-opacity::-moz-range-thumb {
-  width: 9px;
-  height: 9px;
-  border-radius: 50%;
-  background: var(--red);
-  border: none;
-  cursor: pointer;
-  transition: width 0.12s ease 0.5s, height 0.12s ease 0.5s;
-}
-.ge-layer-opacity:hover::-webkit-slider-thumb,
-.ge-layer-opacity:active::-webkit-slider-thumb,
-.ge-layer-opacity.dragging::-webkit-slider-thumb,
-.ge-layer-opacity:hover::-moz-range-thumb,
-.ge-layer-opacity:active::-moz-range-thumb,
-.ge-layer-opacity.dragging::-moz-range-thumb {
-  transition: width 0.12s ease 0s, height 0.12s ease 0s;
-}
 .ge-layer-controls {
   display: flex;
   gap: 2px;
   flex-shrink: 0;
 }
-.ge-layer-controls .ge-mask-density {
-  width: 26px;
-  min-width: 24px;
-  height: 4px;
-  flex: 0 0 26px;
-  align-self: center;
-}
 .ge-layer-controls .ge-mask-inspect-btn.active {
   color: var(--accent, var(--red));
   background: color-mix(in srgb, var(--accent, var(--red)) 14%, transparent);
@@ -35114,19 +33425,6 @@ button .spinner-whirlpool {
   position: relative;
   flex: 0 0 30px;
 }
-.ge-mask-properties > summary {
-  width: 30px;
-  height: 30px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  list-style: none;
-  cursor: pointer;
-  color: var(--fg);
-  border: 1px solid transparent;
-  border-radius: 4px;
-}
-.ge-mask-properties > summary::-webkit-details-marker { display: none; }
 .ge-mask-properties > summary:hover,
 .ge-mask-properties[open] > summary {
   color: var(--accent, var(--red));
@@ -35146,10 +33444,6 @@ button .spinner-whirlpool {
   background: var(--bg-secondary, var(--bg));
   box-shadow: 0 8px 24px rgba(0,0,0,.28);
 }
-.ge-mask-sub-item:has(.ge-mask-properties[open]) {
-  position: relative;
-  z-index: 50;
-}
 .ge-mask-property-row {
   display: grid;
   grid-template-columns: 52px minmax(0, 1fr) 35px;
@@ -35158,7 +33452,6 @@ button .spinner-whirlpool {
   font-size: 10px;
 }
 .ge-mask-property-row input { min-width: 0; width: 100%; }
-.ge-mask-property-row output { text-align: right; opacity: .7; }
 .ge-mask-apply-btn {
   width: 100%;
   min-height: 26px;
@@ -35170,10 +33463,6 @@ button .spinner-whirlpool {
   font-size: 10px;
 }
 .ge-mask-apply-btn:hover { background: color-mix(in srgb, var(--accent, var(--red)) 22%, transparent); }
-.ge-layers-list > .ge-layer-item:not(.ge-adj-sub-item):not(.ge-mask-sub-item) > .ge-layer-controls,
-.ge-layers-list > .ge-layer-group-row > .ge-layer-controls {
-  display: none;
-}
 .ge-layer-tools {
   display: flex;
   align-items: center;
@@ -35184,14 +33473,12 @@ button .spinner-whirlpool {
   border-top: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
   background: color-mix(in srgb, var(--bg-secondary) 72%, var(--bg));
 }
-.ge-layer-tools[hidden] { display: none; }
 .ge-layer-tools .ge-layer-controls {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   width: 100%;
 }
-.ge-layer-tools .ge-layer-btn { min-width: 26px; }
 .ge-eyedropper-live {
   display: flex;
   align-items: center;
@@ -35249,16 +33536,6 @@ button .spinner-whirlpool {
   flex-shrink: 0;
 }
 .ge-layer-drag:hover { opacity: 0.85; }
-@media (max-width: 700px) {
-  /* Preserve the compact grip while giving long-press reorder a usable
-     touch target. */
-  .ge-layer-drag {
-    width: 28px;
-    min-height: 30px;
-    margin-left: -6px;
-    margin-right: -4px;
-  }
-}
 /* While dragSort lifts the item via absolute positioning, the placeholder
    slot shows where it'll land — give it a subtle red outline so users see
    the target clearly. */
@@ -35321,7 +33598,6 @@ button .spinner-whirlpool {
   background: color-mix(in srgb, var(--fg) 8%, transparent);
 }
 .ge-layer-align-menu { width: 218px; }
-.ge-layer-align-menu .ge-layer-lock-option { grid-template-columns: minmax(0, 1fr); }
 .ge-layer-lock-check {
   width: 16px;
   height: 16px;
@@ -35363,11 +33639,6 @@ button .spinner-whirlpool {
   font-size: 11px;
   -moz-appearance: textfield;
 }
-.ge-crop-apply input[type="number"]::-webkit-outer-spin-button,
-.ge-crop-apply input[type="number"]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
 .ge-crop-x { font-size: 11px; opacity: 0.5; }
 .ge-crop-apply-btn {
   padding: 4px 10px;
@@ -35400,15 +33671,6 @@ button .spinner-whirlpool {
   display: none;
   box-sizing: border-box;
 }
-.ge-brush-cursor::after {
-  content: '';
-  position: absolute;
-  top: 50%; left: 50%;
-  width: 3px; height: 3px;
-  margin: -1.5px 0 0 -1.5px;
-  background: rgba(255,255,255,0.8);
-  border-radius: 50%;
-}
 .ge-inpaint-section {
   padding: 8px 0; border-top: 1px solid var(--border); margin-top: 4px;
 }
@@ -36265,14 +34527,11 @@ button .spinner-whirlpool {
   background: transparent; border: 1px solid var(--border); border-radius: 4px;
   color: var(--fg); font-size: 11px; padding: 2px 6px; cursor: pointer; width: 100%; height: 26px;
 }
-.email-list { overflow-y: auto; max-height: 400px; }
 .email-item {
   display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px;
   cursor: pointer; border-bottom: 1px solid var(--border); position: relative; transition: background 0.1s;
 }
 .email-item:hover { background: var(--hover-bg, rgba(255,255,255,0.03)); }
-.email-item:hover .email-menu-btn { opacity: 0.5; }
-.email-item-spam { opacity: 0.4; }
 .email-item-spam:hover { opacity: 0.75; }
 .email-tag-spam {
   display: inline-flex; align-items: center; gap: 4px;
@@ -36300,42 +34559,8 @@ button .spinner-whirlpool {
 .email-done-check.active svg { display: block; }
 .email-done-check svg { display: none; }
 
-/* Auto-done flash: when a row gets marked done because the user just sent
-   a reply, briefly tint the whole row with the accent and pop the check
-   so the state change is hard to miss. Self-removes after ~1.2s. */
-@keyframes email-auto-done-row {
-  0%   { background: color-mix(in srgb, var(--accent, var(--red)) 22%, transparent); }
-  60%  { background: color-mix(in srgb, var(--accent, var(--red)) 14%, transparent); }
-  100% { background: transparent; }
-}
-@keyframes email-auto-done-check {
-  0%   { transform: scale(1); box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 45%, transparent); }
-  40%  { transform: scale(1.4); box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent, var(--red)) 0%, transparent); }
-  100% { transform: scale(1); }
-}
-.email-item.email-auto-done-flash { animation: email-auto-done-row 1.2s ease-out; }
-.email-item.email-auto-done-flash .email-done-check { animation: email-auto-done-check 0.6s ease-out; }
 
-/* Email titles that carry a cached AI summary get a thin underline-dot hint
-   so the user knows a hover-preview is available. */
-.memory-item-title.email-card-has-summary {
-  cursor: help;
-  text-decoration: underline dotted color-mix(in srgb, var(--accent) 60%, transparent) 1px;
-  text-underline-offset: 3px;
-}
 
-#email-lib-grid .doclib-card.email-card-unread:not(.email-card-expanded) {
-  border-color: color-mix(in srgb, var(--accent, var(--red)) 58%, var(--border)) !important;
-  box-shadow:
-    0 0 0 1px color-mix(in srgb, var(--accent, var(--red)) 24%, transparent),
-    0 0 10px -4px color-mix(in srgb, var(--accent, var(--red)) 55%, transparent);
-}
-#email-lib-grid .doclib-card.email-card-unread:not(.email-card-expanded):hover {
-  border-color: color-mix(in srgb, var(--accent, var(--red)) 76%, var(--border)) !important;
-  box-shadow:
-    0 0 0 1px color-mix(in srgb, var(--accent, var(--red)) 32%, transparent),
-    0 0 12px -3px color-mix(in srgb, var(--accent, var(--red)) 65%, transparent);
-}
 
 .email-delete-busy > :not(.email-delete-overlay) {
   opacity: 0.42;
@@ -36463,18 +34688,6 @@ button .spinner-whirlpool {
   opacity: 0.9;
   color: var(--accent-primary, var(--red));
 }
-.email-card-favorite.active:hover,
-.email-card-favorite.active:focus-visible { opacity: 1; }
-.email-card-favorite:active { transform: scale(0.88); }
-.email-card-favorite svg { pointer-events: none; }
-.email-card-done.just-checked {
-  animation: check-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
-/* Reverse animation when un-checking — shrink-and-fade so the click is
-   obviously felt even when hover styling otherwise keeps the icon visible. */
-.email-card-done.just-unchecked {
-  animation: check-unpop 0.42s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
 @keyframes check-pop {
   0% { transform: scale(1); }
   40% { transform: scale(1.7) rotate(-10deg); }
@@ -36552,10 +34765,6 @@ button .spinner-whirlpool {
   border-top: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
   min-height: 240px;
 }
-.email-card-reader-loading .spinner-whirlpool,
-.email-card-reader-loading .ai-spinner-whirlpool {
-  opacity: 0.85;
-}
 .email-card-reader-error {
   background: color-mix(in srgb, var(--bg) 86%, #000 14%);
   border-top: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
@@ -36619,7 +34828,6 @@ button .spinner-whirlpool {
   border-radius: 8px;
   background: color-mix(in srgb, var(--panel) 70%, transparent);
 }
-.email-skeleton-row.compact { min-height: 42px; opacity: 0.72; }
 .email-skeleton-lines {
   flex: 1;
   min-width: 0;
@@ -36627,9 +34835,6 @@ button .spinner-whirlpool {
   flex-direction: column;
   gap: 7px;
 }
-.email-skeleton-line.title { width: min(88%, 520px); height: 9px; }
-.email-skeleton-line.meta { width: min(72%, 420px); height: 7px; opacity: 0.78; }
-.email-skeleton-line.date { width: 72px; height: 7px; flex: 0 0 auto; opacity: 0.72; }
 .email-reader-skeleton {
   display: flex;
   flex-direction: column;
@@ -36696,18 +34901,6 @@ button .spinner-whirlpool {
   box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent-primary, var(--red)) 35%, transparent);
   animation: email-search-progress-pulse 1.2s ease-in-out infinite;
 }
-@keyframes email-skeleton-shimmer {
-  0% { background-position: 120% 0; opacity: 0.68; }
-  50% { opacity: 1; }
-  100% { background-position: -120% 0; opacity: 0.68; }
-}
-@keyframes email-search-progress-pulse {
-  0%, 100% { transform: scale(0.9); opacity: 0.55; box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent-primary, var(--red)) 35%, transparent); }
-  50% { transform: scale(1.1); opacity: 1; box-shadow: 0 0 0 5px transparent; }
-}
-@keyframes email-inline-image-spin {
-  to { transform: rotate(360deg); }
-}
 @media (prefers-reduced-motion: reduce) {
   .email-skeleton-line,
   .email-skeleton-dot,
@@ -36727,23 +34920,6 @@ button .spinner-whirlpool {
   top: 0;
   animation: email-card-unread-breathe 2.2s ease-in-out infinite;
 }
-@keyframes email-card-unread-breathe {
-  0%, 100% {
-    box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 0%, transparent);
-    opacity: 0.85;
-    transform: scale(1);
-  }
-  50% {
-    /* currentColor here is unreliable (background, not color) — use a
-       subtle white-tinted halo so the glow shows on any sender hue. */
-    box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.18);
-    opacity: 1;
-    transform: scale(1.15);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .email-card-unread-dot { animation: none; }
-}
 .email-reader-header {
   display: flex;
   flex-direction: row;
@@ -36962,13 +35138,11 @@ button .spinner-whirlpool {
   font-weight: 600;
   line-height: 1;
 }
-#email-lib-pills::-webkit-scrollbar { display: none; }
 .email-reader-meta-details {
   display: flex;
   flex-direction: column;
   gap: 6px;
 }
-.email-reader-meta-details[hidden] { display: none; }
 /* When expanded, To/Cc details live in the header flow. A floating popover
    can overlap the folded attachment strip directly beneath the header. */
 .email-reader-meta > .email-reader-meta-details:not([hidden]) {
@@ -36984,10 +35158,6 @@ button .spinner-whirlpool {
   box-shadow: none;
   z-index: 1;
 }
-.email-reader-header > .email-reader-meta {
-  flex: 1; min-width: 0;
-  opacity: 0.85; line-height: 1.7; font-size: 11px;
-}
 /* Reserve a fixed label width so From: / To: / Cc: all align and
    their chips start at the same x. */
 .email-reader-meta-row strong { opacity: 0.5; font-weight: 600; flex-shrink: 0; min-width: 36px; }
@@ -37182,10 +35352,6 @@ button .spinner-whirlpool {
                "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla";
   font-variant-emoji: emoji;
 }
-/* When rendering HTML emails, override pre-wrap so layout works */
-.email-reader-body.html-body {
-  white-space: normal;
-}
 .email-reader-body.html-body img { max-width: 100%; height: auto; }
 .email-reader-body.html-body [style*="max-width:600px"],
 .email-reader-body.html-body [style*="max-width: 600px"],
@@ -37215,9 +35381,6 @@ button .spinner-whirlpool {
   color: var(--fg);
   vertical-align: middle;
 }
-.email-reader-body .email-inline-image-placeholder.is-error {
-  border-color: color-mix(in srgb, var(--red, #ff5555) 45%, var(--border));
-}
 .email-inline-image-skeleton {
   width: 58px;
   height: 42px;
@@ -37239,14 +35402,6 @@ button .spinner-whirlpool {
   opacity: 0.52;
   display: inline-flex;
 }
-.email-inline-image-placeholder.is-loading .email-inline-image-icon {
-  width: 16px;
-  height: 16px;
-  border: 2px solid color-mix(in srgb, var(--fg) 20%, transparent);
-  border-top-color: var(--accent, var(--red));
-  border-radius: 50%;
-  animation: email-inline-image-spin 0.75s linear infinite;
-}
 .email-inline-image-placeholder.is-loading .email-inline-image-icon svg {
   display: none;
 }
@@ -37322,16 +35477,10 @@ button .spinner-whirlpool {
   );
   background-size: 220% 100%;
 }
-.email-inline-image-frame.is-loading {
-  animation: email-skeleton-shimmer 1.35s ease-in-out infinite;
-}
 .email-inline-image-frame .email-inline-image-loaded {
   opacity: 0;
   transition: opacity 0.15s ease;
 }
-.email-inline-image-frame .email-inline-image-loaded.is-visible {
-  opacity: 1;
-}
 .email-inline-image-load-all {
   display: flex;
   align-items: center;
@@ -37423,15 +35572,6 @@ button .spinner-whirlpool {
   padding-right: 0 !important;
   filter: none;
 }
-/* Preserve highlights — sender's intent (snark, callouts) gets through, but
-   rendered with a theme-aware accent so it stays legible in any theme. The
-   sanitizer rewrites `<span style="background:yellow">…</span>` to <mark>. */
-.email-reader-body mark {
-  background: color-mix(in srgb, var(--accent, var(--red)) 22%, transparent);
-  color: inherit;
-  padding: 0 2px;
-  border-radius: 2px;
-}
 
 /* Force any phone/sms/date/address auto-link to inherit the body color so
    numbers don't render as bright-blue browser-default text inside email
@@ -37486,11 +35626,7 @@ button .spinner-whirlpool {
    flips when collapsed, the content hides + the panel's bottom margin
    tightens so a folded summary doesn't take up vertical space. */
 .email-summary-toggle { cursor: pointer; user-select: none; }
-.email-summary-toggle:hover { opacity: 1; }
 .email-summary-panel.collapsed { padding-bottom: 6px; margin-bottom: 6px; }
-.email-summary-panel.collapsed .email-summary-header { margin-bottom: 0; }
-.email-summary-panel.collapsed .email-summary-content { display: none; }
-.email-summary-panel.collapsed .email-summary-chevron { transform: rotate(-90deg); }
 .email-translation-loading {
   display: flex;
   align-items: center;
@@ -37517,7 +35653,6 @@ button .spinner-whirlpool {
 .email-translation-panel .email-translation-icon {
   color: var(--accent-primary, var(--red));
 }
-.email-translation-panel { margin-top: 0; }
 
 /* Foldable attachments — same fold-on-click UX as the summary panel. */
 .email-reader-atts-wrap {
@@ -37556,10 +35691,6 @@ button .spinner-whirlpool {
   background: color-mix(in srgb, var(--accent-primary, var(--red)) 18%, transparent);
   border-color: color-mix(in srgb, var(--accent-primary, var(--red)) 60%, transparent);
 }
-.email-attachments-download-all.is-loading {
-  opacity: 0.82;
-  pointer-events: none;
-}
 .email-attachments-download-all .spinner-whirlpool,
 .email-attachments-download-all .ai-spinner-whirlpool {
   width: 12px !important;
@@ -37569,9 +35700,6 @@ button .spinner-whirlpool {
 .email-reader-atts-wrap > .email-reader-atts {
   border-bottom: none !important;
 }
-.email-reader-atts-wrap.collapsed > .email-reader-atts,
-.email-reader-atts-wrap.collapsed > .email-reader-atts-hidden-note { display: none; }
-.email-reader-atts-wrap.collapsed .email-summary-chevron { transform: rotate(-90deg); }
 .email-reader-atts-hidden-note {
   padding: 0 14px 6px;
   font-size: 10px;
@@ -37635,13 +35763,6 @@ button .spinner-whirlpool {
   border-radius: 6px;
   background: color-mix(in srgb, var(--fg) 2%, transparent);
 }
-.email-thread-turn-body .email-thread-turn .email-fold-summary {
-  padding: 5px 10px;
-}
-.email-thread-turn-body .email-thread-turn .email-thread-turn-body {
-  padding: 6px 10px 2px;
-  font-size: 11px;
-}
 /* The original blockquote's left stripe is redundant when each turn is
    already a card — drop it inside thread bodies. */
 .email-thread-turn-body blockquote {
@@ -37709,11 +35830,7 @@ button .spinner-whirlpool {
   color: inherit !important;
   background: transparent !important;
 }
-.email-quote-fold .email-fold-summary::-webkit-details-marker,
-.email-quote-fold .email-fold-summary::marker { display: none; content: none; }
 .email-quote-fold .email-fold-summary { list-style: none; list-style-type: none; }
-.email-quote-fold .email-fold-summary:hover { opacity: 1; }
-.email-quote-fold[open] .email-summary-chevron { transform: rotate(180deg); }
 .email-quote-fold[open] > *:not(summary) {
   padding: 8px 14px 12px 14px;
   border-top: 1px solid var(--border);
@@ -37740,15 +35857,6 @@ button .spinner-whirlpool {
   color: var(--fg); opacity: 0.55;
   user-select: none;
 }
-/* Suppress the global `summary::before { content: '▶' }` rule from
-   leaking the chevron-emoji onto our header — we use the trailing SVG
-   chevron only. */
-.email-sig-fold .email-fold-summary::before,
-.email-quote-fold .email-fold-summary::before { content: none !important; }
-.email-sig-fold .email-fold-summary::-webkit-details-marker,
-.email-sig-fold .email-fold-summary::marker { display: none; content: none; }
-.email-sig-fold .email-fold-summary:hover { opacity: 1; }
-.email-sig-fold[open] .email-summary-chevron { transform: rotate(180deg); }
 .email-sig-fold[open] > *:not(summary) {
   padding: 6px 0 0;
   border-top: 0;
@@ -37775,17 +35883,6 @@ button .spinner-whirlpool {
   width: 100%;
   min-width: 0;
 }
-.email-bubble-row.email-bubble-mine {
-  flex-direction: row-reverse;
-  justify-content: flex-start;
-}
-.email-bubble-row.email-bubble-theirs {
-  /* Avatar lives at the END of the row (right side) so the bubble has
-     the full left edge to start from — gives bigger reading width and
-     a cleaner left margin. */
-  flex-direction: row-reverse;
-  justify-content: flex-end;
-}
 .email-bubble {
   flex: 0 1 auto;
   max-width: 90%;
@@ -37818,7 +35915,6 @@ button .spinner-whirlpool {
   opacity: 0.7;
   min-width: 0;
 }
-.email-bubble-mine .email-bubble-head { justify-content: flex-end; }
 .email-bubble-author {
   font-weight: 600;
   white-space: nowrap;
@@ -37840,9 +35936,6 @@ button .spinner-whirlpool {
   font-size: var(--email-body-size, 13.5px);
   line-height: 1.5;
 }
-.email-bubble-body *:not(code):not(pre):not(kbd):not(samp) {
-  line-height: inherit !important;
-}
 /* Heading tags carry browser-default font-size multipliers that bypass
    `font-size: inherit` when an inline style was set; pin them too. */
 .email-bubble-body h1,
@@ -37857,10 +35950,6 @@ button .spinner-whirlpool {
   font-size: inherit !important;
   line-height: inherit !important;
 }
-.email-bubble-body img {
-  max-width: 100%;
-  height: auto;
-}
 /* Sender HTML often wraps content in a fixed-width <div style="width:600px">
    or <table width="600">. Override so content fills the reader's available
    width — otherwise resizing the email window doesn't reflow anything. */
@@ -37882,9 +35971,6 @@ button .spinner-whirlpool {
   border-radius: 0 !important;
   color: inherit;
 }
-.email-bubble-body table {
-  max-width: 100%;
-}
 .email-bubble-avatar {
   flex-shrink: 0;
   width: 26px;
@@ -37909,10 +35995,6 @@ button .spinner-whirlpool {
   margin: 8px 0 0;
   border-top: 1px dashed var(--border);
 }
-.email-bubble-body .email-sig-fold .email-fold-summary,
-.email-bubble-body .email-quote-fold .email-fold-summary {
-  padding: 4px 0;
-}
 .email-bubble-body .email-sig-fold[open] > *:not(summary),
 .email-bubble-body .email-quote-fold[open] > *:not(summary) {
   padding: 6px 0 0;
@@ -38085,17 +36167,6 @@ body.doc-find-active .doc-editor-highlight * {
   color: transparent !important;
   background: transparent !important;
 }
-/* Marks remain solid so they pop through the otherwise-invisible
-   overlay; outlined extra-bright for the currently-focused one. */
-body.doc-find-active mark.doc-find-mark {
-  background: var(--accent) !important;
-  color: var(--bg) !important;
-}
-body.doc-find-active mark.doc-find-mark.current {
-  background: var(--accent) !important;
-  box-shadow: 0 0 0 2px var(--fg) !important;
-  outline: 1px solid var(--fg) !important;
-}
 .doc-editor-textarea,
 #doc-editor-code.email-mode .doc-editor-textarea {
   color: var(--fg) !important;
@@ -38147,8 +36218,6 @@ body.doc-find-active mark.doc-find-mark.current {
 .email-item-content { flex: 1; min-width: 0; overflow: hidden; }
 .email-item-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
 .email-sender { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.email-sender-clickable { cursor: pointer; }
-.email-sender-clickable:hover { text-decoration: underline; }
 .email-filter-chip {
   display: flex;
   align-items: center;
@@ -38162,7 +36231,6 @@ body.doc-find-active mark.doc-find-mark.current {
   border: 1px solid color-mix(in srgb, var(--accent, var(--red)) 40%, transparent);
   color: var(--fg);
 }
-.email-filter-chip-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .email-filter-chip-clear {
   background: none;
   border: none;
@@ -38173,7 +36241,6 @@ body.doc-find-active mark.doc-find-mark.current {
   padding: 0 2px;
   opacity: 0.6;
 }
-.email-filter-chip-clear:hover { opacity: 1; }
 .email-date { font-size: 10px; opacity: 0.5; white-space: nowrap; flex-shrink: 0; }
 .email-subject { font-size: 11px; opacity: 0.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px; }
 .email-sent-chip,
@@ -38215,11 +36282,6 @@ body.doc-find-active mark.doc-find-mark.current {
   position: relative;
   top: 4px;
 }
-@media (max-width: 768px) {
-  .email-search-row {
-    flex-wrap: wrap;
-  }
-}
 .email-tags { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 3px; margin-left: 6px; vertical-align: middle; position: relative; top: -2px; }
 .email-card-tags {
   flex: 0 0 auto;
@@ -38241,17 +36303,6 @@ body.doc-find-active mark.doc-find-mark.current {
     transform: translateY(2px);
   }
 }
-.email-tags-collapsed .email-tag-extra { display: none; }
-.email-tags-expanded .email-tag-extra { display: inline-flex; align-items: center; }
-.email-card-tags.email-tags-mini:not(.email-tags-expanded) > .email-tags-more:not(.email-tags-more-single) {
-  display: none;
-}
-.email-card-tags.email-tags-mini:not(.email-tags-expanded) .email-tags-more-single {
-  display: inline-flex;
-}
-.email-card-tags.email-tags-expanded .email-tags-more-single {
-  display: none;
-}
 .email-card-tags.email-tags-expanded {
   position: absolute;
   z-index: 4;
@@ -38289,7 +36340,6 @@ body.doc-find-active mark.doc-find-mark.current {
   top: 0;
   vertical-align: middle;
 }
-.email-tags-more:hover { opacity: 0.92; }
 .email-tags-more svg { display: block; flex: 0 0 auto; }
 .email-tags-expanded .email-tags-more svg { transform: rotate(180deg); }
 .email-tags-toggle-inline {
@@ -38348,9 +36398,6 @@ body.doc-find-active mark.doc-find-mark.current {
   vertical-align: middle;
   flex: 0 0 auto;
 }
-.email-tag-clickable:hover {
-  filter: brightness(1.12);
-}
 .email-tag-work { background: rgba(96, 165, 250, 0.22); color: #60a5fa; }
 .email-tag-personal { background: rgba(74, 222, 128, 0.22); color: #4ade80; }
 .email-tag-finance { background: rgba(250, 204, 21, 0.22); color: #facc15; }
@@ -38390,16 +36437,10 @@ body.doc-find-active mark.doc-find-mark.current {
   border-top-color: #fff; border-radius: 50%; animation: email-spin 0.6s linear infinite;
   vertical-align: middle; margin-right: 4px;
 }
-@keyframes email-spin { to { transform: rotate(360deg); } }
 
 /* Email section doesn't collapse — hide the auto-injected chevron */
 #email-section .section-collapse-btn { display: none !important; }
 
-/* Compose + button: show on section hover, spin on button hover */
-#email-compose-btn {
-  opacity: 0.4 !important;
-  transition: opacity 0.15s ease;
-}
 #email-section:hover #email-compose-btn {
   opacity: 0.7 !important;
 }
@@ -38450,26 +36491,6 @@ body.doc-find-active mark.doc-find-mark.current {
   transform: rotate(180deg) scale(1.15);
 }
 
-/* Satisfying send effect: email slides out to the right and fades */
-.email-send-fx {
-  animation: email-send-slide 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-  pointer-events: none;
-}
-@keyframes email-send-slide {
-  0% {
-    transform: translateX(0);
-    opacity: 1;
-    filter: blur(0);
-  }
-  60% {
-    filter: blur(1px);
-  }
-  100% {
-    transform: translateX(110%);
-    opacity: 0;
-    filter: blur(3px);
-  }
-}
 
 /* MD toolbar attach button — matches other toolbar buttons */
 .md-toolbar-attach-btn {
@@ -38524,7 +36545,6 @@ body.doc-find-active mark.doc-find-mark.current {
      horizontally centered. Pin it center. */
   justify-content: center;
 }
-.hwfit-cached-menu-btn svg { fill: currentColor; }
 .hwfit-cached-menu-btn.cookbook-menu-active,
 .cookbook-saved-arrow.cookbook-menu-active {
   background: color-mix(in srgb, var(--accent, var(--red)) 18%, transparent);
@@ -38788,7 +36808,6 @@ body.doc-find-active mark.doc-find-mark.current {
   letter-spacing: 0.02em;
   cursor: pointer;
 }
-.email-lib-unread-badge:hover { filter: brightness(1.08); }
 .email-lib-unread-badge.email-lib-away-badge {
   background: color-mix(in srgb, var(--accent, var(--red)) 18%, transparent);
   color: var(--accent, var(--red));
@@ -38825,9 +36844,6 @@ body.doc-find-active mark.doc-find-mark.current {
   white-space: nowrap;
   vertical-align: 1px;
 }
-.email-lib-auto-reply-badge:hover {
-  filter: brightness(1.08);
-}
 #email-lib-modal.email-lib-unread-active .doclib-modal-content {
   box-shadow:
     0 0 0 1px color-mix(in srgb, var(--accent, var(--red)) 22%, transparent),
@@ -38895,11 +36911,6 @@ body.doc-find-active mark.doc-find-mark.current {
   opacity: 1;
   background: color-mix(in srgb, var(--fg) 8%, transparent);
 }
-.email-card-nav-btn:disabled {
-  opacity: 0.25;
-  cursor: default;
-  pointer-events: none;
-}
 
 /* ── Email document editor ── */
 .doc-email-header {
@@ -38941,17 +36952,6 @@ body.doc-find-active mark.doc-find-mark.current {
   white-space: nowrap;
   opacity: 0.74;
 }
-.doc-email-header:not(.doc-email-header-collapsed) .doc-email-collapse-summary {
-  opacity: 0.45;
-}
-.doc-email-header.doc-email-header-collapsed {
-  gap: 0;
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-.doc-email-header.doc-email-header-collapsed .doc-email-fields {
-  display: none;
-}
 .doc-email-header.doc-email-header-collapsed .doc-email-collapse-btn svg {
   transform: rotate(180deg);
 }
@@ -39030,11 +37030,6 @@ body.doc-find-active mark.doc-find-mark.current {
   z-index: 30;
   pointer-events: auto;
 }
-/* Documents footer — X + Undo stay on the LEFT, Copy/Export group pushed
-   to the RIGHT. Email composer keeps its original flex-end layout. */
-#doc-actions-footer {
-  justify-content: flex-start;
-}
 #doc-actions-footer .email-send-split {
   margin-left: auto;
 }
@@ -39043,17 +37038,6 @@ body.doc-find-active mark.doc-find-mark.current {
 .doc-save-button[data-save-state="saving"] { color: var(--fg-muted, var(--fg)); }
 .doc-save-button[data-save-state="saved"] { color: var(--fg); }
 .doc-save-button[data-save-state="error"] { color: var(--color-danger, #e06c75); }
-.doc-save-button[data-save-state="dirty"] .doc-save-state-dirty,
-.doc-save-button[data-save-state="saving"] .doc-save-state-saving,
-.doc-save-button[data-save-state="saved"] .doc-save-state-saved,
-.doc-save-button[data-save-state="error"] .doc-save-state-error { display: block; }
-.doc-save-button[data-save-state="saving"] .doc-save-state-saving {
-  animation: doc-save-spin 800ms linear infinite;
-}
-@keyframes doc-save-spin { to { transform: rotate(360deg); } }
-@media (prefers-reduced-motion: reduce) {
-  .doc-save-button[data-save-state="saving"] .doc-save-state-saving { animation: none; }
-}
 .doc-stats-wrap {
   position: relative;
   margin-left: 0;
@@ -39093,7 +37077,6 @@ body.doc-find-active mark.doc-find-mark.current {
   color: var(--fg);
   font-size: 11px;
 }
-.doc-stats-popover[hidden] { display: none; }
 .doc-stats-scope {
   padding-bottom: 6px;
   margin-bottom: 5px;
@@ -39110,10 +37093,6 @@ body.doc-find-active mark.doc-find-mark.current {
   justify-content: space-between;
   gap: 14px;
 }
-.doc-stats-row strong {
-  font-weight: 600;
-  font-variant-numeric: tabular-nums;
-}
 /* WYSIWYG email body — what the recipient sees, edited in place. */
 .doc-email-richbody {
   flex: 1;
@@ -39130,11 +37109,6 @@ body.doc-find-active mark.doc-find-mark.current {
   text-align: left;
   word-wrap: break-word;
 }
-.doc-email-richbody:empty::before {
-  content: "Write your email\2026";
-  opacity: 0.4;
-  pointer-events: none;
-}
 .doc-email-richbody.richtext-mode {
   background: var(--bg);
 }
@@ -39156,22 +37130,6 @@ body.doc-find-active mark.doc-find-mark.current {
   pointer-events: auto;
   transform: none;
 }
-@media (max-width: 768px) {
-  .doc-rich-empty-import {
-    top: 106px;
-  }
-}
-.doc-email-richbody.richtext-mode:empty::before {
-  content: "Start writing\2026";
-}
-.doc-email-richbody.richtext-mode ul,
-.doc-email-richbody.richtext-mode ol {
-  padding-left: 1.75em;
-}
-.doc-email-richbody.richtext-mode ul:not(.rich-checklist) > li,
-.doc-email-richbody.richtext-mode ol > li {
-  padding-inline-start: 0.2em;
-}
 .doc-email-richbody.richtext-mode ul.rich-checklist {
   list-style: none;
   padding-left: 1.8em;
@@ -39266,12 +37224,6 @@ body.doc-find-active mark.doc-find-mark.current {
   white-space: pre-wrap;
   tab-size: 2;
 }
-.doc-email-richbody.richtext-mode pre code {
-  padding: 0;
-  border: 0;
-  background: transparent;
-  font: inherit;
-}
 
 ::highlight(doc-find-results) {
   color: inherit;
@@ -39308,15 +37260,6 @@ body.doc-find-active mark.doc-find-mark.current {
   height: auto;
   border-radius: 4px;
 }
-.doc-email-richbody figure.richtext-image .richtext-image-caption {
-  margin-top: 6px;
-  max-width: 100%;
-  color: color-mix(in srgb, var(--fg) 68%, transparent);
-  font-size: 0.84em;
-  line-height: 1.4;
-  text-align: center;
-  overflow-wrap: anywhere;
-}
 .doc-email-richbody figure.richtext-image:has(img.richtext-image-size-60) .richtext-image-caption { width: 60%; }
 .doc-email-richbody figure.richtext-image:has(img.richtext-image-size-35) .richtext-image-caption { width: 35%; }
 .doc-email-richbody figure.richtext-image:has(img.richtext-image-align-left) .richtext-image-caption { margin-left: 0; margin-right: auto; }
@@ -39618,11 +37561,6 @@ body.doc-find-active mark.doc-find-mark.current {
 }
 .rich-align-center { text-align: center; }
 .rich-align-right { text-align: right; }
-.doc-email-richbody a { color: var(--accent, #4af); }
-.doc-email-richbody blockquote {
-  margin: 6px 0; padding-left: 10px;
-  border-left: 3px solid var(--border); opacity: 0.8;
-}
 .doc-email-richbody .email-quoted-history {
   margin-top: 14px;
   padding: 10px 0 10px 12px;
@@ -39636,7 +37574,6 @@ body.doc-find-active mark.doc-find-mark.current {
 }
 .doc-email-richbody h1, .doc-email-richbody h2, .doc-email-richbody h3,
 .doc-email-richbody h4, .doc-email-richbody h5, .doc-email-richbody h6 { margin: 0.4em 0; }
-.doc-email-richbody p { margin: 0.5em 0; }
 .email-more-menu {
   position: absolute; bottom: 100%; right: 0; margin-bottom: 6px;
   min-width: 160px; background: var(--bg); border: 1px solid var(--border);
@@ -39670,7 +37607,6 @@ body.doc-find-active mark.doc-find-mark.current {
   background: color-mix(in srgb, var(--accent-primary, var(--red)) 30%, transparent);
   border-color: var(--accent-primary, var(--red));
 }
-.email-send-btn:disabled { opacity: 0.5; cursor: not-allowed; }
 .email-draft-btn {
   background: none; border: 1px solid var(--border);
   color: color-mix(in srgb, var(--fg) 60%, transparent);
@@ -39679,7 +37615,6 @@ body.doc-find-active mark.doc-find-mark.current {
   font-family: inherit; transition: all 0.15s; white-space: nowrap;
 }
 .email-draft-btn:hover { border-color: var(--fg); color: var(--fg); }
-.email-draft-btn:disabled { opacity: 0.5; cursor: not-allowed; }
 .email-discard-btn {
   background: transparent;
   /* Dim the label text via color-mix instead of `opacity:0.6` on the whole
@@ -39705,7 +37640,6 @@ body.doc-find-active mark.doc-find-mark.current {
 #doc-email-more-btn:hover {
   border-color: var(--fg); color: var(--fg);
 }
-#doc-email-more-btn svg { opacity: 0.8; }
 .email-more-wrap { display: inline-flex; }
 .email-attachments {
   display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0 0 58px;
@@ -39733,9 +37667,6 @@ body.doc-find-active mark.doc-find-mark.current {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.email-attachment-chip .att-size { opacity: 0.5; font-size: 10px; flex-shrink: 0; }
-.email-attachment-chip-muted { opacity: 0.65; }
-.email-attachment-chip-muted:hover { opacity: 1; }
 .email-attachment-chip-related {
   border-color: color-mix(in srgb, var(--accent) 30%, var(--border));
 }
@@ -39798,18 +37729,6 @@ body.doc-find-active mark.doc-find-mark.current {
   padding: 0;
   margin-left: 4px;
 }
-.email-attachment-open.is-loading {
-  pointer-events: none;
-  opacity: 0.82;
-}
-.email-attachment-open.is-loading .spinner-whirlpool,
-.email-attachment-open.is-loading .ai-spinner-whirlpool {
-  width: 12px !important;
-  height: 12px !important;
-  margin: 0 !important;
-  position: relative;
-  top: 0;
-}
 .email-attachment-open-label { line-height: 1; }
 .email-attachment-chip.is-expanded .email-attachment-open,
 .email-attachment-chip.is-expanded .email-attachment-download,
@@ -39899,7 +37818,6 @@ body.doc-find-active mark.doc-find-mark.current {
   border: 1px solid var(--border); border-radius: 12px; color: var(--fg);
 }
 .email-compose-chip .compose-chip-name { max-width: 180px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.email-compose-chip .att-size { opacity: 0.5; font-size: 10px; flex-shrink: 0; }
 .email-compose-chip .compose-chip-remove {
   background: none; border: none; color: var(--fg); opacity: 0.5;
   height: 18px; font-size: 14px; line-height: 18px; padding: 0 3px; cursor: pointer;
@@ -40075,12 +37993,6 @@ body.doc-find-active mark.doc-find-mark.current {
   background: color-mix(in srgb, var(--fg) 7%, transparent);
   overflow: hidden;
 }
-.email-odysseus-attach-thumb img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-}
 .email-odysseus-attach-main {
   min-width: 0;
   flex: 1;
@@ -40146,27 +38058,6 @@ body.doc-find-active mark.doc-find-mark.current {
 .email-odysseus-attach-selected svg {
   flex-shrink: 0;
 }
-.email-odysseus-attach-selected:disabled {
-  opacity: 0.45;
-  cursor: default;
-}
-.email-odysseus-attach-selected.is-loading {
-  opacity: 0.72;
-  pointer-events: none;
-}
-@media (max-width: 768px) {
-  .email-odysseus-attach-menu {
-    left: 8px !important;
-    right: 8px;
-    bottom: 8px;
-    top: auto !important;
-    width: auto;
-    max-height: 58vh;
-  }
-  .email-odysseus-attach-list {
-    max-height: calc(58vh - 88px);
-  }
-}
 
 .email-cc-toggle {
   background: none; border: none; color: var(--fg);
@@ -40184,14 +38075,6 @@ body.doc-find-active mark.doc-find-mark.current {
     display: flex;
   }
 }
-@media (min-width: 769px) {
-  #doc-email-header #doc-email-collapse-btn.doc-email-collapse-btn {
-    display: none !important;
-  }
-  #doc-email-header.doc-email-header-collapsed .doc-email-fields {
-    display: flex !important;
-  }
-}
 
 .email-autocomplete {
   position: absolute; top: 100%; left: 58px; right: 0; z-index: 1000;
@@ -40237,29 +38120,10 @@ body.doc-find-active mark.doc-find-mark.current {
   border-color: var(--accent, #4a9eff);
   color: var(--accent, #4a9eff);
 }
-.email-ai-reply-btn:disabled { opacity: 0.5; cursor: not-allowed; }
 /* Align select/new buttons in popup library toolbar */
 #email-lib-select-btn, #email-lib-refresh-btn, #email-lib-settings-btn, #email-lib-compose-btn { position: relative; top: -4px; }
 /* Select + Refresh sit slightly lower than Compose on desktop. */
 #email-lib-select-btn, #email-lib-refresh-btn, #email-lib-settings-btn { top: -2px; }
-#email-lib-settings-btn { top: -1px; }
-#email-lib-settings-btn svg { position: relative; top: 2px; }
-/* New (Compose) button gets a slightly taller, slightly lower variant
-   on desktop so it reads as the primary action of the row. Scoped to
-   desktop so the mobile touch-friendly variant (further down) stays in
-   charge for ≤768px. */
-@media (min-width: 769px) {
-  #email-lib-compose-btn { height: 28px; top: 0; }
-}
-/* Envelope icon picks up the user's accent so the primary action is
-   easy to spot at any size. The SVG already uses stroke=currentColor,
-   so a color: rule on the svg propagates. */
-#email-lib-compose-btn svg { color: var(--accent, var(--red)); }
-@media (max-width: 768px) {
-  /* On mobile they're 1px higher than desktop. */
-  #email-lib-select-btn, #email-lib-refresh-btn, #email-lib-settings-btn { top: -3px; }
-  #email-lib-settings-btn { top: -2px; }
-}
 
 #email-lib-modal.email-settings-mode .email-accounts-row,
 #email-lib-modal.email-settings-mode .admin-card > .memory-toolbar,
@@ -40291,9 +38155,6 @@ body.doc-find-active mark.doc-find-mark.current {
 .settings-email-preferences-card {
   display: contents;
 }
-.settings-email-preferences-card > h2 {
-  display: none;
-}
 .settings-email-preferences-card .email-settings-section {
   margin: 0 0 10px;
   padding: 14px 12px 12px;
@@ -40350,9 +38211,6 @@ body.doc-find-active mark.doc-find-mark.current {
 [data-settings-panel="email"] > .admin-card {
   padding-top: 14px;
 }
-[data-settings-panel="email"] > .settings-email-preferences-card {
-  padding-top: 0;
-}
 .email-settings-page-host {
   display: flex;
   flex: 0 0 auto;
@@ -40360,9 +38218,6 @@ body.doc-find-active mark.doc-find-mark.current {
   padding: 0;
   overflow: visible;
 }
-.email-settings-page-host > .email-settings-body {
-  overflow: visible;
-}
 .settings-email-preferences-card > .email-settings-page-host { width: 100%; }
 .email-settings-page-head {
   display: flex;
@@ -40373,9 +38228,6 @@ body.doc-find-active mark.doc-find-mark.current {
   padding-bottom: 2px;
   border-bottom: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
 }
-.email-settings-page-head:empty {
-  display: none;
-}
 .email-settings-account-picker {
   min-width: 0;
   max-width: 100%;
@@ -40537,28 +38389,6 @@ body.doc-find-active mark.doc-find-mark.current {
   text-align: left;
   cursor: pointer;
 }
-.email-settings-section > summary {
-  list-style: none;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  user-select: none;
-}
-.email-settings-section > summary::-webkit-details-marker {
-  display: none;
-}
-.email-settings-section > summary::before {
-  content: none;
-  display: none;
-}
-.email-settings-section > .email-settings-section-body {
-  padding: 0;
-  font-size: inherit;
-  line-height: normal;
-  animation: none;
-}
 .email-settings-section-toggle:hover,
 .email-settings-section-toggle:active {
   background: transparent;
@@ -40574,11 +38404,6 @@ body.doc-find-active mark.doc-find-mark.current {
   margin-left: auto;
   flex: 0 0 auto;
 }
-.email-settings-section-toggle:focus-visible {
-  outline: 1px solid var(--accent, var(--red));
-  outline-offset: 3px;
-  border-radius: 3px;
-}
 .email-settings-section-chevron {
   flex: 0 0 auto;
   color: color-mix(in srgb, var(--fg) 62%, transparent);
@@ -40588,12 +38413,6 @@ body.doc-find-active mark.doc-find-mark.current {
 .email-settings-section-toggle:focus-visible .email-settings-section-chevron {
   color: var(--accent, var(--red));
 }
-.email-settings-section.is-expanded .email-settings-section-chevron {
-  transform: rotate(180deg);
-}
-.email-settings-section[open] .email-settings-section-chevron {
-  transform: rotate(180deg);
-}
 .email-settings-section-title {
   display: inline-flex;
   align-items: center;
@@ -40658,9 +38477,6 @@ body.doc-find-active mark.doc-find-mark.current {
   display: flex;
   justify-content: flex-end;
 }
-.email-settings-section-body > .email-settings-enabled-control {
-  align-self: flex-end;
-}
 .email-settings-display-heading {
   display: flex;
   align-items: center;
@@ -40693,11 +38509,6 @@ body.doc-find-active mark.doc-find-mark.current {
   padding-bottom: 0;
   border-bottom: 0;
 }
-.email-settings-auto-reply-section > summary,
-.email-settings-cleanup-section > summary {
-  padding-bottom: 6px;
-  border-bottom: 1px solid color-mix(in srgb, var(--border) 40%, transparent);
-}
 .email-settings-style-section .email-settings-section-title {
   display: flex;
   width: 100%;
@@ -40753,9 +38564,6 @@ body.doc-find-active mark.doc-find-mark.current {
 .email-settings-auto-reply-section .email-settings-section-body {
   margin-top: 8px;
 }
-.email-settings-auto-reply-title-row {
-  top: 0;
-}
 .email-settings-auto-reply-section .email-settings-section-desc {
   margin-top: 12px;
   top: 0;
@@ -40796,10 +38604,6 @@ body.doc-find-active mark.doc-find-mark.current {
   min-width: 0;
   margin-left: auto;
 }
-.email-settings-clean-actions:has(.email-settings-clean-status.is-busy) {
-  flex-direction: row;
-  align-items: center;
-}
 .email-settings-clean-status {
   display: none;
   font-size: 10.5px !important;
@@ -40825,10 +38629,6 @@ body.doc-find-active mark.doc-find-mark.current {
 .email-settings-clean-btn {
   flex: 0 0 auto;
 }
-.email-settings-clean-status:not(:empty) {
-  display: inline-flex;
-  align-items: center;
-}
 .email-settings-default .cookbook-srv-default-icon > svg {
   position: relative;
   top: 3px;
@@ -40902,12 +38702,6 @@ body.doc-find-active mark.doc-find-mark.current {
 .email-unsub-card-toggle > svg {
   transition: transform .14s ease;
 }
-.email-unsub-card.is-expanded .email-unsub-card-toggle > svg {
-  transform: rotate(180deg);
-}
-.email-unsub-card.is-unsubscribed {
-  opacity: .58;
-}
 .email-unsub-done-badge {
   display: inline-flex;
   align-items: center;
@@ -41066,10 +38860,6 @@ body.doc-find-active mark.doc-find-mark.current {
   letter-spacing: 0;
   color: color-mix(in srgb, var(--fg) 56%, transparent);
 }
-.email-settings-grid > label > span:first-child,
-.email-settings-field > span {
-  color: var(--accent, var(--red));
-}
 .email-settings-page input[type="date"],
 .email-settings-page input[type="datetime-local"],
 .email-settings-page select,
@@ -41244,36 +39034,7 @@ body.doc-find-active mark.doc-find-mark.current {
     grid-template-columns: 1fr;
   }
 }
-@media (max-width: 768px) {
-  .email-settings-section[open] > .email-settings-section-body {
-    height: auto;
-    max-height: none;
-  }
-  .email-settings-auto-reply-section[open] > .email-settings-section-body,
-  .email-settings-cleanup-section[open]:has(.email-unsub-card) > .email-settings-section-body {
-    height: 100%;
-    max-height: 100%;
-  }
-}
 
-/* On mobile, the "New" (compose) button deserves a touch-friendly size
-   so it stands out from the smaller toolbar buttons next to it. Lift
-   it slightly visually with a bigger SVG, padding, and font. */
-@media (max-width: 768px) {
-  #email-lib-compose-btn {
-    padding: 8px 14px !important;
-    font-size: 13px !important;
-    min-height: 36px;
-    border-radius: 8px;
-    font-weight: 600;
-    top: -2px;
-  }
-  #email-lib-compose-btn svg {
-    width: 14px !important;
-    height: 14px !important;
-    margin-right: 5px !important;
-  }
-}
 
 /* ── Notes ── */
 /* Notes panel — body-level flex sibling of chat-container */
@@ -41379,33 +39140,12 @@ body.notes-mobile-mode #notes-view-toggle svg {
   width: 17px;
   height: 17px;
 }
-/* Checklist rows stay tappable on mobile; only destructive hover affordances
-   stay hidden. Select mode below still disables checklist toggling. */
-body.notes-mobile-mode .note-card .note-checkbox-rm {
-  pointer-events: none;
-}
-body.notes-mobile-mode .note-card .note-checkbox {
-  pointer-events: auto;
-  user-select: none;
-  -webkit-user-select: none;
-  -webkit-touch-callout: none;
-  touch-action: manipulation;
-}
-body.notes-mobile-mode .note-card .note-check-dot,
-body.notes-mobile-mode .note-card .note-checkbox-dot,
-body.notes-mobile-mode .note-card .note-cl-dot {
-  opacity: 0.55;
-  cursor: pointer !important;
-}
 /* The whole card is the tap target on mobile — bigger feedback */
 body.notes-mobile-mode .note-card {
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
   transition: transform 0.12s ease, box-shadow 0.12s ease;
 }
-body.notes-mobile-mode .note-card:active {
-  transform: scale(0.985);
-}
 
 /* Drag-to-reorder mode — desaturate the grid and sweep a subtle
    shimmer across every tile so it's obvious you're in rearrange mode
@@ -41426,23 +39166,6 @@ body.notes-drag-mode .note-card {
               filter 0.18s ease,
               opacity 0.18s ease;
 }
-body.notes-drag-mode .note-card::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  background: linear-gradient(
-    115deg,
-    transparent 30%,
-    color-mix(in srgb, var(--fg) 14%, transparent) 50%,
-    transparent 70%
-  );
-  background-size: 250% 100%;
-  animation: notes-drag-shimmer 2.1s linear infinite;
-  border-radius: inherit;
-  z-index: 1;
-  mix-blend-mode: overlay;
-}
 @media (max-width: 768px) {
   body.notes-drag-mode .note-card {
     filter: none;
@@ -41453,33 +39176,6 @@ body.notes-drag-mode .note-card::after {
     display: none;
   }
 }
-@keyframes notes-drag-shimmer {
-  0%   { background-position: 250% 0; }
-  100% { background-position: -150% 0; }
-}
-/* The grabbed card lifts above its siblings; suppress the shimmer on
-   it so it reads as the "live" element being moved. */
-body.notes-drag-mode .note-card.note-card-dragging {
-  transform: scale(1.06);
-  box-shadow: 0 16px 40px rgba(0,0,0,0.45);
-  opacity: 1;
-  filter: none;
-  z-index: 10001;
-  cursor: grabbing;
-  transition: box-shadow 0.18s ease;
-}
-body.notes-drag-mode .note-card.note-card-dragging::after { display: none; }
-body.notes-drag-mode .note-card .note-card-pin {
-  visibility: hidden !important;
-  opacity: 0 !important;
-  pointer-events: none !important;
-}
-body.notes-drag-mode .note-card-pinned .note-card-pin,
-body.notes-drag-mode .note-card-pin.active,
-body.notes-drag-mode .note-card-pin svg {
-  visibility: hidden !important;
-  opacity: 0 !important;
-}
 /* Placeholder — same footprint as the lifted card, dotted outline so
    the drop target is visible while the card follows the finger. */
 .note-card-placeholder {
@@ -41490,9 +39186,6 @@ body.notes-drag-mode .note-card-pin svg {
   flex-shrink: 0;
   transition: width 0.18s ease, height 0.18s ease;
 }
-@media (prefers-reduced-motion: reduce) {
-  body.notes-drag-mode .note-card::after { animation: none; }
-}
 
 
 /* ── Fullscreen single-note edit overlay ──────────────── */
@@ -41585,10 +39278,6 @@ body.notes-drag-mode .note-card-pin svg {
   width: 28px;
   height: 28px;
 }
-.note-fullscreen-overlay .note-form-type-pill {
-  padding: 10px 16px;
-  font-size: 14px;
-}
 .note-fullscreen-overlay .note-form-type-pill svg {
   width: 16px;
   height: 16px;
@@ -41609,7 +39298,6 @@ body.notes-drag-mode .note-card-pin svg {
   /* Pull 4px toward the left edge of the row. */
   margin-left: -4px;
 }
-.note-fullscreen-overlay .note-cl-grip:active { cursor: grabbing; opacity: 0.9; }
 .note-fullscreen-overlay .note-cl-dot {
   width: 16px;
   height: 16px;
@@ -41619,11 +39307,6 @@ body.notes-drag-mode .note-card-pin svg {
   position: relative;
   /* Generous invisible tap target around the visible dot */
 }
-.note-fullscreen-overlay .note-cl-dot::before {
-  content: '';
-  position: absolute;
-  inset: -12px;
-}
 /* Filled checkmark glyph when the row is marked done — gives a clear
    visual cue beyond the colored fill. Nudged up 2px so it sits
    centered in the smaller dot. */
@@ -41636,11 +39319,6 @@ body.notes-drag-mode .note-card-pin svg {
   border-bottom: 2px solid #fff;
   transform: rotate(-45deg);
 }
-.note-fullscreen-overlay .note-cl-text {
-  font-size: 14px;
-  padding: 7px 6px;
-  min-height: 32px;
-}
 .note-fullscreen-overlay .note-cl-rm {
   width: 40px;
   height: 40px;
@@ -41653,7 +39331,6 @@ body.notes-drag-mode .note-card-pin svg {
   /* Nudge 4px further toward the right edge of the row. */
   margin-right: -4px;
 }
-.note-fullscreen-overlay .note-cl-rm:active { opacity: 1; }
 /* Lifted row + placeholder while dragging a checklist item. Mirrors
    the card-drag look so the two interactions feel consistent. */
 .note-cl-row-dragging {
@@ -41678,18 +39355,6 @@ body.notes-drag-mode .note-card-pin svg {
   width: 16px;
   height: 16px;
 }
-/* + Add (new checklist item) was tiny — bump for thumbs */
-.note-fullscreen-overlay .note-cl-add {
-  display: inline-flex;
-  align-items: center;
-  padding: 10px 18px;
-  font-size: 15px;
-  font-weight: 600;
-  border-radius: 8px;
-  letter-spacing: -0.01em;
-  opacity: 0.85;
-}
-.note-fullscreen-overlay .note-cl-add:active { opacity: 1; }
 /* + Add and the camera/photo button share a row inside checklists, so
    they're both within thumb reach when editing items. The whole row
    reads as a single dashed "tap to add" surface — tapping ANYWHERE
@@ -41716,7 +39381,6 @@ body.notes-drag-mode .note-card-pin svg {
   background: transparent;
   border: none;
 }
-.note-fullscreen-overlay .note-cl-add-row .note-cl-add { margin: 0; }
 .note-fullscreen-overlay .note-cl-add-row .note-form-photo-btn {
   display: inline-flex;
   align-items: center;
@@ -41730,17 +39394,6 @@ body.notes-drag-mode .note-card-pin svg {
   border: none;
   background: transparent;
 }
-.note-fullscreen-overlay .note-cl-add-row .note-form-photo-btn::before {
-  content: '+';
-  font-size: 17px;
-  font-weight: 600;
-  line-height: 1;
-  opacity: 0.85;
-}
-.note-fullscreen-overlay .note-cl-add-row .note-form-photo-btn svg {
-  width: 16px;
-  height: 16px;
-}
 
 /* Read-mode overlay shown over the textarea for plain notes. Renders
    linkified content so URLs are tappable. Click anywhere off a link
@@ -41755,12 +39408,6 @@ body.notes-drag-mode .note-card-pin svg {
   cursor: text;
   min-height: 40px;
 }
-.note-form-content-reader a {
-  color: var(--accent, var(--red));
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-.note-form-content-reader a:active { opacity: 0.7; }
 
 /* Per-row read mode for todo items — replaces the bare <input> with a
    clickable linkified span when the value contains a URL. */
@@ -41776,38 +39423,15 @@ body.notes-drag-mode .note-card-pin svg {
   color: var(--fg);
   cursor: text;
 }
-.note-fullscreen-overlay .note-cl-text-reader a {
-  color: var(--accent, var(--red));
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-.note-fullscreen-overlay .note-cl-text-reader a:active { opacity: 0.7; }
 .note-fullscreen-overlay .note-cl-row.done .note-cl-text-reader {
   opacity: 0.5;
   text-decoration: line-through;
 }
-/* Reminder bell + other header icon-buttons. Tightened down 2px so
-   the bell sits more proportionally next to the title field. */
-.note-fullscreen-overlay .note-form-icon-btn {
-  width: 36px;
-  height: 36px;
-}
 .note-fullscreen-overlay .note-form-icon-btn svg {
   width: 16px;
   height: 16px;
 }
 
-/* The plain-note textarea was rows="4" — fine for an in-grid card but
-   cramped in fullscreen. Let it grow to fill the available height so
-   writing feels like a real notepad, not a tweet box. The read-mode
-   reader inherits the same minimum so the layout doesn't jump when
-   the user taps to edit. */
-.note-fullscreen-overlay .note-form-content,
-.note-fullscreen-overlay .note-form-content-reader {
-  min-height: 55vh;
-  font-size: 15px;
-  line-height: 1.55;
-}
 
 /* Tags input is JS-relocated into the bottom actions row, pinned
    left of Cancel/Update. Style it as a dashed pill so it reads as
@@ -41824,19 +39448,7 @@ body.notes-drag-mode .note-card-pin svg {
   text-align: left;
 }
 
-/* Reorganized meta-row layout for fullscreen: color picker pinned to
-   the LEFT, type-toggle (Note/Todo/Draw) shoved to the RIGHT, with
-   the photo button next to the color picker. Tags are moved up into
-   the form header (next to the reminder bell) via JS. */
-.note-fullscreen-overlay .note-form-meta {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px;
-  padding-top: 8px;
-}
 .note-fullscreen-overlay .note-color-picker { order: 1; }
-.note-fullscreen-overlay .note-form-photo-btn { order: 2; }
 .note-fullscreen-overlay .note-form-type-seg {
   order: 3;
   margin-left: auto;  /* shove right */
@@ -41854,10 +39466,6 @@ body.notes-drag-mode .note-card-pin svg {
   gap: 8px;
   margin-top: 6px;
 }
-.note-fullscreen-overlay .note-form-actions-group .note-form-cancel,
-.note-fullscreen-overlay .note-form-actions-group .note-form-save {
-  flex: 0 0 auto;
-}
 
 .notes-mobile-grabber { display: none; }
 /* Notes panel: mounted like a window, docked to the right on desktop. */
@@ -41893,10 +39501,6 @@ body.notes-drag-mode .note-card-pin svg {
   backdrop-filter: none;
   -webkit-backdrop-filter: none;
 }
-@keyframes notes-backdrop-fade-in {
-  from { opacity: 0; }
-  to   { opacity: 1; }
-}
 .notes-pane {
   display: flex;
   flex-direction: column;
@@ -41927,22 +39531,6 @@ body.notes-drag-mode .note-card-pin svg {
   box-shadow: 4px 0 14px rgba(0, 0, 0, 0.18);
   transition: none !important;
 }
-@keyframes notes-pane-enter {
-  from { transform: scale(0.96); opacity: 0; }
-  to   { transform: scale(1);    opacity: 1; }
-}
-.notes-pane.notes-pane-leaving {
-  animation: notes-pane-leave 160ms cubic-bezier(0.4, 0, 1, 1) both;
-  pointer-events: none;
-}
-@keyframes notes-pane-leave {
-  from { transform: scale(1);    opacity: 1; }
-  to   { transform: scale(0.96); opacity: 0; }
-}
-@media (prefers-reduced-motion: reduce) {
-  .notes-pane,
-  .notes-pane.notes-pane-leaving { animation: none; }
-}
 .notes-pane-header {
   display: flex;
   align-items: center;
@@ -41995,9 +39583,6 @@ body.notes-drag-mode .note-card-pin svg {
   border-radius: 10px;
   vertical-align: middle;
 }
-/* Hide the "Add a to-do…" quick-add bar in archive view — you can't add
-   new items from the archive. */
-.notes-pane-archive .notes-quick-add { display: none !important; }
 .notes-pane-archive .note-card {
   background: color-mix(in srgb, #b48a4a 8%, var(--panel));
   border-color: color-mix(in srgb, #b48a4a 25%, var(--border));
@@ -42164,7 +39749,6 @@ body.notes-drag-mode .note-card-pin svg {
   opacity: 0;
   transition: opacity 0.12s, color 0.12s;
 }
-.note-checkbox:hover .note-checkbox-agent { opacity: 0.55; }
 .note-checkbox-agent:hover {
   background: transparent;
   opacity: 1 !important;
@@ -42233,19 +39817,6 @@ body.notes-drag-mode .note-card-pin svg {
 .note-card.note-card-reminder-fired {
   animation: note-reminder-pulse 1.2s ease-in-out 2;
 }
-@keyframes note-reminder-pulse {
-  0%, 100% {
-    box-shadow:
-      inset 0 2px 0 0 color-mix(in srgb, var(--fg) 14%, transparent),
-      0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 0%, transparent);
-  }
-  50% {
-    box-shadow:
-      inset 0 2px 0 0 color-mix(in srgb, var(--fg) 14%, transparent),
-      0 0 0 5px color-mix(in srgb, var(--accent, var(--red)) 26%, transparent),
-      0 0 18px color-mix(in srgb, var(--accent, var(--red)) 30%, transparent);
-  }
-}
 /* Sticky outside glow — applied to the exact note whose reminder fired.
    It stays until the user interacts with that card. */
 .note-card.note-card-reminder-fired-sticky {
@@ -42254,24 +39825,6 @@ body.notes-drag-mode .note-card-pin svg {
   outline-offset: 2px;
   animation: note-reminder-glow 1.6s ease-in-out infinite;
 }
-@keyframes note-reminder-glow {
-  0%, 100% {
-    box-shadow:
-      inset 0 2px 0 0 color-mix(in srgb, var(--fg) 14%, transparent),
-      0 0 0 3px color-mix(in srgb, var(--accent, var(--red)) 14%, transparent),
-      0 0 14px color-mix(in srgb, var(--accent, var(--red)) 18%, transparent);
-  }
-  50% {
-    box-shadow:
-      inset 0 2px 0 0 color-mix(in srgb, var(--fg) 14%, transparent),
-      0 0 0 6px color-mix(in srgb, var(--accent, var(--red)) 22%, transparent),
-      0 0 26px color-mix(in srgb, var(--accent, var(--red)) 30%, transparent);
-  }
-}
-.note-card-selected {
-  outline: 2px solid var(--accent);
-  outline-offset: -2px;
-}
 
 /* Hover-only buttons (Google Keep style) */
 .note-card-select,
@@ -42293,8 +39846,6 @@ body.notes-drag-mode .note-card-pin svg {
   z-index: 2;
   transition: opacity 0.15s, transform 0.15s, background 0.15s;
 }
-.note-card-select { left: -8px; }
-.note-card-pin    { right: -8px; }
 /* Pencil + checkmark glyphs both have empty space along the top of their
    24×24 viewBox, so flex-centering leaves them sitting visually high.
    Nudge the inner SVG down a touch to compensate. */
@@ -42385,15 +39936,6 @@ body.notes-drag-mode .note-card-pin svg {
     border-color: color-mix(in srgb, var(--fg) 18%, transparent);
   }
 }
-/* Pin button on mobile — only reveal once the user has long-pressed to
-   enter rearrange (drag) mode. Outside drag mode the card stays clean. */
-body.notes-mobile-mode.notes-drag-mode .note-card-pin {
-  display: flex !important;
-  opacity: 0.7;
-}
-body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
-  opacity: 1;
-}
 /* Unarchive corner reuses the pencil's spot in archive view. */
 .note-card-unarchive-corner:hover,
 .note-card-unarchive-corner:focus-visible {
@@ -42446,9 +39988,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
     border-color: color-mix(in srgb, var(--fg) 18%, transparent);
   }
 }
-/* Edit + Done are now side-by-side at top-right by default — title-only
-   fallback no longer needed. */
-.note-card-selectmode .note-card-done { display: none !important; }
 
 /* Copy corner — bottom-right of the card. Same opaque-fill pattern as
    trash/unarchive so the underlying text/image never bleeds through. */
@@ -42473,7 +40012,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   z-index: 2;
 }
 .note-card-corner-copy svg { position: relative; top: 1px; opacity: 0.85; transition: opacity 0.15s; }
-.note-card:hover .note-card-corner-copy { visibility: visible; }
 .note-card-corner-copy:hover,
 .note-card-corner-copy:focus-visible {
   background: color-mix(in srgb, var(--accent) 18%, var(--panel));
@@ -42485,10 +40023,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   .note-card-corner-copy { visibility: visible; }
   .note-card-corner-copy svg { opacity: 0.7; }
 }
-/* Copy stays on every active card regardless of body shape — Edit + Done
-   live at the top-right pair, so the bottom-right copy slot is always
-   free. Hidden only in select mode. */
-.note-card-selectmode .note-card-corner-copy { display: none !important; }
 
 /* ── Archive view corners — trash (top-left) + unarchive (top-right) ── */
 /* Background fill stays fully opaque (var(--panel)) so the note text or
@@ -42516,10 +40050,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
 }
 .note-card-corner-trash svg,
 .note-card-corner-unarchive svg { opacity: 0.85; transition: opacity 0.15s; }
-.note-card-corner-trash { left: 6px; }
-.note-card-corner-unarchive { right: 6px; }
-.note-card:hover .note-card-corner-trash,
-.note-card:hover .note-card-corner-unarchive { visibility: visible; }
 .note-card-corner-trash:hover,
 .note-card-corner-trash:focus-visible {
   background: color-mix(in srgb, var(--red) 18%, var(--panel));
@@ -42568,10 +40098,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   flex-shrink: 0;
   animation: note-ai-shine 2.4s ease-in-out infinite;
 }
-@keyframes note-ai-shine {
-  0%, 100% { opacity: 0.85; filter: drop-shadow(0 0 0 transparent); }
-  50%      { opacity: 1;    filter: drop-shadow(0 0 4px color-mix(in srgb, var(--accent, var(--red)) 60%, transparent)); }
-}
 .note-card-ai-solving {
   cursor: default;
   background: color-mix(in srgb, var(--fg) 8%, transparent);
@@ -42594,11 +40120,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   height: 22px !important;
   animation: note-ai-shine 2.4s ease-in-out infinite;
 }
-.note-form-improve-btn:disabled,
-.note-form-improve-btn.busy {
-  opacity: 0.6;
-  cursor: wait;
-}
 .note-form-improve-btn.busy svg {
   animation: spin 0.9s linear infinite;
   filter: none;
@@ -42641,27 +40162,8 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   padding-left: 28px;
   cursor: pointer;
 }
-/* In select mode the whole card is a checkbox — kill every hover affordance
-   that would otherwise suggest "preview" or "open" so users know exactly
-   what their tap will do (toggle selection). */
-.note-card-selectmode .note-card-pin,
-.note-card-selectmode .note-card-actions { pointer-events: none; opacity: 0.4; }
-.note-card-selectmode .note-card-edit-corner,
-.note-card-selectmode .note-card-pin {
-  display: none !important;
-}
 .note-card-selectmode:hover { background: color-mix(in srgb, var(--fg) 3%, transparent) !important; }
-.note-card-selectmode .note-card-title:hover { opacity: 1 !important; }
-.note-card-selectmode .note-card-edit-corner,
-.note-card-selectmode:hover .note-card-edit-corner { opacity: 0 !important; }
 
-/* The familiar home-screen edit-mode cue: mobile note cards gently jiggle
-   while Select mode is active, making it clear that the bar is now selecting
-   items rather than opening them. */
-@keyframes notes-select-jiggle {
-  0%, 100% { transform: rotate(-0.3deg) translateY(0); }
-  50% { transform: rotate(0.3deg) translateY(-0.25px); }
-}
 @media (max-width: 768px) {
   body.notes-mobile-mode .note-card-selectmode {
     animation: notes-select-jiggle 0.34s cubic-bezier(0.42, 0, 0.58, 1) infinite;
@@ -42736,7 +40238,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   border-radius: 3px;
   transition: opacity 0.15s, background 0.15s;
 }
-.note-card-action svg { transform: translateY(2px); }
 
 /* Note image */
 .note-card-image {
@@ -42824,10 +40325,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
      hovers or focuses it. */
   animation: notes-quick-pulse 2.8s ease-in-out infinite;
 }
-@keyframes notes-quick-pulse {
-  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 0%, transparent); }
-  50%      { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, var(--red)) 14%, transparent); }
-}
 .notes-quick-add:hover {
   border-color: color-mix(in srgb, var(--accent, var(--red)) 55%, var(--border));
   box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, var(--red)) 18%, transparent);
@@ -42850,36 +40347,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   font-size: 12px;
   padding: 6px 0;
 }
-.notes-quick-input::placeholder {
-  color: color-mix(in srgb, var(--fg) 45%, transparent);
-}
-/* Blinking text caret hint before the placeholder so empty + unfocused
-   reads as a live input. Sits on the wrapper because <input> elements
-   can't carry ::before. The pseudo-element is ALWAYS rendered (so its
-   width is reserved and the placeholder doesn't jump left when the
-   hint hides); only the colour/animation toggle, not the layout. */
-.notes-quick-add::before {
-  content: '|';
-  color: var(--accent, var(--red));
-  margin-right: 6px;
-  font-weight: 500;
-  font-size: 13px;
-  animation: notes-quick-caret 1s steps(2, jump-none) infinite;
-  pointer-events: none;
-}
-/* Hide visually (keep space) on hover, focus, or once the input has any
-   text — prevents the layout shift the user reported when the hint
-   collapsed and the placeholder slid left. */
-.notes-quick-add:hover::before,
-.notes-quick-add:focus-within::before,
-.notes-quick-add:not(:has(.notes-quick-input:placeholder-shown))::before {
-  visibility: hidden;
-  animation: none;
-}
-@keyframes notes-quick-caret {
-  0%, 49%  { opacity: 1; }
-  50%, 100%{ opacity: 0; }
-}
 .notes-quick-icon {
   background: none;
   border: none;
@@ -42923,7 +40390,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
   z-index: 0;
 }
-.notes-quick-type-seg.is-todo::before { transform: translateX(100%); }
 .notes-quick-type-pill {
   background: none;
   border: none;
@@ -43012,11 +40478,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   background-size: 200% 100%;
   animation: notes-skeleton-shimmer 1.4s ease-in-out infinite;
 }
-.notes-skeleton-card.short { height: 46px; }
-@keyframes notes-skeleton-shimmer {
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
 
 /* Type toggle (note vs todo) */
 .note-form-type-row {
@@ -43072,16 +40533,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
 .note-form-remind-btn > svg.jingling {
   animation: cal-bell-jingle 0.65s cubic-bezier(0.36, 0, 0.66, -0.56) both;
 }
-@keyframes cal-bell-jingle {
-  0%   { transform: rotate(0deg); }
-  15%  { transform: rotate(-22deg); }
-  30%  { transform: rotate(18deg); }
-  45%  { transform: rotate(-14deg); }
-  60%  { transform: rotate(10deg); }
-  75%  { transform: rotate(-6deg); }
-  88%  { transform: rotate(3deg); }
-  100% { transform: rotate(0deg); }
-}
 @media (prefers-reduced-motion: reduce) {
   .cal-remind-bell.jingling,
   .note-form-remind-btn > svg.jingling { animation: none; }
@@ -43093,7 +40544,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   flex-wrap: wrap;
   gap: 4px;
 }
-.note-form-reminder-tags:empty { display: none; }
 .note-reminder-tag {
   display: inline-flex;
   align-items: center;
@@ -43280,7 +40730,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   transition: background 0.1s, border-color 0.1s, color 0.1s;
   padding: 0;
 }
-.note-reminder-day-chip.wide { padding: 0 6px; }
 .note-reminder-day-chip:hover {
   background: color-mix(in srgb, var(--accent) 10%, transparent);
   border-color: color-mix(in srgb, var(--accent) 40%, var(--border));
@@ -43319,22 +40768,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   position: relative;
   flex-shrink: 0;
 }
-.note-form-type-seg::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  /* 3 pills now (note / todo / draw) — Goal was removed. Slider takes
-     1/3 of the track and translates by full multiples of itself. */
-  width: 33.3333%;
-  height: 100%;
-  background: color-mix(in srgb, var(--fg) 10%, transparent);
-  border-radius: 9px;
-  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
-  z-index: 0;
-}
-.note-form-type-seg.is-todo::before { transform: translateX(100%); }
-.note-form-type-seg.is-draw::before { transform: translateX(200%); }
 .note-form-type-pill {
   background: none;
   border: none;
@@ -43446,13 +40879,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
 .notes-search-bar .memory-search-input:focus {
   border-color: var(--red);
 }
-/* Bulk-bar appears under the search bar — inset its sides to match the
-   search bar's own 8px horizontal padding so the two visually align. */
-#notes-bulk-bar.memory-bulk-bar {
-  margin: 0 8px 4px;
-  position: relative;
-  top: 4px;
-}
 
 /* Grid view: true CSS Grid plus JS-computed row spans, so cards masonry-pack
    vertically without the jumpy rebalancing of CSS columns. */
@@ -43583,9 +41009,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
 .notes-pane-body .doclib-chip-scroll-arrow.right {
   top: calc(50% - 6px) !important;
 }
-#tasks-filter-chips {
-  top: 0 !important;
-}
 .doclib-chip-scroll-frame:has(> #tasks-filter-chips) .doclib-chip-scroll-arrow {
   top: calc(50% - 9px) !important;
 }
@@ -43758,14 +41181,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   line-height: 1;
   z-index: 2;
 }
-.note-card-goal .note-card-header {
-  /* Goal cards reserve space for the pill so the title doesn't collide. */
-  padding-left: 56px;
-}
-/* In select mode the left-side checkbox takes the pill's spot — drop it
-   so the row stays legible. */
-.note-card-selectmode.note-card-goal .note-goal-pill { display: none; }
-.note-card-selectmode.note-card-goal .note-card-header { padding-left: 0; }
 /* Description blurb above the checklist on goal cards */
 .note-goal-desc {
   font-size: 12px;
@@ -43820,48 +41235,10 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   background: color-mix(in srgb, var(--accent-warm) 26%, transparent);
   border-color: color-mix(in srgb, var(--accent-warm) 65%, transparent);
 }
-.note-form-goal-ai:disabled,
-.note-form-goal-ai.busy {
-  opacity: 0.6;
-  cursor: wait;
-}
 .note-form-goal-hint {
   font-size: 11px;
   opacity: 0.55;
 }
-/* Fresh goal form: hide the title input + tag input + reminder button so the
-   user only sees the single "what do you want to achieve?" textarea. */
-.note-form-goal-fresh ~ .note-form-actions-group { display: none; }
-.note-form:has(.note-form-goal-fresh) .note-form-title,
-.note-form:has(.note-form-goal-fresh) .note-form-label,
-.note-form:has(.note-form-goal-fresh) .note-form-remind-btn,
-.note-form-bespoke:has(.note-form-goal-fresh) .note-form-title,
-.note-form-bespoke:has(.note-form-goal-fresh) .note-form-label,
-.note-form-bespoke:has(.note-form-goal-fresh) .note-form-remind-btn {
-  display: none !important;
-}
-.note-form-goal-fresh .note-form-goal-desc {
-  font-size: 15px;
-  min-height: 90px;
-  padding: 12px 14px;
-}
-.note-form-goal-fresh.building .note-form-goal-desc {
-  opacity: 0.55;
-  pointer-events: none;
-}
-.note-form-goal-fresh.building::after {
-  content: 'AI is planning your goal…';
-  display: block;
-  text-align: center;
-  font-size: 12px;
-  opacity: 0.7;
-  margin-top: 6px;
-  animation: note-goal-pulse 1.4s ease-in-out infinite;
-}
-@keyframes note-goal-pulse {
-  0%, 100% { opacity: 0.5; }
-  50%      { opacity: 1; }
-}
 
 /* ── Today view ──────────────────────────────────────────────────────── */
 .notes-today-wrap {
@@ -43897,10 +41274,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   border-radius: 8px;
   transition: opacity 0.2s, transform 0.2s;
 }
-.notes-today-row.done {
-  opacity: 0.35;
-  transform: scale(0.98);
-}
 .notes-today-row .note-check-dot {
   flex-shrink: 0;
   width: 18px;
@@ -43935,7 +41308,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.notes-today-title:hover { text-decoration: underline; }
 .notes-today-step {
   font-size: 14px;
   color: var(--fg);
@@ -43962,10 +41334,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   opacity: 0.6;
   margin-left: 4px;
 }
-.notes-bulk-btn {
-  opacity: 0.6;
-}
-.notes-bulk-btn:hover { opacity: 1; }
 
 /* Form label input */
 .note-form-label {
@@ -43982,14 +41350,10 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   transition: opacity 0.15s, border-color 0.15s;
 }
 .note-form-label:hover, .note-form-label:focus { opacity: 1; border-color: var(--border); }
-.note-form-label.flash-once {
-  animation: noteLabelFlash 0.6s ease-out;
-}
 @keyframes noteLabelFlash {
   0%   { background: color-mix(in srgb, var(--accent) 35%, transparent); }
   100% { background: transparent; }
 }
-.note-form-label:not([value=""]) { opacity: 0.9; border-style: solid; }
 
 .note-card-header {
   display: flex;
@@ -44007,13 +41371,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.note-card-title:hover { opacity: 0.7; }
-.note-card-title.empty::before {
-  content: 'No title';
-  font-weight: 500;
-  opacity: 0.3;
-  font-style: italic;
-}
 
 .note-content-preview {
   font-size: 12px;
@@ -44083,8 +41440,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   opacity: 1;
   font-weight: 600;
 }
-/* Note card drag */
-.note-card { cursor: grab; }
 .note-card:active { cursor: grabbing; }
 /* Dragged card = "drop preview" — it already sits at the swap-target slot,
    so making it the most visible card on screen tells the user exactly where
@@ -44129,7 +41484,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   justify-content: center;
   transition: opacity 0.15s;
 }
-.note-cl-row:hover .note-cl-grip { opacity: 0.6; }
 .note-cl-row.dragging {
   opacity: 0.4;
   background: color-mix(in srgb, var(--accent) 8%, transparent);
@@ -44162,7 +41516,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
 .note-archive-btn {
   background: none; border: none; color: var(--fg); opacity: 0.2; cursor: pointer; padding: 2px; transition: opacity 0.15s;
 }
-.note-archive-btn:hover { opacity: 0.7; }
 
 /* Checklist preview — cap height so cards with 30 items don't push the
    grid layout into oblivion; the inner list scrolls inside the card. */
@@ -44185,24 +41538,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   margin-right: -22px;
   padding-right: 4px;
 }
-.note-checklist-preview > .note-checkbox:last-child .note-check-text {
-  /* Reserve room on the LAST row only for the bottom-right copy button so it
-     doesn't cover the final item's tail. Applied to the text — not to the
-     row — so the X delete button still reaches the same edge it does on
-     every other row. */
-  padding-right: 30px;
-}
-.note-card.doclib-card-expanded .note-checklist-preview {
-  /* When the card is the expanded one in the grid, let the list use the
-     whole available height instead of the compact cap. */
-  max-height: none;
-}
-.note-checklist-preview:empty::before {
-  content: 'No todos';
-  font-size: 10px;
-  opacity: 0.3;
-  font-style: italic;
-}
 .note-cl-quickadd {
   /* In flow now (was position:absolute), rendered AFTER the reminder badge
      so the "+ Add item" input sits underneath the reminder instead of
@@ -44216,11 +41551,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   pointer-events: none;
   transition: opacity 0.15s;
 }
-.note-card:hover .note-cl-quickadd,
-.note-cl-quickadd:focus-within {
-  opacity: 1;
-  pointer-events: auto;
-}
 .note-cl-quickadd-input {
   width: 100%;
   background: transparent;
@@ -44234,9 +41564,7 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   opacity: 0.6;
   transition: opacity 0.15s, border-color 0.15s;
 }
-.note-cl-quickadd-input::placeholder { color: var(--fg); opacity: 0.5; }
 .note-cl-quickadd-input:focus { opacity: 1; border-top-color: var(--border); }
-.note-card-selectmode .note-cl-quickadd { display: none !important; }
 .note-checkbox {
   display: flex;
   align-items: center;
@@ -44277,14 +41605,8 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   margin-left: 2px;
   transition: opacity 0.12s, background 0.12s, color 0.12s;
 }
-.note-checkbox-rm { margin-left: auto; }
-.note-checkbox-edit { margin-left: auto; }
-.note-checkbox:hover .note-checkbox-edit,
-.note-checkbox:hover .note-checkbox-rm { opacity: 0.55; }
 .note-checkbox-rm:hover { opacity: 1 !important; color: var(--red); background: color-mix(in srgb, var(--red) 12%, transparent); }
 .note-checkbox-edit:hover { opacity: 1 !important; color: var(--accent, var(--blue)); background: color-mix(in srgb, var(--accent, var(--blue)) 12%, transparent); }
-.note-card-selectmode .note-checkbox-edit,
-.note-card-selectmode .note-checkbox-rm { display: none; }
 .note-check-text[contenteditable="true"] {
   background: color-mix(in srgb, var(--fg) 8%, transparent);
   outline: 1px solid var(--accent, var(--blue));
@@ -44310,71 +41632,23 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   transform-origin: left center;
   transition: background 0.2s, border-color 0.2s, transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
-.note-check-dot::after {
-  content: '';
-  position: absolute;
-  left: 50%;
-  top: 45%;
-  width: 7px;
-  height: 3.5px;
-  border-left: 1.75px solid #fff;
-  border-bottom: 1.75px solid #fff;
-  transform: translate(-50%, -50%) rotate(-45deg) scale(0);
-  transform-origin: center;
-  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
-.notes-select-mode .note-checkbox { cursor: default; pointer-events: none; }
 .notes-select-mode .note-checkbox:hover { background: transparent; }
 .notes-select-mode .note-checkbox:hover .note-check-dot { transform: none; border-color: color-mix(in srgb, var(--fg) 35%, transparent); }
 .note-checkbox:hover .note-check-dot {
   border-color: var(--accent);
   transform: scale(1.15);
 }
-.cookbook-task-menu-btn {
-  top: 0 !important;
-  transform: translateY(2px) scale(1.15) !important;
-}
-.note-checkbox:active .note-check-dot {
-  transform: scale(0.9);
-}
 .note-checkbox.done .note-check-dot {
   background: var(--accent);
   border-color: var(--accent);
   animation: note-check-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
-.note-checkbox.done .note-check-dot::after {
-  transform: translate(-50%, -50%) rotate(-45deg) scale(1);
-}
-@keyframes note-check-pop {
-  0%   { transform: scale(1); }
-  40%  { transform: scale(1.35); }
-  100% { transform: scale(1); }
-}
 .note-check-text {
   transition: opacity 0.25s;
   line-height: 1.3;
   padding-right: 4px;
   word-break: break-word;
 }
-.note-checkbox.done .note-check-text {
-  position: relative;
-  opacity: 0.4;
-}
-.note-checkbox.done .note-check-text::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: calc(50% - 1px);
-  height: 1px;
-  background: currentColor;
-  animation: note-strike 0.3s ease-out forwards;
-  transform-origin: left center;
-}
-@keyframes note-strike {
-  0%   { transform: scaleX(0); }
-  100% { transform: scaleX(1); }
-}
 
 /* Due date badge */
 .note-due-badge {
@@ -44400,16 +41674,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
 .note-color-blue   { background: color-mix(in srgb, var(--hl-function) 18%, var(--panel)); border-color: color-mix(in srgb, var(--hl-function) 30%, var(--border)); }
 .note-color-purple { background: color-mix(in srgb, var(--hl-keyword) 18%, var(--panel)); border-color: color-mix(in srgb, var(--hl-keyword) 30%, var(--border)); }
 
-/* 3D top-edge highlight — an inset 2px stripe inside every note card that
-   reads as a lifted "glassy" lip. Each colored note gets a stronger stripe
-   in its own hue so the colour reads even before you focus on the card. */
-.note-card { box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--fg) 14%, transparent); }
-.note-color-red    { box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--red) 55%, transparent); }
-.note-color-orange { box-shadow: inset 0 2px 0 0 color-mix(in srgb, #d19a66 60%, transparent); }
-.note-color-yellow { box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--hl-string) 60%, transparent); }
-.note-color-green  { box-shadow: inset 0 2px 0 0 color-mix(in srgb, #98c379 60%, transparent); }
-.note-color-blue   { box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--hl-function) 60%, transparent); }
-.note-color-purple { box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--hl-keyword) 60%, transparent); }
 
 /* Standard notes use a small identity palette when no color was selected.
    The variation is deliberately limited to the card tint, top edge, and
@@ -44431,11 +41695,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   background: color-mix(in srgb, var(--note-accent) 10%, transparent);
   color: color-mix(in srgb, var(--note-accent) 86%, var(--fg));
 }
-.note-card.note-standard-v0 { --note-accent: #db8576; }
-.note-card.note-standard-v1 { --note-accent: #d2a45f; }
-.note-card.note-standard-v2 { --note-accent: #72ad8d; }
-.note-card.note-standard-v3 { --note-accent: #72a5cf; }
-.note-card.note-standard-v4 { --note-accent: #aa86c7; }
 
 /* Color picker dots */
 .note-color-picker {
@@ -44575,7 +41834,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   opacity: 1;
   background: color-mix(in srgb, var(--fg) 10%, transparent);
 }
-.note-type-btn:hover { opacity: 0.8; }
 
 .note-form-content {
   background: transparent;
@@ -44600,10 +41858,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   gap: 6px;
   flex-wrap: wrap;
 }
-.note-form-meta .note-form-label {
-  width: 112px;
-  flex: 0 1 140px;
-}
 .note-form-meta .note-color-picker { gap: 3px; }
 .note-form-actions-group {
   display: flex;
@@ -44744,21 +41998,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   box-sizing: border-box;
   flex: 0 0 24px;
 }
-/* After attachColorPicker swaps the input to type=text + .cp-swatch-input,
-   re-pin the swatch to a 24px circle (otherwise it inherits text-input
-   sizing and becomes a giant rectangle). */
-.note-form-draw-color.cp-swatch-input {
-  width: 24px !important;
-  height: 24px !important;
-  min-width: 24px !important;
-  max-width: 24px !important;
-  border-radius: 50%;
-  padding: 0;
-  box-sizing: border-box;
-}
-.note-form-draw-color::-webkit-color-swatch-wrapper { padding: 0; border-radius: 50%; }
-.note-form-draw-color::-webkit-color-swatch { border: none; border-radius: 50%; }
-.note-form-draw-color::-moz-color-swatch { border: none; border-radius: 50%; }
 .note-form-draw-size-wrap { width: 110px; display: inline-flex; align-items: center; }
 .note-form-photo-plus {
   font-size: 16px;
@@ -44779,33 +42018,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   cursor: pointer;
   transition: height 0.15s ease;
 }
-.note-form-draw-size:hover,
-.note-form-draw-size:focus,
-.note-form-draw-size:active { height: 10px; }
-.note-form-draw-size::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 12px; height: 12px;
-  border-radius: 50%;
-  background: var(--red);
-  border: none;
-  cursor: pointer;
-  transition: width 0.12s ease, height 0.12s ease;
-}
-.note-form-draw-size::-moz-range-thumb {
-  width: 12px; height: 12px;
-  border-radius: 50%;
-  background: var(--red);
-  border: none;
-  cursor: pointer;
-  transition: width 0.12s ease, height 0.12s ease;
-}
-.note-form-draw-size:hover::-webkit-slider-thumb,
-.note-form-draw-size:focus::-webkit-slider-thumb,
-.note-form-draw-size:active::-webkit-slider-thumb { width: 18px; height: 18px; }
-.note-form-draw-size:hover::-moz-range-thumb,
-.note-form-draw-size:focus::-moz-range-thumb,
-.note-form-draw-size:active::-moz-range-thumb { width: 18px; height: 18px; }
 /* Brush | Eraser segmented toggle — sliding pill, same recipe as Note/Todo. */
 .note-form-draw-be {
   display: inline-flex;
@@ -44819,19 +42031,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   flex-shrink: 0;
   background: color-mix(in srgb, var(--fg) 5%, transparent);
 }
-.note-form-draw-be::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 50%;
-  height: 100%;
-  background: var(--accent);
-  border-radius: 9px;
-  transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
-  z-index: 0;
-}
-.note-form-draw-be.is-eraser::before { transform: translateX(100%); }
 .note-form-draw-be-btn {
   background: none;
   border: none;
@@ -44850,7 +42049,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
 .note-form-draw-be-btn:hover { color: var(--fg); }
 /* Active side picks up the theme accent so brush vs eraser is unmistakable. */
 .note-form-draw-be-btn.active { color: var(--accent-primary, var(--red)); }
-.note-form-draw-be-btn:focus { outline: none; }
 
 .note-form-draw-text,
 .note-form-draw-line,
@@ -44897,7 +42095,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
      defined accent so the S/M/L size badge actually shows in theme colour. */
   color: var(--accent-primary, var(--red));
 }
-.note-form-draw-text-badge:empty { display: none; }
 .note-form-draw-shape-badge {
   position: absolute;
   right: 3px;
@@ -44909,7 +42106,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   letter-spacing: 0.3px;
   color: var(--accent-primary, var(--red));
 }
-.note-form-draw-shape-badge:empty { display: none; }
 .note-form-draw-text:hover,
 .note-form-draw-line:hover,
 .note-form-draw-circle:hover,
@@ -44926,22 +42122,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   color: var(--accent);
   border-color: color-mix(in srgb, var(--accent) 50%, var(--border));
 }
-/* Reflect the chosen size in the icon itself, so the user sees at a glance
-   which size (S/M/L) is active without needing the tiny badge. */
-.note-form-draw-line.size-s svg line,
-.note-form-draw-circle.size-s svg circle { stroke-width: 1.2; }
-.note-form-draw-line.size-m svg line,
-.note-form-draw-circle.size-m svg circle { stroke-width: 3; }
-.note-form-draw-line.size-l svg line,
-.note-form-draw-circle.size-l svg circle { stroke-width: 5; }
-.note-form-draw-text.size-s { font-size: 13px; }
-.note-form-draw-text.size-m { font-size: 18px; }
-.note-form-draw-text.size-l { font-size: 23px; line-height: 1; }
-/* Narrow widths: shrink the tag input to make room for the action group;
-   the hashtag-in-content shortcut still works, so the input can be tiny. */
-@media (max-width: 600px) {
-  .note-form-meta .note-form-label { width: 78px; flex-shrink: 1; min-width: 0; }
-}
 .note-form-due {
   background: transparent;
   border: 1px dashed color-mix(in srgb, var(--border) 60%, transparent);
@@ -44954,7 +42134,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   transition: opacity 0.15s, border-color 0.15s;
 }
 .note-form-due:hover, .note-form-due:focus { opacity: 0.9; border-color: var(--border); }
-.note-form-due:not([value=""]) { opacity: 0.85; border-style: solid; }
 
 .note-form-actions {
   display: flex;
@@ -45056,7 +42235,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   padding: 4px 0;
   text-align: left;
 }
-.note-cl-add:hover { opacity: 0.7; }
 
 /* ── Calendar ── */
 .cal-modal-content { width:min(680px, 94vw); max-height:88vh; overflow-x:hidden; position:relative; }
@@ -45132,12 +42310,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   transition: opacity 0.18s ease;
 }
 .cal-quickadd-hint .qa-hint-example.qa-hint-fade { opacity: 0; }
-/* Matching ↵ hint at the right of the event title while it's empty; hidden once
-   editing (the ✓ Done button takes over then). */
-/* Title placeholder overlay: the prompt text with a ↵ enter glyph right after
-   it (accent), so it's clear the field submits on Enter. Shown only while the
-   title is empty; the native placeholder is hidden in favour of this. */
-.cal-hero-title::placeholder { color: transparent; }
 .cal-title-hint {
   position: absolute;
   left: 0;
@@ -45180,7 +42352,6 @@ body.notes-mobile-mode.notes-drag-mode .note-card-pin.active {
   height: 22px;
   padding: 0;
 }
-.cal-quickadd-input::placeholder { color: transparent; }
 .cal-quickadd-status {
   font-size: 10px;
   opacity: 0.55;
@@ -45224,10 +42395,6 @@ button.cal-nav.cal-toolbar-arrow {
   line-height: 1;
   opacity: 0.84;
 }
-button.cal-nav.cal-toolbar-arrow:hover {
-  opacity: 1;
-  background: color-mix(in srgb, var(--bg) 76%, var(--fg) 24%);
-}
 .cal-toolbar-arrow-glyph {
   position: relative;
   top: -1px;
@@ -45320,11 +42487,6 @@ button.cal-nav.cal-toolbar-arrow:hover {
   padding: 0 0 3px;
   transition: opacity 0.12s ease, background 0.12s ease, transform 0.12s ease;
 }
-.cal-side-nav-prev { left: 8px; }
-.cal-side-nav-next { right: 8px; }
-.cal-navigation-hidden .cal-side-nav {
-  display: none !important;
-}
 .cal-modal-content:hover .cal-side-nav,
 .cal-side-nav:focus-visible {
   opacity: 0.84;
@@ -45352,17 +42514,6 @@ button.cal-add-btn.cal-add-btn-text {
   margin-top: 0;
   transition: background 0.15s, border-color 0.15s;
 }
-#cal-add { margin-left: auto; }
-/* Settings "+ Add server" matches the model-dir "+ Add" path button (22px). */
-#cookbook-server-add.cal-add-btn-text {
-  height: 28px;
-  min-width: 62px;
-  border-radius: 14px;
-  padding: 0 12px 0 8px;
-  position: relative;
-  top: 1px;
-  font-size: 12px;
-}
 button.cal-add-btn.cal-add-btn-text:hover {
   background: color-mix(in srgb, var(--fg) 14%, transparent);
   border-color: var(--accent);
@@ -45380,26 +42531,6 @@ button.cal-add-btn.cal-add-btn-text:hover {
 button.cal-add-btn.cal-add-btn-text:hover .cal-add-plus {
   transform: rotate(180deg);
 }
-/* Mobile tap-spin: a gentle quarter-turn nudge before the form opens.
-   `.cal-add-plus` has a `padding-bottom: 2px` (and a translateY on the
-   small variant) that offsets the glyph for optical centering — those
-   shift the rotation pivot off the visual centre. Force the box to
-   match the glyph and pin the transform-origin during the spin. */
-.cal-add-plus.cal-add-spinning {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  width: 1em;
-  height: 1em;
-  line-height: 1;
-  transform-origin: 50% 50%;
-  animation: cal-add-spin 0.28s ease-out forwards;
-}
-@keyframes cal-add-spin {
-  0%   { transform: rotate(0deg); }
-  100% { transform: rotate(90deg); }
-}
 .cal-add-label { font-size:11px; font-weight:600; line-height:1; opacity:0.85; }
 /* Small variant of the toolbar's +New button. Inherits the .cal-add-btn-text
    styles (pill with "+" + "New" + spring-rotate on the +), so the
@@ -45414,10 +42545,6 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm {
   gap: 0;
   transition: padding 0.25s ease, gap 0.25s ease, background 0.15s, border-color 0.15s;
 }
-button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover {
-  padding: 0 8px 0 5px;
-  gap: 3px;
-}
 /* Don't touch .cal-add-plus on the small variant — the toolbar +New is
    the reference and we want the same rotation centre / motion. The label
    is shrunk and hidden until hover so the pill is compact at rest. */
@@ -45655,10 +42782,6 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
   opacity: 1;
   background: color-mix(in srgb, var(--fg) 10%, transparent) !important;
 }
-.email-reminder-toggle-inline:hover svg {
-  animation: none !important;
-  transform: none !important;
-}
 .email-reminder-toggle-inline.active {
   opacity: 1;
   background: color-mix(in srgb, var(--accent, var(--red)) 16%, transparent) !important;
@@ -45723,10 +42846,6 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
   opacity: 0.65;
   white-space: nowrap;
 }
-.email-search-options-menu[hidden],
-.email-search-options-menu button.hidden {
-  display: none !important;
-}
 .email-search-options-menu button {
   width: 100%;
   border: 0;
@@ -45767,16 +42886,6 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
   padding: 6px 7px 5px;
   border-top: 1px solid color-mix(in srgb, var(--border) 65%, transparent);
 }
-.email-search-date-panel[hidden] { display: none !important; }
-.email-search-date-panel label {
-  display: grid;
-  grid-template-columns: 38px 1fr;
-  align-items: center;
-  gap: 6px;
-  margin: 0 0 6px;
-  color: color-mix(in srgb, var(--fg) 72%, transparent);
-  font-size: 10px;
-}
 .email-search-date-panel input {
   width: 100%;
   height: 26px;
@@ -45790,15 +42899,7 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
   font: inherit;
 }
 .email-search-date-panel input:focus { border-color: var(--accent, var(--red)); }
-.email-lib-filter-pill-icon-only .email-lib-filter-pill-label { display: none; }
-.email-lib-filter-pill.email-lib-filter-pill-icon-only { padding-left: 5px !important; }
 .email-search-date-actions { display: flex; justify-content: flex-end; gap: 5px; }
-.email-search-options-menu .email-search-date-actions button {
-  width: auto;
-  min-width: 48px;
-  justify-content: center;
-  padding: 5px 8px;
-}
 .email-search-options-menu .email-search-date-actions [data-email-date-apply] {
   color: var(--accent, var(--red));
   background: color-mix(in srgb, var(--accent, var(--red)) 12%, transparent);
@@ -45965,23 +43066,6 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
     height: 16px !important;
   }
 }
-.email-attach-toggle:not(.email-attach-toggle-inline):hover svg {
-  animation: email-undone-jiggle 0.45s ease-in-out;
-  transform-origin: 50% 50%;
-}
-@keyframes email-undone-jiggle {
-  0%   { transform: rotate(0deg); }
-  20%  { transform: rotate(-14deg); }
-  40%  { transform: rotate(10deg); }
-  60%  { transform: rotate(-6deg); }
-  80%  { transform: rotate(3deg); }
-  100% { transform: rotate(0deg); }
-}
-.email-undone-toggle:not(.email-undone-toggle-inline):hover svg,
-.email-compose-jiggle:hover svg {
-  animation: email-undone-jiggle 0.45s ease-in-out;
-  transform-origin: 50% 50%;
-}
 .email-accounts-row {
   display: flex;
   align-items: center;
@@ -45992,23 +43076,6 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
 /* Only the direct-child compose button gets pushed right; nested chips
    inside #email-lib-accounts pack to the left as normal flex items. */
 .email-accounts-row > .memory-toolbar-btn { flex-shrink: 0; margin-left: auto; }
-/* Account chips collapse to a single horizontally-scrollable strip
-   at every breakpoint, instead of stacking onto multiple rows when
-   there are several accounts. The compose "New" button stays outside
-   the scroller (it's a sibling of #email-lib-accounts inside
-   .email-accounts-row) so it remains pinned on the right. */
-#email-lib-accounts {
-  justify-content: flex-start;
-  flex-wrap: nowrap;
-  overflow-x: auto;
-  overflow-y: hidden;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  scroll-snap-type: x proximity;
-  -webkit-overflow-scrolling: touch;
-}
-#email-lib-accounts::-webkit-scrollbar { display: none; height: 0; }
-#email-lib-accounts > * { flex-shrink: 0; scroll-snap-align: start; }
 .email-account-chip {
   display: inline-flex;
   align-items: center;
@@ -46019,11 +43086,6 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
   background: color-mix(in srgb, var(--accent, var(--red)) 10%, transparent);
   color: color-mix(in srgb, var(--accent, var(--red)) 86%, var(--fg));
 }
-.email-account-chip.email-account-has-unread:not(.active) {
-  border-color: var(--border);
-  background: transparent;
-  color: var(--fg);
-}
 .email-account-unread-dot {
   width: 6px;
   height: 6px;
@@ -46080,7 +43142,6 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
   text-align: center;
   pointer-events: none;
 }
-#email-lib-grid { position: relative; }
 .date-section-header {
   display: flex;
   align-items: center;
@@ -46125,10 +43186,6 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
 #email-lib-grid .date-section-header {
   padding: 10px 5px 3px;
 }
-#email-lib-grid .date-section-header.email-date-gap-break {
-  margin-top: 12px;
-  padding-top: 16px;
-}
 #email-lib-modal .email-lib-sync-status {
   flex: 0 0 auto;
   min-height: 14px;
@@ -46144,9 +43201,6 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
   position: relative;
   top: 4px;
 }
-#email-lib-modal.email-reading .email-lib-sync-status {
-  display: none;
-}
 @media (max-width: 768px) {
   #email-lib-modal .email-lib-sync-status {
     min-height: 13px;
@@ -46204,24 +43258,6 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
   margin: 0;
   line-height: 1;
 }
-button.cal-view-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  border: none;
-  color: var(--fg);
-  font-size: 11px;
-  font-family: inherit;
-  font-weight: 500;
-  padding: 2px 12px 2px 12px;
-  margin: 0;
-  cursor: pointer;
-  opacity: 0.45;
-  line-height: 1;
-  height: 24px;
-  box-sizing: border-box;
-}
 .cal-view-btn + .cal-view-btn { border-left: 1px solid var(--border); }
 .cal-view-btn:hover { opacity: 0.75; }
 .cal-view-btn.active {
@@ -46249,14 +43285,9 @@ button.cal-view-btn {
    <input> wraps a colored fill drawn by the browser; we need to round both
    the wrapper and the fill so it actually appears circular. */
 .cal-s-color { border-radius: 50%; overflow: hidden; }
-.cal-s-color::-webkit-color-swatch-wrapper { padding: 0; border-radius: 50%; }
-.cal-s-color::-webkit-color-swatch { border: none; border-radius: 50%; }
-.cal-s-color::-moz-color-swatch { border: none; border-radius: 50%; }
 .cal-filter-item { display:inline-flex; align-items:center; gap:4px; cursor:pointer; font-size:10px; padding:2px 8px; line-height:1.4; border-radius:10px; background:color-mix(in srgb, var(--bg) 72%, transparent); border:1px solid color-mix(in srgb, var(--fg) 12%, transparent); transition:opacity 0.15s, background 0.15s, border-color 0.15s, transform 0.15s; }
 .cal-filter-item:hover { background:color-mix(in srgb, var(--fg) 10%, transparent); }
-.cal-filter-item.cal-filter-off { opacity:0.25; text-decoration:line-through; }
 .cal-filter-item.cal-filter-important { font-weight:700; color:#e5a33a; border-color:color-mix(in srgb, #e5a33a 40%, transparent); }
-.cal-filter-item.cal-filter-important.cal-filter-active { background:color-mix(in srgb, #e5a33a 18%, transparent); border-color:#e5a33a; }
 /* Match the toolbar's other buttons (cal-nav, cal-view-btn, cal-add-btn-text):
    24px tall, 11px font, 5px corners. */
 .cal-filter-toggle {
@@ -46298,21 +43329,6 @@ button.cal-view-btn {
 .cal-grid { display:flex; flex-direction:column; gap:1px; background:color-mix(in srgb, var(--fg) 8%, transparent); border-radius:6px; overflow:hidden; }
 .cal-week-headers { display:grid; grid-template-columns:repeat(7,1fr); gap:1px; }
 .cal-week-row { position:relative; display:grid; grid-template-columns:repeat(7,1fr); gap:1px; }
-.cal-week-row > .cal-day { padding-top: calc(4px + var(--bars, 0) * 12px); }
-@keyframes cal-slide-from-right {
-  from { opacity:0; transform:translateX(20px); }
-  to { opacity:1; transform:translateX(0); }
-}
-@keyframes cal-slide-from-left {
-  from { opacity:0; transform:translateX(-20px); }
-  to { opacity:1; transform:translateX(0); }
-}
-@keyframes cal-event-enter {
-  from { opacity:0; transform:translateY(3px) scale(0.985); }
-  to { opacity:1; transform:translateY(0) scale(1); }
-}
-.cal-slide-in-right { animation: cal-slide-from-right 0.22s cubic-bezier(0.25, 0.8, 0.25, 1); }
-.cal-slide-in-left { animation: cal-slide-from-left 0.22s cubic-bezier(0.25, 0.8, 0.25, 1); }
 .cal-weekday { background:color-mix(in srgb, var(--fg) 5%, var(--bg)); text-align:center; font-size:10px; font-weight:600; opacity:0.4; padding:5px 0; }
 .cal-day {
   background:
@@ -46331,33 +43347,11 @@ button.cal-view-btn {
   background: var(--bg);
   border-radius: 8px;
 }
-.cal-day.cal-today .cal-day-num { color:var(--bg); font-weight:800; background:var(--accent, var(--red)); border-radius:10px; padding:1px 6px; display:inline-block; opacity:1; line-height:1.3; }
-/* Selected day — same square geometry as `.cal-today` so the two read as
-   peers, but rendered as an outline + softer fill instead of a solid
-   accent block. Today wins when both classes are on the same cell. */
-.cal-day.cal-selected:not(.cal-today) {
-  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent, var(--fg)) 65%, transparent);
-  background: color-mix(in srgb, var(--accent, var(--fg)) 12%, var(--bg));
-  border-radius: 8px;
-}
 .cal-day.cal-selected:not(.cal-today) .cal-day-num {
   color: var(--accent, var(--fg));
   opacity: 1;
   font-weight: 700;
 }
-.cal-day.cal-weekend:not(.cal-today) { background:color-mix(in srgb, var(--fg) 2.5%, var(--bg)); }
-.cal-day.cal-empty-day::after {
-  content:'';
-  position:absolute;
-  left:8px;
-  right:8px;
-  bottom:8px;
-  height:1px;
-  background:color-mix(in srgb, var(--fg) 7%, transparent);
-  opacity:0.55;
-  pointer-events:none;
-}
-.cal-day.cal-other { opacity:0.34; }
 .cal-day.cal-drag-over { background:color-mix(in srgb, var(--accent) 18%, var(--bg)); }
 .cal-day.cal-range-select { background:color-mix(in srgb, var(--accent, var(--red)) 25%, var(--bg)); box-shadow:inset 0 0 0 1px var(--accent, var(--red)); }
 .cal-day-num { font-size:10px; font-weight:600; display:block; margin-bottom:1px; opacity:0.7; line-height:1.2; }
@@ -46380,18 +43374,6 @@ button.cal-view-btn {
   transition:background 0.15s, box-shadow 0.15s, transform 0.15s;
 }
 .cal-event-row:hover { background:color-mix(in srgb, var(--fg) 10%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 14%, transparent); transform:translateY(-1px); }
-.cal-event-row::after {
-  content:'';
-  width:3px;
-  height:11px;
-  margin-left:auto;
-  opacity:0;
-  flex:0 0 auto;
-  border-left:1px solid color-mix(in srgb, var(--fg) 34%, transparent);
-  border-right:1px solid color-mix(in srgb, var(--fg) 34%, transparent);
-  transition:opacity 0.15s;
-}
-.cal-event-row:hover::after { opacity:0.75; }
 .cal-event-row-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; box-shadow:0 0 0 1px color-mix(in srgb, var(--bg) 80%, transparent); }
 .cal-event-row-time { font-size:10px; opacity:0.72; font-variant-numeric:tabular-nums; flex-shrink:0; font-weight:600; }
 .cal-event-row-name { font-size:10px; opacity:0.96; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; min-width:0; font-weight:600; }
@@ -46485,7 +43467,6 @@ button.cal-view-btn {
   pointer-events: auto;
   box-shadow: 0 1px 2px color-mix(in srgb, #000 18%, transparent);
 }
-.cal-dragging { opacity:0.3; }
 /* Splitter between the month/week grid and the day-tasks panel — drag
    vertically to give the day panel more room. Height clamped by the
    `--cal-detail-h` variable set on #cal-body by the splitter drag JS. */
@@ -46533,38 +43514,10 @@ button.cal-view-btn {
   overscroll-behavior: contain;
   flex-shrink: 0;
 }
-#cal-body.cal-events-full > :is(.cal-grid, .cal-wk-wrap) {
-  display: none;
-}
-#cal-body.cal-events-full > .cal-day-detail {
-  height: auto;
-  min-height: 0;
-  flex: 1 1 auto;
-}
-#cal-body.cal-calendar-full > .cal-day-detail {
-  display: none;
-}
 .cal-detail-header { display:flex; justify-content:space-between; align-items:center; font-size:12px; font-weight:600; margin-bottom:6px; padding-right:8px; }
 .cal-empty { font-size:11px; opacity:0.3; padding:4px 0; }
 .cal-event-item { display:flex; gap:9px; padding:8px 9px; border-radius:6px; cursor:pointer; align-items:flex-start; background:color-mix(in srgb, var(--fg) 3.5%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 6%, transparent); margin-bottom:4px; }
 .cal-event-item:hover { background:color-mix(in srgb, var(--fg) 8%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 12%, transparent); }
-.cal-event-link-target {
-  animation: cal-event-link-target-flash 2.2s ease-out;
-  box-shadow:
-    inset 0 0 0 2px color-mix(in srgb, var(--accent, var(--red)) 88%, transparent),
-    0 0 0 3px color-mix(in srgb, var(--accent, var(--red)) 20%, transparent),
-    0 8px 20px color-mix(in srgb, var(--accent, var(--red)) 18%, transparent) !important;
-}
-@keyframes cal-event-link-target-flash {
-  0%, 28% {
-    filter: brightness(1.18) saturate(1.12);
-    transform: translateY(-1px);
-  }
-  100% {
-    filter: none;
-    transform: none;
-  }
-}
 .cal-event-dot { width:9px; height:9px; border-radius:50%; flex-shrink:0; margin-top:4px; box-shadow:0 0 0 1px color-mix(in srgb, var(--bg) 80%, transparent); }
 .cal-event-info { flex:1; min-width:0; }
 .cal-event-name { font-size:13px; font-weight:700; line-height:1.25; color:color-mix(in srgb, var(--fg) 96%, transparent); overflow-wrap:anywhere; }
@@ -46582,8 +43535,6 @@ button.cal-view-btn {
 }
 .cal-event-time { font-size:11px; opacity:0.68; line-height:1.35; margin-top:2px; font-weight:500; }
 .cal-event-loc { font-size:11px; opacity:0.58; line-height:1.35; margin-top:1px; }
-.cal-event-loc a, .cal-event-time a { color:inherit; text-decoration:underline; text-decoration-color:color-mix(in srgb, currentColor 40%, transparent); }
-.cal-event-loc a:hover, .cal-event-time a:hover { opacity:1; text-decoration-color:currentColor; }
 /* ── Week view: hour grid ──────────────────────────────────────────
    Vertical hour rail on the left, 7 day columns on the right with their
    own all-day strip and an absolute-positioned hour grid below it. */
@@ -46687,9 +43638,6 @@ button.cal-view-btn {
   opacity: 0.55;
   transition: opacity 0.15s, background 0.15s, border-color 0.15s;
 }
-#cal-settings > svg {
-  top: 3px !important;
-}
 .cal-wk-zoom:hover {
   opacity: 1;
   background: color-mix(in srgb, var(--fg) 8%, var(--bg));
@@ -46733,23 +43681,11 @@ button.cal-view-btn {
   top: 0;
   z-index: 40;
 }
-.cal-wk-col.cal-wk-today .cal-wk-col-head { background: color-mix(in srgb, var(--accent, var(--red)) 12%, var(--bg)); }
-.cal-wk-col.cal-wk-today .cal-wk-dn,
-.cal-wk-col.cal-wk-today .cal-wk-dt { color: var(--accent, var(--red)); font-weight: 700; }
-/* Sunday: a softer rest-day tint so the week edge reads visually, even
-   when today is mid-week. Falls back gracefully under the .cal-wk-today
-   rules above (today on a Sunday still gets the accent treatment). */
-.cal-wk-col.cal-wk-sun .cal-wk-col-head { background: color-mix(in srgb, var(--fg) 7%, var(--bg)); }
-.cal-wk-col.cal-wk-sun .cal-wk-grid { background: color-mix(in srgb, var(--fg) 2.5%, var(--bg)); }
-.cal-wk-col.cal-wk-sun .cal-wk-allday { background: color-mix(in srgb, var(--fg) 3%, var(--bg)); }
-.cal-wk-col.cal-wk-sun .cal-wk-dn,
-.cal-wk-col.cal-wk-sun .cal-wk-dt { color: color-mix(in srgb, var(--fg) 60%, transparent); }
 /* Today on a Sunday still wins the accent treatment. */
 .cal-wk-col.cal-wk-today.cal-wk-sun .cal-wk-col-head { background: color-mix(in srgb, var(--accent, var(--fg)) 12%, var(--bg)); }
 .cal-wk-col.cal-wk-today.cal-wk-sun .cal-wk-dn,
 .cal-wk-col.cal-wk-today.cal-wk-sun .cal-wk-dt { color: var(--accent, var(--fg)); }
 .cal-wk-dn { font-weight: 600; opacity: 0.6; }
-.cal-wk-dt { font-variant-numeric: tabular-nums; opacity: 0.5; }
 .cal-wk-allday {
   height: 24px;
   padding: 2px 4px;
@@ -46767,7 +43703,6 @@ button.cal-view-btn {
   top: 32px;
   z-index: 39;
 }
-.cal-wk-allday::-webkit-scrollbar { display: none; }
 .cal-wk-allday-event {
   font-size: 10.5px;
   font-weight: 700;
@@ -46809,32 +43744,6 @@ button.cal-view-btn {
   z-index: 7;
   filter: drop-shadow(0 1px 3px color-mix(in srgb, var(--accent, var(--red)) 35%, transparent));
 }
-.cal-wk-now::before {
-  content: '';
-  position: absolute;
-  left: -3px;
-  top: -4px;
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  background: var(--accent, var(--red, #f87171));
-  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent, var(--red)) 18%, transparent);
-}
-.cal-wk-now::after {
-  content:'now';
-  position:absolute;
-  right:4px;
-  top:-10px;
-  padding:1px 5px;
-  border-radius:7px;
-  font-size:8px;
-  line-height:1.2;
-  font-weight:800;
-  text-transform:uppercase;
-  color:var(--bg);
-  background:var(--accent, var(--red));
-  box-shadow:0 1px 4px color-mix(in srgb, #000 22%, transparent);
-}
 /* Event blocks */
 .cal-wk-block {
   position: absolute;
@@ -46909,10 +43818,6 @@ button.cal-view-btn {
     overflow-wrap: anywhere;
   }
 }
-@keyframes cal-wk-hover-label-reveal {
-  0%, 35% { opacity: 0; }
-  100% { opacity: 1; }
-}
 @media (max-width: 768px) {
   /* Mobile week view: the hour rail already shows the time, so drop it from the
      card and let the title wrap to fill the freed space (more readable text). */
@@ -46972,41 +43877,6 @@ button.cal-view-btn {
   cursor: ns-resize;
   z-index: 3;
 }
-.cal-wk-block:hover .cal-wk-block-resize::after {
-  content: '';
-  position: absolute;
-  left: 30%;
-  right: 30%;
-  bottom: 1px;
-  height: 2px;
-  border-radius: 2px;
-  background: color-mix(in srgb, var(--fg) 35%, transparent);
-}
-.cal-wk-block::after {
-  content:'';
-  position:absolute;
-  top:6px;
-  right:5px;
-  width:3px;
-  height:14px;
-  opacity:0;
-  border-left:1px solid color-mix(in srgb, var(--fg) 35%, transparent);
-  border-right:1px solid color-mix(in srgb, var(--fg) 35%, transparent);
-  transition:opacity 0.15s;
-}
-.cal-wk-block:hover::after { opacity:0.75; }
-.cal-wk-block-resize:hover::after {
-  background: color-mix(in srgb, var(--fg) 65%, transparent);
-}
-/* Body of a block while it's being repositioned: lifted shadow + above
-   siblings so the drop target reads clearly. */
-.cal-wk-block-ghost {
-  z-index: 6 !important;
-  box-shadow: 0 4px 12px color-mix(in srgb, var(--fg) 24%, transparent) !important;
-  cursor: grabbing;
-}
-.cal-wk-block { cursor: grab; }
-.cal-wk-block:active { cursor: grabbing; }
 /* Drag-to-create ghost */
 .cal-wk-ghost {
   position: absolute;
@@ -47034,9 +43904,6 @@ button.cal-view-btn {
   pointer-events: auto;
   cursor: pointer;
 }
-.cal-wk-slot-selected-label {
-  pointer-events: none;
-}
 .cal-wk-slot-resize {
   position: absolute;
   left: 14%;
@@ -47048,30 +43915,13 @@ button.cal-view-btn {
   touch-action: none;
   pointer-events: auto;
 }
-.cal-wk-slot-resize::after {
-  content: '';
-  position: absolute;
-  left: 18%;
-  right: 18%;
-  top: 6px;
-  height: 3px;
-  border-radius: 2px;
-  background: var(--accent, var(--fg));
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--bg) 75%, transparent);
-}
-.cal-wk-col.cal-wk-slot-day-selected .cal-wk-col-head {
-  color: var(--accent, var(--fg));
-  box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--accent, var(--fg)) 70%, transparent);
-}
 .cal-year { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; }
 .cal-year-month { background:color-mix(in srgb, var(--fg) 3%, var(--bg)); border:1px solid var(--border); border-radius:6px; padding:6px; cursor:pointer; transition:background 0.15s, border-color 0.15s, transform 0.15s; }
 .cal-year-month:hover { background:color-mix(in srgb, var(--fg) 8%, var(--bg)); border-color:var(--accent); transform:translateY(-1px); }
 .cal-year-month-title { font-size:11px; font-weight:600; text-align:center; margin-bottom:4px; opacity:0.7; }
-.cal-year-month:hover .cal-year-month-title { opacity:1; color:var(--accent); }
 .cal-year-grid { display:grid; grid-template-columns:repeat(7, 1fr); gap:1px; }
 .cal-year-wd { font-size:7px; text-align:center; opacity:0.3; padding:1px 0; }
 .cal-year-cell { font-size:8px; text-align:center; padding:2px 0; min-height:14px; border-radius:2px; transition:transform 0.12s, background 0.12s; }
-.cal-year-day { cursor:pointer; opacity:0.5; }
 .cal-year-day:hover { background:var(--accent, var(--red)); color:#fff; opacity:1; transform:scale(1.15); font-weight:700; z-index:2; position:relative; }
 .cal-year-today { color:var(--accent, var(--red)); font-weight:700; opacity:1; }
 .cal-year-has { opacity:1; background:color-mix(in srgb, var(--accent) 15%, transparent); }
@@ -47084,7 +43934,6 @@ button.cal-view-btn {
 .cal-search-input { background:color-mix(in srgb, var(--fg) 5%, var(--bg)); border:1px solid var(--border); border-radius:5px; padding:0 8px; height:24px; color:var(--fg); font-size:11px; font-family:inherit; width:120px; box-sizing:border-box; transition:width 0.15s; }
 .cal-search-input:focus { outline:none; border-color:var(--accent); width:180px; }
 .cal-search-input.cal-day-search { width:100%; margin-bottom:0; transition:none; padding-left: 28px; }
-.cal-search-input.cal-day-search:focus { width:100%; }
 /* Wrap for the search input so the magnifying-glass icon can be absolute-
    positioned inside the field. */
 .cal-search-wrap {
@@ -47106,29 +43955,7 @@ button.cal-view-btn {
 /* Agenda view */
 .cal-agenda { display:flex; flex-direction:column; gap:12px; flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding-left:4px; }
 .cal-agenda-day { display:flex; flex-direction:column; gap:5px; position:relative; padding-left:14px; }
-.cal-agenda-day::before {
-  content:'';
-  position:absolute;
-  left:4px;
-  top:22px;
-  bottom:-12px;
-  width:1px;
-  background:color-mix(in srgb, var(--fg) 12%, transparent);
-}
-.cal-agenda-day::after {
-  content:'';
-  position:absolute;
-  left:1px;
-  top:12px;
-  width:7px;
-  height:7px;
-  border-radius:50%;
-  background:color-mix(in srgb, var(--fg) 22%, var(--bg));
-  box-shadow:0 0 0 3px var(--bg);
-}
-.cal-agenda-day.is-today::after { background:var(--accent, var(--red)); }
 .cal-agenda-date { font-size:12px; font-weight:800; opacity:0.72; padding:5px 2px 3px; border-bottom:1px solid var(--border); }
-.cal-agenda-day.is-today .cal-agenda-date { opacity: 1; color: var(--accent, var(--red)); border-bottom-color: color-mix(in srgb, var(--accent, var(--red)) 35%, var(--border)); }
 .cal-agenda-today-badge {
   display: inline-block;
   margin-left: 6px;
@@ -47163,8 +43990,6 @@ button.cal-view-btn {
 }
 .cal-agenda-event .cal-event-more,
 .cal-event-item .cal-event-more { opacity:0; transition:opacity 0.15s; }
-.cal-agenda-event:hover .cal-event-more,
-.cal-event-item:hover .cal-event-more { opacity:0.6; }
 .cal-event-item { position:relative; }
 
 /* ── Personal Assistant ── */
@@ -47303,24 +44128,6 @@ button.cal-view-btn {
   margin: 0;
 }
 
-button.cal-event-more {
-  background:transparent;
-  border:none;
-  color:var(--fg);
-  width:20px; height:20px;
-  cursor:pointer;
-  padding:0;
-  display:inline-flex;
-  align-items:center;
-  justify-content:center;
-  font-family:inherit;
-  flex-shrink:0;
-  margin-left:auto;
-  align-self:center;
-  transform:translateY(-4px);
-  transition:opacity 0.15s;
-}
-button.cal-event-more:hover { opacity:1 !important; }
 /* Empty state */
 .cal-empty-state { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:60px 20px; text-align:center; gap:10px; }
 .cal-empty-title { font-size:14px; font-weight:600; opacity:0.8; }
@@ -47336,40 +44143,6 @@ button.cal-event-more:hover { opacity:1 !important; }
 /* Calendar-picker select sits 2px higher; its border-left/background tint is
    set in JS to the chosen calendar's colour. */
 .cal-f-cal-select { position: relative; top: -4px; }
-/* Day-detail "+ New" button nudged down 2px. */
-#cal-add-day { position: relative; top: 2px; }
-/* Accent the native date/time picker glyphs. We recolor the webkit indicator
-   by masking an accent fill through a calendar/clock SVG (same technique as the
-   mono icon picker). accent-color covers the spinner parts where supported. */
-.cal-form-bespoke input[type="date"],
-.cal-form-bespoke input[type="time"],
-.cal-form-bespoke input[type="datetime-local"] { accent-color: var(--accent, var(--red)); }
-.cal-form-bespoke input[type="date"]::-webkit-datetime-edit-month-field,
-.cal-form-bespoke input[type="date"]::-webkit-datetime-edit-day-field {
-  color: var(--accent, var(--red));
-  font-weight: 600;
-}
-.cal-form-bespoke input[type="date"]::-webkit-datetime-edit-year-field {
-  color: var(--fg);
-  font-weight: 400;
-}
-.cal-form-bespoke input[type="date"]::-webkit-calendar-picker-indicator,
-.cal-form-bespoke input[type="time"]::-webkit-calendar-picker-indicator,
-.cal-form-bespoke input[type="datetime-local"]::-webkit-calendar-picker-indicator {
-  background-color: var(--accent, var(--red));
-  background-image: none;
-  cursor: pointer;
-  width: 14px; height: 14px;
-}
-.cal-form-bespoke input[type="date"]::-webkit-calendar-picker-indicator,
-.cal-form-bespoke input[type="datetime-local"]::-webkit-calendar-picker-indicator {
-  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") center/contain no-repeat;
-          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") center/contain no-repeat;
-}
-.cal-form-bespoke input[type="time"]::-webkit-calendar-picker-indicator {
-  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") center/contain no-repeat;
-          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") center/contain no-repeat;
-}
 
 /* ── Bespoke event form ────────────────────────────────────────────
    Big clock-face date/time hero with the title under it. Details panel
@@ -47396,29 +44169,10 @@ button.cal-event-more:hover { opacity:1 !important; }
   border-color: color-mix(in srgb, var(--ev-color) 55%, var(--border));
   box-shadow: 0 8px 28px color-mix(in srgb, var(--ev-color) 22%, transparent);
 }
-/* Title underline + clock focus ring + primary button track --ev-color
-   when set; default to --accent / --fg otherwise. */
-.cal-form-bespoke .cal-input.cal-hero-title:focus { border-bottom-color: var(--ev-color, var(--accent, color-mix(in srgb, var(--fg) 60%, transparent))); }
-.cal-form-bespoke[style*="--ev-color"] .cal-input.cal-hero-title { border-bottom-color: color-mix(in srgb, var(--ev-color) 35%, var(--border)); }
-.cal-form-bespoke .cal-hero-time:focus-visible,
-.cal-form-bespoke .cal-hero-date:focus-visible { outline-color: var(--ev-color, var(--accent, color-mix(in srgb, var(--fg) 50%, transparent))); }
 .cal-form-bespoke[style*="--ev-color"] .cal-btn-primary {
   background: var(--ev-color);
   border-color: var(--ev-color);
 }
-/* Custom-BG events paint the form card with the uploaded image. Make sure
-   the action row + buttons stay clearly readable on top of it. */
-.cal-form-bespoke.cal-form-bg-image .cal-form-actions {
-  position: relative;
-  z-index: 2;
-  /* Solid backing strip so the Save/Cancel/Delete buttons don't fade into
-     the photo behind them. */
-  background: color-mix(in srgb, var(--panel) 92%, transparent);
-  margin: 8px -14px -14px;
-  padding: 10px 14px;
-  border-top: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
-  border-radius: 0 0 8px 8px;
-}
 .cal-form-bespoke.cal-form-bg-image .cal-btn-primary {
   background: var(--accent, var(--red));
   border-color: var(--accent, var(--red));
@@ -47443,7 +44197,6 @@ button.cal-event-more:hover { opacity:1 !important; }
   opacity: 0.45;
   margin-bottom: 0;
 }
-.cal-form-today span { letter-spacing: 0.04em; text-transform: none; opacity: 0.85; font-weight: 500; }
 
 /* Hero — clock face + date label. Spacing between the two lives entirely
    on the clock's bottom margin so it's predictable. */
@@ -47472,12 +44225,9 @@ button.cal-event-more:hover { opacity:1 !important; }
   line-height: 1;
   transition: background 0.15s, color 0.15s;
 }
-.cal-hero-time .cal-hero-clock,
-.cal-hero-time .cal-hero-ampm { line-height: 1; }
 /* The clock is a `<button>` and a global `button:hover` rule paints
    every button's background on hover. Suppress it explicitly. */
 .cal-hero-time:hover { background: transparent; border-color: transparent; }
-.cal-hero-time:focus-visible { outline: 2px solid var(--accent, color-mix(in srgb, var(--fg) 50%, transparent)); outline-offset: 2px; }
 .cal-hero-clock { font-feature-settings: "tnum"; display: inline-flex; align-items: baseline; }
 /* Per-segment hover so it's clear hh vs mm are individually clickable. */
 .cal-hero-clock-hh, .cal-hero-clock-mm {
@@ -47512,7 +44262,6 @@ button.cal-event-more:hover { opacity:1 !important; }
   transition: background 0.15s, opacity 0.15s;
 }
 .cal-hero-date:hover { background: color-mix(in srgb, var(--fg) 6%, transparent); opacity: 0.85; }
-.cal-hero-date:focus-visible { outline: 2px solid var(--accent, color-mix(in srgb, var(--fg) 50%, transparent)); outline-offset: 2px; }
 
 /* Title input — flat, large, no chrome until focused */
 .cal-input.cal-hero-title {
@@ -47525,10 +44274,6 @@ button.cal-event-more:hover { opacity:1 !important; }
   border-radius: 0;
   margin-bottom: 4px;
 }
-.cal-input.cal-hero-title:focus {
-  border-color: transparent;
-  border-bottom-color: var(--accent, color-mix(in srgb, var(--fg) 60%, transparent));
-}
 
 /* Details panel — animated reveal via max-height + opacity. */
 .cal-form-bespoke .cal-form-details {
@@ -47539,17 +44284,10 @@ button.cal-event-more:hover { opacity:1 !important; }
   transition: max-height 240ms ease, opacity 180ms ease, margin 220ms ease;
   margin-top: 0;
 }
-.cal-form-bespoke.is-expanded .cal-form-details {
-  max-height: 720px;
-  opacity: 1;
-  margin-top: 4px;
-}
 /* The detail children themselves keep the existing flex/gap rules from
    the regular .cal-form, so we don't restyle inputs/rows here. */
 .cal-form-bespoke .cal-form-details > * + * { margin-top: 8px; }
 
-.cal-form-bespoke .cal-form-actions { margin-top: 8px; justify-content: flex-end; }
-.cal-form-bespoke .cal-form-row { margin-bottom: 8px; }
 
 /* Location row: input + Apple Maps pin link. Pin only lights up when the
    field has content; clicking opens maps.apple.com (native Maps app on
@@ -47564,8 +44302,6 @@ button.cal-event-more:hover { opacity:1 !important; }
   flex: 1;
   min-width: 0;
 }
-.cal-loc-input-wrap > input { height: 100%; }
-.cal-loc-input-wrap > input::placeholder { color: transparent; }
 .cal-loc-hint {
   position: absolute;
   inset: 0 auto 0 10px;
@@ -47576,8 +44312,6 @@ button.cal-event-more:hover { opacity:1 !important; }
   color: color-mix(in srgb, var(--fg) 42%, transparent);
   font-size: 12px;
 }
-.cal-loc-hint svg { color: var(--accent, var(--red)); }
-.cal-loc-input-wrap > input:placeholder-shown ~ .cal-loc-hint { display: inline-flex; }
 .cal-loc-map {
   display: inline-flex;
   align-items: center;
@@ -47592,7 +44326,6 @@ button.cal-event-more:hover { opacity:1 !important; }
   transition: background 0.15s, border-color 0.15s, opacity 0.15s;
 }
 .cal-loc-map:hover { background: color-mix(in srgb, var(--accent, var(--red)) 14%, var(--bg)); border-color: var(--accent, var(--red)); }
-.cal-loc-map.is-disabled { opacity: 0.3; pointer-events: none; cursor: default; }
 
 @media (max-width: 520px) {
   .cal-hero-time { font-size: 44px; }
@@ -47625,16 +44358,12 @@ button.cal-event-more:hover { opacity:1 !important; }
 .cal-input { background:color-mix(in srgb, var(--fg) 5%, var(--bg)); border:1px solid var(--border); border-radius:5px; padding:7px 10px; color:var(--fg); font-size:12px; width:100%; box-sizing:border-box; }
 .cal-input:focus { outline:none; border-color:var(--accent); }
 .cal-input-time { width:auto; flex:1; }
-select.cal-input { appearance:auto; }
-textarea.cal-input { resize:vertical; font-family:inherit; }
 .cal-form-row { display:flex; gap:8px; align-items:center; }
 .cal-form-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:4px; }
 button.cal-btn { background:color-mix(in srgb, var(--fg) 8%, transparent); border:1px solid var(--border); color:var(--fg); border-radius:5px; padding:0 14px; height:28px; font-size:11px; font-weight:500; cursor:pointer; font-family:inherit; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; transition:background 0.15s, border-color 0.15s; }
 button.cal-btn:hover { background:color-mix(in srgb, var(--fg) 14%, transparent); }
 button.cal-btn.cal-btn-primary { background:var(--accent, var(--red)); color:var(--bg); border-color:var(--accent, var(--red)); }
 button.cal-btn.cal-btn-primary:hover { opacity:0.9; background:var(--accent, var(--red)); }
-button.cal-btn.cal-btn-danger { color:var(--accent, var(--red)); border-color:var(--accent, var(--red)); background:transparent; }
-button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); color:var(--bg); }
 @media (max-width: 600px) {
   .cal-modal-container { max-width:100vw; width:100vw; border-radius:0; max-height:100vh; height:100vh; }
   .cal-day { min-height:58px; padding:3px; }
@@ -47710,10 +44439,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
      a bounce, particularly next to the document split pane. */
   animation: research-pane-enter 0.18s ease-out both;
 }
-@keyframes research-pane-enter {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
 /* Synapse signal traveling around the outer edge of the pane. The pane keeps a
    flat background; only this thin border ring remains animated. */
 .research-pane::after {
@@ -47748,16 +44473,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   display:flex; justify-content:space-between; align-items:center;
   margin-bottom:6px; cursor:grab; user-select:none;
 }
-.research-pane-header:active { cursor:grabbing; }
-.research-pane-header h4 {
-  margin: 0;
-  font-size: 1rem;
-  font-weight: 600;
-  color: var(--red);
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-}
 .research-pane-title-icon {
   display: inline-flex;
   align-items: center;
@@ -47804,8 +44519,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
 .research-tab-panel {
   flex: 1 1 auto;
 }
-.research-tab-panel.hidden,
-.research-tab-panel[hidden] { display: none; }
 .research-tab-heading {
   display: flex;
   align-items: center;
@@ -47814,46 +44527,12 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   min-height: 28px;
   margin: 0 0 6px;
 }
-.research-tab-heading h2 {
-  margin: 0;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1;
-}
 .research-tab-heading > .memory-count {
   font-size: 10px;
   opacity: 0.55;
   font-weight: normal;
 }
 .research-tab-heading #research-history-clear { margin-left: auto; }
-.research-tab-panel:not([data-research-panel="research"]) .research-jobs-list {
-  flex: 1 1 auto;
-  min-height: 0;
-  overflow-y: auto;
-}
-/* Hide the in-body "Research" subtitle on mobile to save vertical space —
-   the toolbar/header carries enough context already. */
-/* Match the .admin-card h2 styling used in Documents/Library so the
-   "Research" sub-title reads the same as those modals' titles. */
-.research-new-job h2 {
-  font-size: 14px;
-  font-weight: 600;
-  letter-spacing: 0;
-}
-.research-new-job > .research-new-job-desc {
-  margin: 6px 0 0;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  flex-wrap: wrap;
-}
-@media (max-width: 600px) {
-  /* Keep the "Research" title visible on mobile (matches the Cookbook tab
-     titles, which show on mobile). It used to be hidden here. */
-  .research-new-job h2 {
-    font-size: 14px;
-  }
-}
 /* Match the .admin-card surface used in Cookbook (Download / Serve sections):
    var(--panel) bg with var(--border) and rounded corners. */
 .research-new-job {
@@ -47894,30 +44573,10 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   position: relative;
   top: 1px;
 }
-.research-setting:has(#research-model) .research-setting-label {
-  position: relative;
-  top: 1px;
-}
-.research-setting:has(#research-rounds) select,
-.research-setting:has(#research-category) select {
-  position: relative;
-  top: -4px;
-}
-.research-setting:has(#research-rounds) .research-setting-label,
-.research-setting:has(#research-category) .research-setting-label {
-  position: relative;
-  top: 4px;
-}
 .research-setting-label {
   font-size:9px; text-transform:uppercase; letter-spacing:0.5px;
   color:var(--accent, var(--red)); opacity:1; margin-bottom:2px;
 }
-.research-setting select {
-  font-size: 11px; padding: 4px 6px;
-  background: var(--bg);
-  color: var(--fg);
-  border: 1px solid var(--border); border-radius: 4px;
-}
 .research-native-select {
   position: absolute !important;
   width: 1px !important;
@@ -47943,15 +44602,9 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   border-color: color-mix(in srgb, var(--accent, var(--red)) 62%, var(--border));
   background: color-mix(in srgb, var(--accent, var(--red)) 5%, var(--bg));
 }
-.research-picker-btn:focus-visible,
-.research-picker-option:focus-visible {
-  outline: 2px solid color-mix(in srgb, var(--accent, var(--red)) 65%, transparent);
-  outline-offset: 1px;
-}
 .research-picker-current {
   min-width: 0; flex: 1; display: flex; align-items: center; gap: 6px;
 }
-.research-picker-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .research-picker-icon {
   width: 15px; height: 15px; flex: 0 0 15px;
   display: inline-flex; align-items: center; justify-content: center;
@@ -47962,7 +44615,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   width: 9px; height: 9px; flex-shrink: 0; opacity: 0.5;
   transition: transform 0.14s ease;
 }
-.research-picker.open .research-picker-btn > svg { transform: rotate(180deg); }
 .research-picker-menu {
   position: absolute; z-index: 120;
   top: calc(100% + 4px); left: 0;
@@ -47973,7 +44625,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   border: 1px solid var(--border); border-radius: 7px;
   box-shadow: 0 10px 28px rgba(0,0,0,0.32);
 }
-.research-picker-menu[hidden] { display: none; }
 .research-picker-option {
   width: 100%; min-height: 31px; padding: 6px 7px;
   display: flex; align-items: center; gap: 7px;
@@ -47990,12 +44641,7 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   color: var(--accent, var(--red));
   background: color-mix(in srgb, var(--accent, var(--red)) 10%, transparent);
 }
-.research-picker-option > span:nth-child(2):not(.research-picker-check),
-.research-picker-option > span:first-child:not(.research-picker-icon) {
-  overflow: hidden; text-overflow: ellipsis;
-}
 .research-picker-check { margin-left: auto; opacity: 0; color: var(--accent, var(--red)); }
-.research-picker-option.active .research-picker-check { opacity: 1; }
 .research-controls-row {
   display:flex; align-items:center; gap:8px; margin-top:10px;
 }
@@ -48106,7 +44752,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   animation: rrm-pop-in 0.12s ease-out both;
   transform-origin: top right;
 }
-.research-run-mode-popover.rrm-up { transform-origin: bottom right; }
 @keyframes rrm-pop-in {
   from { opacity: 0; transform: scale(0.96) translateY(-2px); }
   to   { opacity: 1; transform: scale(1) translateY(0); }
@@ -48126,9 +44771,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   cursor: pointer;
 }
 .research-run-mode-popover .research-run-mode-row svg { flex-shrink: 0; opacity: 0.8; }
-.research-run-mode-popover .research-run-mode-row:hover {
-  background: color-mix(in srgb, var(--accent-primary, var(--red)) 14%, transparent);
-}
 .research-run-mode-popover .rrm-title {
   font-weight: 600;
   font-size: 13px;
@@ -48174,11 +44816,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
 .chat-research-detail { margin-top: 5px; font-size: 12px; color: var(--fg-dim, #888); }
 .chat-research-open { display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px; margin-top: 4px; color: var(--red); text-decoration: underline; }
 .chat-research-open:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; border-radius: 4px; }
-.research-job-card.done { cursor:pointer; }
-/* Past (library) research used to be dimmed to 0.65 which read as "greyed out".
-   They now look the same as the rest — folding them under "Past research"
-   handles the de-clutter instead. */
-.research-job-card.done.from-library { opacity:1; }
 .research-job-card.error,
 .research-job-card.cancelled { --cat-color: #f44336; }
 /* Per-category theming — picks up a category accent, badge, and soft tint */
@@ -48193,11 +44830,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
 /* Uncategorized (default-format) research = "standard", shown in the same
    green as its left border so the green reads as a labelled category. */
 .research-cat-badge.research-cat-standard { color: var(--cat-color); }
-.research-job-thumb-frame[role="button"] { cursor: pointer; }
-.research-job-thumb-frame[role="button"]:hover {
-  outline: 1px solid color-mix(in srgb, var(--accent, var(--red)) 65%, transparent);
-  outline-offset: 1px;
-}
 .research-cat-badge {
   font-size: 9px;
   font-weight: 600;
@@ -48212,9 +44844,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   flex-shrink: 0;
   margin-left: 0;
 }
-.research-job-report-body h1, .research-job-report-body h2, .research-job-report-body h3 {
-  color: var(--cat-color, var(--accent, var(--fg)));
-}
 
 /* Category hero banner */
 .research-hero {
@@ -48229,19 +44858,12 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   border-left: 4px solid var(--cat-color, var(--accent));
   position: relative; overflow: hidden;
 }
-.research-hero::after {
-  content: ''; position: absolute; right: -40px; top: -40px;
-  width: 160px; height: 160px; border-radius: 50%;
-  background: radial-gradient(circle, color-mix(in srgb, var(--cat-color, var(--accent)) 15%, transparent) 0%, transparent 60%);
-  pointer-events: none;
-}
 .research-hero-icon {
   flex-shrink: 0; width: 32px; height: 32px;
   color: var(--cat-color, var(--accent));
   display: flex; align-items: center; justify-content: center;
   filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--cat-color, var(--accent)) 40%, transparent));
 }
-.research-hero-icon svg { width: 100%; height: 100%; }
 .research-hero-text { flex: 1; min-width: 0; }
 .research-hero-label {
   font-size: 10px; text-transform: uppercase; letter-spacing: 1.2px;
@@ -48253,78 +44875,10 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   line-height: 1.3; color: var(--fg);
 }
 
-/* Product: callout-style bullets */
-.research-body-product ul { list-style: none; padding-left: 0; }
-.research-body-product ul li {
-  padding: 6px 10px 6px 28px; margin: 4px 0;
-  border-left: 2px solid color-mix(in srgb, #5b8abf 40%, transparent);
-  background: color-mix(in srgb, #5b8abf 4%, transparent);
-  border-radius: 0 4px 4px 0; position: relative;
-}
-.research-body-product ul li::before {
-  content: '▸'; position: absolute; left: 10px;
-  color: #5b8abf; font-weight: bold;
-}
 
-/* Comparison: styled table */
-.research-body-comparison table {
-  width: 100%; border-collapse: collapse; margin: 12px 0;
-  border: 1px solid color-mix(in srgb, #e5a33a 25%, transparent);
-  border-radius: 6px; overflow: hidden;
-}
-.research-body-comparison th {
-  background: color-mix(in srgb, #e5a33a 18%, transparent);
-  color: #e5a33a; font-weight: 700;
-  padding: 8px 12px; text-align: left;
-  border-bottom: 2px solid color-mix(in srgb, #e5a33a 40%, transparent);
-}
-.research-body-comparison td {
-  padding: 8px 12px;
-  border-bottom: 1px solid color-mix(in srgb, #e5a33a 12%, transparent);
-}
-.research-body-comparison tr:nth-child(even) td {
-  background: color-mix(in srgb, #e5a33a 3%, transparent);
-}
 
-/* How-to: big numbered steps */
-.research-body-howto ol { counter-reset: howto-step; list-style: none; padding-left: 0; }
-.research-body-howto ol > li {
-  counter-increment: howto-step; position: relative;
-  padding: 10px 12px 10px 52px; margin: 8px 0;
-  background: color-mix(in srgb, #82c882 5%, transparent);
-  border-radius: 8px; border-left: 2px solid #82c882;
-}
-.research-body-howto ol > li::before {
-  content: counter(howto-step);
-  position: absolute; left: 10px; top: 14px;
-  width: 30px; height: 30px; border-radius: 50%;
-  background: #82c882; color: white;
-  font-weight: 700; font-size: 13px;
-  display: flex; align-items: center; justify-content: center;
-  box-shadow: 0 2px 6px color-mix(in srgb, #82c882 40%, transparent);
-}
 
-/* Landscape: section banners */
-.research-body-landscape h3 {
-  padding: 8px 14px;
-  background: linear-gradient(90deg, color-mix(in srgb, #a07ae0 15%, transparent), transparent);
-  border-left: 3px solid #a07ae0;
-  border-radius: 0 6px 6px 0;
-  margin: 14px 0 8px;
-}
 
-/* Fact-check: verdict emphasis */
-.research-body-factcheck blockquote {
-  border-left: 3px solid var(--red);
-  background: color-mix(in srgb, var(--red) 6%, transparent);
-  padding: 10px 14px; margin: 10px 0;
-  border-radius: 0 6px 6px 0;
-}
-.research-body-factcheck strong {
-  color: var(--red);
-  padding: 1px 6px; border-radius: 4px;
-  background: color-mix(in srgb, var(--red) 12%, transparent);
-}
 
 .research-job-header {
   display:flex; align-items:center; gap:7px; min-height:24px;
@@ -48350,18 +44904,12 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   opacity:0.4; cursor:pointer; padding:2px; display:flex;
   transition:opacity 0.15s;
 }
-.research-job-cancel:hover,
-.research-job-remove:hover,
-.research-job-report-link:hover { opacity:1; }
 /* Minimize toggle for the per-job synapse "tree" visual. */
 .research-synapse-toggle {
   background:transparent; border:none; color:var(--fg);
   opacity:0.4; cursor:pointer; padding:2px; display:flex;
   transition:opacity 0.15s;
 }
-.research-synapse-toggle:hover,
-.research-synapse-toggle.active { opacity:1; }
-.research-job-synapse-host.synapse-collapsed { display:none; }
 .research-job-model {
   font-size:9px; opacity:0.4; white-space:nowrap;
   max-width:120px; overflow:hidden; text-overflow:ellipsis;
@@ -48380,9 +44928,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   border: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
   background: var(--panel, var(--bg));
 }
-.research-job-summary .research-job-thumb-frame {
-  transform: translateY(-4px);
-}
 .research-job-summary {
   align-items: flex-start;
 }
@@ -48397,19 +44942,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   top: 12px;
   transform: none;
 }
-.research-job-summary .research-job-failnote {
-  margin: 2px 0 0;
-}
-.research-job-thumb-frame::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  background: radial-gradient(ellipse at center,
-    transparent 42%,
-    color-mix(in srgb, var(--accent, var(--red)) 28%, transparent) 100%);
-  opacity: 0.75;
-}
 .research-job-thumb {
   display: block;
   width: 100%;
@@ -48423,14 +44955,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
       color-mix(in srgb, var(--fg) 7%, transparent),
       color-mix(in srgb, var(--fg) 3%, transparent));
 }
-/* Push the first dim (dismiss/delete) button — and everything after it — to
-   the right edge of the actions row. `:first-of-type` would match the very
-   first <button> in the row regardless of class; this immediate-sibling
-   combinator targets only a dim button that follows a non-dim one. */
-.research-job-actions .research-job-action:not(.research-job-action-dim)
-  + .research-job-action-dim { margin-left: auto; }
-/* Edge case: all buttons in the row are dim — push first dim right. */
-.research-job-actions > .research-job-action-dim:first-child { margin-left: auto; }
 /* Match .doclib-toolbar-btn — same font, padding, hover */
 .research-job-action {
   display: inline-flex; align-items: center; gap: 4px;
@@ -48450,7 +44974,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   border-color: var(--fg);
 }
 .research-job-action-dim { opacity: 0.5; border-color: transparent; }
-.research-job-action-dim:hover { opacity: 1; }
 .research-job-action-copied {
   color: var(--color-success) !important;
   border-color: color-mix(in srgb, var(--color-success) 45%, var(--border)) !important;
@@ -48461,18 +44984,12 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   width: 30px; height: 30px; padding: 0;
   justify-content: center; color: var(--fg-muted);
 }
-.research-job-overflow.open .research-job-more {
-  color: var(--fg);
-  border-color: color-mix(in srgb, var(--cat-color) 45%, var(--border));
-  background: color-mix(in srgb, var(--cat-color) 8%, transparent);
-}
 .research-job-menu {
   position: absolute; z-index: 140;
   right: 0; top: calc(100% + 5px);
   min-width: 168px;
   cursor: default;
 }
-.research-job-menu[hidden] { display: none; }
 .research-job-menu > .dropdown-item-compact svg { width: 13px; height: 13px; flex-shrink: 0; opacity: 0.72; }
 .research-job-menu > [data-menu-action="copy"] { position: relative; top: -2px; }
 .research-job-menu > [data-menu-action="dismiss"] { position: relative; top: 2px; }
@@ -48490,11 +45007,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   padding:6px 14px; font-size:10px; opacity:0.4;
   text-transform:uppercase; letter-spacing:0.5px;
 }
-.research-section-divider::before,
-.research-section-divider::after {
-  content:''; flex:1; height:1px;
-  background:var(--border);
-}
 /* Foldable job sections (Active / Past research) */
 /* Collapsible section styled like the Cookbook download sub-blocks (.cookbook-card):
    clean var(--bg) card, 8px radius, a real 13px/600 title. Chevron on the LEFT,
@@ -48509,26 +45021,16 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   overflow: visible;
 }
 .research-section-body { display: flex; flex-direction: column; gap: 7px; padding: 9px; }
-.research-section.collapsed .research-section-body { display: none; }
 .research-section-header {
   display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
   padding: 9px 11px; cursor: pointer; user-select: none;
   transition: background 0.15s;
   border-radius: 7px 7px 0 0;
 }
-.research-section:not(.collapsed) > .research-section-header { border-bottom: 1px solid var(--border); }
 .research-section-header:hover { background: color-mix(in srgb, var(--fg) 4%, transparent); }
-.research-section-header:has(.research-library-hint) { padding-bottom: 8px; }
 .research-section-title { font-size: 13px; font-weight: 650; letter-spacing: 0; }
 .research-section-chevron { flex-shrink: 0; opacity: 0.55; transition: transform 0.2s ease; }
-.research-section.collapsed .research-section-chevron { transform: rotate(-90deg); }
 .research-section-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; opacity: 0.9; }
-/* Active section dot: pulsing accent glow (work in progress). */
-.research-section-dot.pulsing { animation: research-dot-pulse 1.5s ease-in-out infinite; }
-@keyframes research-dot-pulse {
-  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, var(--red)) 55%, transparent); }
-  70%      { box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent, var(--red)) 0%, transparent); }
-}
 /* The top "Research" heading is a plain card-style title — no bar/chevron/dot. */
 .research-main-header {
   cursor: default; background: none; border: none;
@@ -48657,7 +45159,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   text-decoration:none; white-space:nowrap;
   max-width:200px; overflow:hidden; text-overflow:ellipsis;
 }
-.research-source-link:hover { text-decoration:underline; }
 .research-source-badges {
   display:inline-flex;
   align-items:center;
@@ -48695,11 +45196,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   padding:6px 7px;
   margin:0 0 8px;
 }
-.research-navigation-trace-live {
-  margin:7px 0 0;
-  max-height:92px;
-  overflow:hidden;
-}
 .research-nav-title {
   font-weight:600;
   color:var(--text-primary, var(--text));
@@ -48719,36 +45215,13 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   color:var(--accent-primary, var(--red));
   font-weight:600;
 }
-.research-nav-target {
-  overflow:hidden;
-  text-overflow:ellipsis;
-  white-space:nowrap;
-}
-.research-nav-status {
-  opacity:0.85;
-}
-.research-action-row .research-nav-target {
-  opacity:0.9;
-}
-.research-action-skipped {
-  opacity:0.62;
-}
 .research-action-skipped .research-nav-tool {
   color:var(--text-muted);
 }
-.research-nav-meta {
-  grid-column:2 / -1;
-  opacity:0.68;
-}
 .research-source-more { font-size:10px; opacity:0.5; padding:2px 4px; }
 .research-job-report-body {
   font-size:12px; line-height:1.55; max-height:400px; overflow-y:auto;
 }
-.research-job-report-body h1,
-.research-job-report-body h2,
-.research-job-report-body h3 { font-size:13px; margin:12px 0 4px; }
-.research-job-report-body p { margin:4px 0; }
-.research-job-report-body pre { font-size:11px; }
 .research-job-loading { font-size:11px; opacity:0.5; padding:8px 0; }
 .research-library-section {
   border-top:1px solid var(--border); flex-shrink:0;
@@ -48758,10 +45231,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   padding:8px 14px; font-size:11px; text-align:left;
   opacity:0.6; cursor:pointer; font-weight:500;
 }
-.research-library-toggle:hover { opacity:1; }
-.research-library-list {
-  max-height:300px; overflow-y:auto;
-}
 .research-library-item {
   display:flex; align-items:center; gap:6px; flex-wrap:wrap;
   padding:8px 14px; font-size:11px;
@@ -48783,7 +45252,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   opacity:0.3; cursor:pointer; padding:2px; display:flex;
   transition:opacity 0.15s;
 }
-.research-lib-open:hover { opacity:1; }
 .research-lib-delete:hover { opacity:1; color:#f44336; }
 .research-badge {
   background:var(--accent-primary, var(--red)); border-radius:50%;
@@ -48793,21 +45261,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
      draw the eye to the unread result without being a hard blink. */
   animation: research-badge-breathe 2.4s ease-in-out infinite;
 }
-@keyframes research-badge-breathe {
-  0%, 100% {
-    transform: scale(1);
-    opacity: 0.85;
-    box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent-primary, var(--red)) 55%, transparent);
-  }
-  50% {
-    transform: scale(1.35);
-    opacity: 1;
-    box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-primary, var(--red)) 0%, transparent);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .research-badge { animation: none; }
-}
 
 /* Sidebar Deep Research running indicator — text then dot, styled the same
    as Cookbook's running status (no glow). */
@@ -48839,9 +45292,6 @@ button.cal-btn.cal-btn-danger:hover { background:var(--accent, var(--red)); colo
   top: -1px;
   left: -4px;
 }
-@media (prefers-reduced-motion: reduce) {
-  .research-sb-dot { animation: none; }
-}
 
 /* ── In-house color picker ── */
 /* A color-picker swatch input shows the chosen colour as its background; hide
@@ -49295,18 +45745,11 @@ body.theme-frosted .modal {
   top: 3px;
 }
 
-/* Nudge the X icon in the "Clear all" button down 2px. */
-#research-clear-all svg { position: relative; top: 2px; }
 
 /* RESEARCH SCROLL FORCE — guarantee the jobs list scrolls inside the bounded
    pane (the pane is height-capped: 85vh desktop, 100dvh mobile). Each ancestor
    needs min-height:0 for a nested flex scroll to engage. */
 #research-pane { min-height: 0; }
-@media (min-width: 769px) {
-  #research-pane.research-results-view {
-    height: 78vh;
-  }
-}
 /* The BODY is the single scroller — the list flows into it and the whole body
    scrolls. (A nested list-scroller kept clipping instead of scrolling.) */
 #research-pane .research-pane-body {
@@ -49375,7 +45818,6 @@ body.theme-frosted .modal {
   position: relative; top: -2px;
 }
 .research-section-clear:hover { color: var(--red); border-color: var(--red); background: color-mix(in srgb, var(--red) 8%, transparent); }
-.research-section-clear svg { width: 11px; height: 11px; }
 
 /* Visual Report button tinted with the research type colour (--cat-color),
    falling back to the accent for "standard" (uncategorized) research. */
@@ -49383,15 +45825,9 @@ body.theme-frosted .modal {
   color: var(--cat-color, var(--accent, var(--red)));
   border-color: color-mix(in srgb, var(--cat-color, var(--accent, var(--red))) 45%, var(--border));
 }
-.research-job-action.research-job-action-report:hover {
-  color: var(--cat-color, var(--accent, var(--red)));
-  border-color: var(--cat-color, var(--accent, var(--red)));
-  background: color-mix(in srgb, var(--cat-color, var(--accent, var(--red))) 10%, transparent);
-}
 
 .research-start-btn svg,
 .research-add-plus { display: inline-block; }
-.research-start-btn svg { color: inherit; }
 
 /* Compare's selector uses the shared Start button markup, but its accent
    background needs a readable dark foreground and a lighter hover weight. */
@@ -49413,10 +45849,7 @@ body.theme-frosted .modal {
   background: none; border: none; padding: 0; cursor: pointer;
   font: inherit; color: var(--accent, var(--red)); text-decoration: underline;
 }
-.research-library-link:hover { opacity: 0.8; }
 
-/* Nudge the Delete button 4px left. */
-.research-job-action[data-action="delete"] { position: relative; right: 2px; }
 
 @media (max-width: 768px) {
   /* Mobile: the "Delete" label is too wide in Deep Research job rows; keep the
@@ -49447,26 +45880,9 @@ body.theme-frosted .modal {
   border-color: color-mix(in srgb, var(--research-accent) 28%, var(--border));
   border-left-color: var(--research-accent);
 }
-.research-job-card.research-standard:hover {
-  background: color-mix(in srgb, var(--research-accent) 7%, var(--bg));
-  border-color: color-mix(in srgb, var(--research-accent) 42%, var(--border));
-}
 .research-job-card.research-standard .research-cat-badge.research-cat-standard {
   color: var(--research-accent);
 }
-.research-job-card.research-standard .research-progress-fill {
-  background: var(--research-accent);
-}
-.research-job-card.research-standard-v0,
-.research-hero.research-hero-v0 { --research-accent: #db8576; }
-.research-job-card.research-standard-v1,
-.research-hero.research-hero-v1 { --research-accent: #d2a45f; }
-.research-job-card.research-standard-v2,
-.research-hero.research-hero-v2 { --research-accent: #72ad8d; }
-.research-job-card.research-standard-v3,
-.research-hero.research-hero-v3 { --research-accent: #72a5cf; }
-.research-job-card.research-standard-v4,
-.research-hero.research-hero-v4 { --research-accent: #aa86c7; }
 
 /* Failed research (0 sources) — red flag + actionable note. */
 .research-job-card.research-job-failed { border-color: color-mix(in srgb, #f44336 40%, var(--border)); }
@@ -49678,7 +46094,6 @@ body.theme-frosted .modal {
   color: var(--fg);
   user-select: all;
 }
-.adm-copilot-copy { margin-left: auto; }
 .adm-copilot-auth {
   text-align: center;
   text-decoration: none;
@@ -49704,9 +46119,6 @@ body.theme-frosted .modal {
   display: inline-block;
   margin-left: 2px;
 }
-.adm-chatgpt-usage-host {
-  margin: 4px 0 6px 0;
-}
 .adm-chatgpt-usage {
   display: flex;
   flex-direction: column;
@@ -49782,11 +46194,6 @@ body.theme-frosted .modal {
   align-items: stretch;
   vertical-align: middle;
 }
-.hwfit-serve-launch-group .hwfit-serve-launch {
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-  margin-right: 0 !important;
-}
 .hwfit-serve-launch-group .hwfit-serve-schedule-arrow {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
@@ -49831,7 +46238,6 @@ body.theme-frosted .modal {
   flex-wrap: wrap;
 }
 .hwfit-schedule-title svg { opacity: 0.7; flex-shrink: 0; }
-.hwfit-schedule-title-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .hwfit-schedule-title-spacer { flex: 1; min-width: 8px; }
 .hwfit-schedule-row {
   display: flex;
@@ -49846,10 +46252,6 @@ body.theme-frosted .modal {
   font-size: 11px;
   opacity: 0.75;
 }
-.hwfit-schedule-field input[type="time"] {
-  font: inherit;
-  min-width: 90px;
-}
 .hwfit-schedule-label {
   font-size: 11px;
   opacity: 0.75;
@@ -49859,11 +46261,6 @@ body.theme-frosted .modal {
   flex-wrap: wrap;
   gap: 5px;
 }
-/* Days field inline with From / Until — push it + the action buttons to
-   the right end of the row so the row reads: From | Until | …gap… | Days | Cancel | Save. */
-.hwfit-schedule-days-field {
-  margin-left: auto;
-}
 .hwfit-schedule-actions-inline {
   display: inline-flex;
   align-items: flex-end;
@@ -49921,29 +46318,16 @@ body.theme-frosted .modal {
   cursor: pointer;
   user-select: none;
 }
-.hwfit-schedule-mirror-label { white-space: nowrap; }
-.hwfit-schedule-mirror-switch { transform: scale(0.85); transform-origin: left center; }
 .hwfit-sched-err {
   font-size: 12px;
   color: var(--red, #ff6b6b);
   display: none;
 }
-.hwfit-sched-err.is-visible { display: block; }
 @media (max-width: 600px) {
   .hwfit-schedule-row { gap: 8px; }
   .hwfit-sched-day-chip { width: 36px; height: 36px; font-size: 11px; }
 }
 
-/* Brief outline flash on a note card when it's the target of a
-   #note-<id> link click from chat — same pattern as the cookbook
-   task flash, just scoped to .note-card. */
-.note-card-flash {
-  animation: note-card-flash-anim 1.6s ease-out;
-}
-@keyframes note-card-flash-anim {
-  0%   { box-shadow: 0 0 0 2px var(--accent, var(--red)); }
-  100% { box-shadow: 0 0 0 2px transparent; }
-}
 /* ── ask_user: multiple-choice question card ─────────────────────────────
    The agent posed a question and ended its turn. The user clicks an option
    or types a free-text "Other" answer. */
@@ -50222,15 +46606,6 @@ body.theme-frosted .modal {
 .workspace-footer > #workspace-use > svg { top: 3px; color: inherit; }
 .workspace-note { margin: 0 0 8px; font-size: 11px; line-height: 1.4; }
 
-/* Real-time Diagnostics Log Terminal UI Styles */
-.settings-system-logs-svg {
-  vertical-align: -2px;
-  margin-right: 5px;
-  opacity: 0.6;
-}
-.settings-system-logs-toggle-sub {
-  margin-bottom: 12px;
-}
 .settings-system-logs-tabs {
   display: flex;
   align-items: center;
@@ -50249,10 +46624,6 @@ body.theme-frosted .modal {
   padding: 6px 8px 7px;
   opacity: 0.62;
 }
-.settings-system-logs-tab:hover,
-.settings-system-logs-tab.active {
-  opacity: 1;
-}
 .settings-system-logs-tab.active {
   border-bottom-color: var(--accent, var(--red));
   color: var(--accent, var(--red));
@@ -50301,9 +46672,6 @@ body.theme-frosted .modal {
   gap: 4px;
   padding: 0 8px;
 }
-.settings-system-logs-refresh-svg {
-  pointer-events: none;
-}
 .settings-system-logs-autopoll-container {
   display: inline-flex;
   align-items: center;
@@ -50593,241 +46961,32 @@ body.theme-frosted .modal {
   .compare-grid > .compare-pane.compare-pane-mobile-active { animation: none; }
 }
 
-/* ── Settings navigation / finder ────────────────────────────── */
-.settings-sidebar-content {
-  display: flex;
-  min-width: 0;
-  flex: 1;
-  flex-direction: column;
-  gap: 2px;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
 
-.settings-nav-search-wrap {
-  position: relative;
-  margin: 0 0 8px;
-}
 
-.settings-nav-search {
-  box-sizing: border-box;
-  width: 100%;
-  min-width: 0;
-  height: 32px;
-  padding: 5px 9px 5px 29px;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  outline: none;
-  background: var(--bg);
-  color: var(--fg);
-  font: inherit;
-  font-size: 11px;
-}
 
-.settings-nav-search:focus {
-  border-color: var(--accent, var(--red));
-}
 
-.settings-nav-search::placeholder {
-  color: var(--fg);
-  opacity: 0.45;
-}
 
-.settings-nav-search-icon {
-  position: absolute;
-  z-index: 2;
-  top: 9px;
-  left: 9px;
-  pointer-events: none;
-  opacity: 0.5;
-}
 
-.settings-nav-search-results {
-  position: absolute;
-  z-index: 30;
-  top: calc(100% + 4px);
-  left: 0;
-  right: 0;
-  min-width: 100%;
-  max-height: 300px;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 4px;
-  border: 1px solid var(--border);
-  border-radius: 7px;
-  background: var(--panel);
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
-}
 
-.settings-search-result {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  width: 100%;
-  align-items: center;
-  gap: 10px;
-  padding: 8px 9px;
-  border: 0;
-  border-radius: 5px;
-  background: transparent;
-  color: var(--fg);
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-}
 
-.settings-search-result:hover,
-.settings-search-result.active {
-  background: color-mix(in srgb, var(--fg) 8%, transparent);
-}
 
-.settings-search-result-label {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 11px;
-}
 
-.settings-search-result-group {
-  flex: 0 0 auto;
-  max-width: 92px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 9px;
-  opacity: 0.5;
-}
 
-.settings-search-empty {
-  padding: 8px;
-  color: var(--fg);
-  font-size: 10px;
-  text-align: center;
-  opacity: 0.55;
-}
 
-.settings-sidebar-resize-handle {
-  position: absolute;
-  z-index: 20;
-  top: 0;
-  right: -3px;
-  width: 6px;
-  height: 100%;
-  cursor: col-resize;
-  background: transparent;
-  touch-action: none;
-}
 
-.settings-sidebar-resize-handle:hover,
-.settings-sidebar-resizing .settings-sidebar-resize-handle {
-  background: var(--accent, var(--red));
-  opacity: 0.45;
-}
 
-.settings-sidebar-resizing {
-  transition: none;
-  user-select: none;
-}
 
-body.settings-sidebar-resize-active {
-  cursor: col-resize;
-  user-select: none;
-}
 
-.settings-sidebar-toggle {
-  position: absolute;
-  z-index: 25;
-  top: 9px;
-  right: -13px;
-  display: flex;
-  width: 24px;
-  height: 24px;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: 1px solid var(--border);
-  border-radius: 50%;
-  background: var(--panel);
-  color: var(--fg);
-  cursor: pointer;
-  opacity: 0;
-  transition: opacity 0.12s ease, border-color 0.12s ease;
-}
 
-.settings-sidebar:hover .settings-sidebar-toggle,
-.settings-sidebar-toggle:focus-visible,
-.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-toggle {
-  opacity: 1;
-}
 
-.settings-sidebar-toggle:hover,
-.settings-sidebar-toggle:focus-visible {
-  border-color: var(--accent, var(--red));
-  color: var(--accent, var(--red));
-}
 
-.settings-sidebar-toggle-expand {
-  display: none;
-}
 
-.settings-sidebar.settings-sidebar-collapsed {
-  width: 34px;
-  flex-basis: 34px;
-  padding: 0;
-}
 
-.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-content {
-  display: none;
-}
 
-.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-resize-handle {
-  display: none;
-}
 
-.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-toggle {
-  top: 10px;
-  right: 5px;
-}
 
-.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-toggle-collapse {
-  display: none;
-}
 
-.settings-sidebar.settings-sidebar-collapsed .settings-sidebar-toggle-expand {
-  display: block;
-}
 
-/* The existing narrow/snapped layout is a horizontal tab rail. Sidebar
-   resizing/collapse applies only to the vertical desktop layout. */
-@container settings-modal (max-width: 620px) {
-  .settings-sidebar {
-    width: auto;
-    flex: 0 0 auto;
-    transition: none;
-  }
-
-  .settings-sidebar-content {
-    flex-direction: row;
-    overflow-x: auto;
-    overflow-y: hidden;
-  }
-
-  .settings-nav-search-wrap,
-  .settings-sidebar-resize-handle,
-  .settings-sidebar-toggle {
-    display: none;
-  }
-
-  .settings-sidebar.settings-sidebar-collapsed {
-    width: auto;
-    flex-basis: auto;
-    padding: 6px;
-  }
-
-  .settings-sidebar.settings-sidebar-collapsed .settings-sidebar-content {
-    display: flex;
-  }
-}
 
 /* Mobile tool drawers: leave a visible strip of the workspace above tall
    sheets so they read as draggable drawers rather than full-screen routes.
@@ -50885,32 +47044,7 @@ body.settings-sidebar-resize-active {
   }
 }
 
-@media (max-width: 600px) {
-  .settings-sidebar {
-    width: auto;
-    flex: 0 0 auto;
-  }
 
-  .settings-sidebar-content {
-    flex-direction: row;
-    overflow-x: auto;
-    overflow-y: hidden;
-  }
-
-  .settings-nav-search-wrap,
-  .settings-sidebar-resize-handle,
-  .settings-sidebar-toggle {
-    display: none;
-  }
-}
-.cookbook-chat-target {
-  animation: cookbook-chat-target-pulse 1.8s ease-out;
-}
-
-@keyframes cookbook-chat-target-pulse {
-  0%, 35% { outline: 2px solid var(--accent, #d46a6a); outline-offset: 2px; }
-  100% { outline: 2px solid transparent; outline-offset: 5px; }
-}
 
 /* Shared bulk-selection trigger. Keep every Select/Cancel control on the same
    circle-dot and X language even when a feature rewrites the button label. */
@@ -50994,13 +47128,6 @@ body.settings-sidebar-resize-active {
   transform: translateY(1px);
 }
 
-.doclib-section-title-icon {
-  width: 14px;
-  height: 14px;
-  margin-right: 6px;
-  color: var(--accent, var(--red));
-  vertical-align: -2px;
-}
 
 /* Deep Research History uses the same library surface as Memory, Skills, and
    Tasks: one framed block, compact toolbar, filter chips, bulk selection, and
@@ -51020,12 +47147,6 @@ body.settings-sidebar-resize-active {
   align-items: center;
   min-height: 24px;
 }
-#research-pane .research-history-clear-btn {
-  margin-left: auto;
-  height: 22px;
-  padding-top: 0;
-  padding-bottom: 0;
-}
 #research-pane .research-history-clear-btn svg {
   position: relative;
   top: 2px;
@@ -51056,13 +47177,6 @@ body.settings-sidebar-resize-active {
   opacity: 0.6;
   font-weight: normal;
 }
-#research-pane .research-history-desc {
-  flex: 0 0 auto;
-  position: relative;
-  top: -8px;
-  margin: 6px 0 0;
-  font-size: 11px;
-}
 #research-pane .research-history-toolbar {
   flex: 0 0 auto;
   max-height: none;
@@ -51085,15 +47199,6 @@ body.settings-sidebar-resize-active {
   margin-right: 3px;
   vertical-align: -2px;
 }
-#research-pane .research-history-search-wrap {
-  position: relative;
-  top: 2px;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  min-width: 0;
-  margin-top: 0;
-}
 #research-pane .research-history-search-wrap > svg {
   position: absolute;
   left: 9px;
diff --git a/static/sw.js b/static/sw.js
index 9c8f67ae1..1cf785bc2 100644
--- a/static/sw.js
+++ b/static/sw.js
@@ -7,7 +7,7 @@
 //   - Other static assets (images/fonts/libs): cache-first with bg refresh.
 //   - API / non-GET: never cached.
 // Bump CACHE_NAME whenever the precache list or SW logic changes.
-const CACHE_NAME = 'odysseus-v651-chatgpt-usage-collapse';
+const CACHE_NAME = 'odysseus-v654-css-split-3';
 
 // KaTeX resolves these from its own stylesheet, so caching the CSS without them
 // gives offline math fallback glyphs instead of proper typesetting.
@@ -40,6 +40,9 @@ const KATEX_FONTS = [
 const PRECACHE = [
   '/',
   '/static/style.css?v=20260921chatgptusage2',
+  '/static/css/documents-gallery-editor.css?v=20260923csssplit1',
+  '/static/css/email-calendar-notes-tasks.css?v=20260923csssplit2',
+  '/static/css/cookbook-research-memory-settings.css?v=20260923csssplit3',
   '/static/app.js?v=20260921chatgptusage2',
   '/static/js/storage.js',
   '/static/js/appConfig.js',
diff --git a/tests/README.md b/tests/README.md
index 770cd4c49..085cb5f84 100644
--- a/tests/README.md
+++ b/tests/README.md
@@ -172,6 +172,23 @@ The helpers below live under `tests/helpers/`. They exist to remove repeated
 boilerplate that already appeared across multiple tests. Reach for one only when
 your test matches its intended use; do not stretch a helper to cover a new case.
 
+### `tests.helpers.stylesheets.app_css`
+
+Use when a test asserts on a CSS rule.
+
+- Returns every app stylesheet concatenated in the order `static/index.html`
+  loads them, which is the order the cascade actually has.
+- Panel styles no longer all live in `static/style.css`; reading that file
+  alone ties the test to whichever file a rule sits in today, so it goes red
+  when a rule moves without the rendered page changing.
+- `stylesheet_paths()` and `stylesheet_urls()` are there when a test needs the
+  files or the request URLs rather than their contents.
+  `stylesheet_link_tags()` returns the `<link>` markup for a synthetic page
+  driven through Playwright, so it gets the whole cascade instead of only
+  `style.css`.
+- All of them fail loudly if `index.html` links a stylesheet that is missing.
+- Not for vendored CSS under `static/lib/`, which they deliberately skip.
+
 ### `tests.helpers.cli_loader.load_script`
 
 Use when a test needs to import a script under `scripts/` without repeating
diff --git a/tests/helpers/stylesheets.py b/tests/helpers/stylesheets.py
new file mode 100644
index 000000000..6fa7e311e
--- /dev/null
+++ b/tests/helpers/stylesheets.py
@@ -0,0 +1,63 @@
+"""Read the app's CSS the way the browser does.
+
+``static/style.css`` no longer holds every rule: panel styles live in separate
+files that ``static/index.html`` loads eagerly, in a fixed order, right after
+it. The cascade is the concatenation of those files in that order.
+
+A test that asserts on a rule must therefore look at all of them. Reading
+``static/style.css`` alone ties the test to whichever file a rule happens to
+sit in today, so it goes red the next time a rule moves without anything about
+the rendered page having changed.
+"""
+
+from __future__ import annotations
+
+import re
+from pathlib import Path
+
+_STATIC = Path(__file__).resolve().parents[2] / "static"
+_INDEX = _STATIC / "index.html"
+
+# Only same-origin app stylesheets. Vendored <link>s under static/lib are not
+# part of the cascade these tests reason about.
+_LINK = re.compile(
+    r"""<link\b[^>]*\brel\s*=\s*["']stylesheet["'][^>]*\bhref\s*=\s*["']/static/([^"'?]+)([^"']*)["']""",
+    re.I,
+)
+
+
+def _entries() -> list[tuple[Path, str]]:
+    html = _INDEX.read_text(encoding="utf-8")
+    out = []
+    for m in _LINK.finditer(html):
+        rel, query = m.group(1), m.group(2)
+        if rel.startswith("lib/"):
+            continue
+        out.append((_STATIC / rel, "/static/" + rel + query))
+    if not out:
+        raise AssertionError(f"no app stylesheet <link> tags found in {_INDEX}")
+    missing = [p for p, _u in out if not p.is_file()]
+    if missing:
+        raise AssertionError(f"index.html links stylesheets that do not exist: {missing}")
+    return out
+
+
+def stylesheet_paths() -> list[Path]:
+    """Every app stylesheet on disk, in the order index.html loads it."""
+    return [p for p, _u in _entries()]
+
+
+def stylesheet_urls() -> list[str]:
+    """The same stylesheets as request URLs, query string included."""
+    return [u for _p, u in _entries()]
+
+
+def stylesheet_link_tags() -> str:
+    """The <link> tags to drop into a synthetic page so it gets the whole
+    cascade, not just style.css."""
+    return "".join(f'<link rel="stylesheet" href="{u}">' for u in stylesheet_urls())
+
+
+def app_css() -> str:
+    """The whole cascade as one string, in load order."""
+    return "\n".join(p.read_text(encoding="utf-8") for p in stylesheet_paths())
diff --git a/tests/test_action_menu_order.py b/tests/test_action_menu_order.py
index 84472662e..74c213628 100644
--- a/tests/test_action_menu_order.py
+++ b/tests/test_action_menu_order.py
@@ -1,6 +1,8 @@
 from pathlib import Path
 import subprocess
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 
@@ -80,7 +82,7 @@ def test_email_filter_menu_has_context_title() -> None:
 
 def test_email_setting_toggles_render_neutral_disabled_state() -> None:
     source = (ROOT / "static/js/emailLibrary.js").read_text(encoding="utf-8")
-    style = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    style = app_css()
     assert 'email-settings-auto-reply-section' in source
     assert 'email-settings-display-enabled-state' in source
     assert 'stateLabel = section?.querySelector' in source
@@ -100,7 +102,7 @@ def test_email_date_headers_mark_unexpected_timeline_gaps() -> None:
     assert "email-date-gap-break" in source
     assert "gapDays > 90 && gapDays > timelineGapThreshold" in source
 
-    style = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    style = app_css()
     assert ".date-section-header.email-date-gap-break" in style
 
 
@@ -122,7 +124,7 @@ def test_email_filters_and_card_favorite_toggle_are_wired() -> None:
     assert "const typedFilter = _exactTypedFilterSuggestion(v);" in source
     assert "_acceptSuggestion(typedFilter);" in source
 
-    style = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    style = app_css()
     favorite_start = style.index(".email-card-favorite {")
     favorite_end = style.index("}", favorite_start) + 1
     assert "top: -3px;" in style[favorite_start:favorite_end]
@@ -154,7 +156,7 @@ def test_email_auto_reply_syncs_one_calendar_event_per_account() -> None:
 
 def test_email_settings_show_away_account_and_compact_display_controls() -> None:
     source = (ROOT / "static/js/emailLibrary.js").read_text(encoding="utf-8")
-    style = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    style = app_css()
     assert 'email-account-away-label">(AWAY)</span>' in source
     assert 'id="email-lib-auto-reply-badge"' in source
     assert ">Show Email Tags</span>" in source
@@ -227,7 +229,7 @@ def test_email_clean_always_forces_a_fresh_unsubscribe_scan() -> None:
 
 def test_unsubscribe_duplicate_badge_is_lowered() -> None:
     frontend = (ROOT / "static/js/emailLibrary.js").read_text(encoding="utf-8")
-    stylesheet = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    stylesheet = app_css()
     assert "email-unsub-duplicate-badge" in frontend
     start = stylesheet.index(".email-unsub-duplicate-badge {")
     assert "top: 2px;" in stylesheet[start:stylesheet.index("}", start) + 1]
@@ -235,7 +237,7 @@ def test_unsubscribe_duplicate_badge_is_lowered() -> None:
 
 def test_unsubscribe_scan_status_sits_before_clean_action() -> None:
     frontend = (ROOT / "static/js/emailLibrary.js").read_text(encoding="utf-8")
-    stylesheet = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    stylesheet = app_css()
     start = frontend.index("function _emailCleanupSettingsHtml")
     end = frontend.index("function _emailDisplaySettingsHtml", start)
     cleanup = frontend[start:end]
@@ -291,7 +293,7 @@ def test_browser_agent_unsubscribe_cleans_sender_after_positive_confirmation() -
 
 
 def test_auto_unsubscribe_all_is_visibly_taller_than_toolbar_buttons() -> None:
-    source = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    source = app_css()
     start = source.index(".email-unsub-auto-safe-btn {")
     assert "height: 29px;" in source[start:source.index("}", start) + 1]
 
@@ -330,7 +332,7 @@ def test_unsubscribe_review_marks_handled_cards_and_offers_scan_further() -> Non
 
 def test_unsubscribe_review_can_ignore_a_candidate_without_deleting_it() -> None:
     source = (ROOT / "static" / "js" / "emailLibrary.js").read_text()
-    styles = (ROOT / "static" / "style.css").read_text()
+    styles = app_css()
     assert "email-unsub-ignore-btn" in source
     assert "_rememberUnsubscribeIgnored(c)" in source
     assert "Ignore this unsubscribe candidate" in source
@@ -339,7 +341,7 @@ def test_unsubscribe_review_can_ignore_a_candidate_without_deleting_it() -> None
 
 def test_email_settings_sections_use_static_headers() -> None:
     source = (ROOT / "static" / "js" / "emailLibrary.js").read_text()
-    styles = (ROOT / "static" / "style.css").read_text()
+    styles = app_css()
     assert 'class="email-unsub-accent-icon"' in source
     assert 'M12 0L14.59 8.41' in source
     assert 'Scanning ${_esc(scanFolderLabel)} headers…' in source
diff --git a/tests/test_calendar_tool_card_static.py b/tests/test_calendar_tool_card_static.py
index 972a853ad..f585be074 100644
--- a/tests/test_calendar_tool_card_static.py
+++ b/tests/test_calendar_tool_card_static.py
@@ -1,6 +1,8 @@
 from pathlib import Path
 import re
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 
@@ -25,7 +27,7 @@ def test_successful_calendar_tool_output_is_suppressed_in_live_and_saved_rendere
 
 def test_calendar_chat_event_links_fetch_uid_and_show_title_time():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
     routes_src = (ROOT / "routes/calendar_routes.py").read_text()
     app_src = (ROOT / "static/app.js").read_text()
     renderer_src = (ROOT / "static/js/chatRenderer.js").read_text()
diff --git a/tests/test_calendar_visual_static.py b/tests/test_calendar_visual_static.py
index 654f23e09..4c6591640 100644
--- a/tests/test_calendar_visual_static.py
+++ b/tests/test_calendar_visual_static.py
@@ -1,13 +1,25 @@
 from pathlib import Path
 import re
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 
 
+def _occurrences(text, needle):
+    """Every index of needle, so an assertion does not depend on which copy of
+    a selector the cascade happens to put first."""
+    out, i = [], text.find(needle)
+    while i != -1:
+        out.append(i)
+        i = text.find(needle, i + 1)
+    return out
+
+
 def test_calendar_week_view_has_overlap_lanes_and_live_ruler_hooks():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert "function _wkLayoutTimedEvents" in calendar_src
     assert "--lane:${lane};--lane-count:${laneCount}" in calendar_src
@@ -20,7 +32,7 @@ def test_calendar_week_view_has_overlap_lanes_and_live_ruler_hooks():
 
 def test_crowded_week_events_expand_left_to_reveal_full_title_on_hover():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert "const crowdedClass = laneCount > 1 ? ' cal-wk-block-crowded' : '';" in calendar_src
     assert "--lane-right:${laneRight}%" in calendar_src
@@ -61,7 +73,7 @@ def test_crowded_week_events_expand_left_to_reveal_full_title_on_hover():
 
 def test_mobile_truncated_week_event_expands_before_opening_editor():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     click_idx = calendar_src.index("body.querySelectorAll('.cal-wk-block, .cal-wk-allday-event')")
     edit_idx = calendar_src.index("if (ev) _showEventForm(ev);", click_idx)
@@ -78,7 +90,7 @@ def test_mobile_truncated_week_event_expands_before_opening_editor():
 
 def test_mobile_empty_week_slot_selects_before_opening_new_event():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert "let _selectedWeekSlot = null;" in calendar_src
     assert "function _paintSelectedWeekSlot(body)" in calendar_src
@@ -100,7 +112,7 @@ def test_mobile_empty_week_slot_selects_before_opening_new_event():
 
 def test_week_view_hints_when_current_time_is_below_the_visible_field():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert "function _updateWeekNowBelowHint(wrap)" in calendar_src
     assert "nowRect.top > wrapRect.bottom - 2" in calendar_src
@@ -115,7 +127,7 @@ def test_week_view_hints_when_current_time_is_below_the_visible_field():
 
 def test_mobile_week_scroll_has_resisted_edge_pull_feedback():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert "pullStartedAtTop = _wrap.scrollTop <= 1;" in calendar_src
     assert "pullStartedAtBottom = _wrap.scrollTop >= maxScroll - 1;" in calendar_src
@@ -143,7 +155,7 @@ def test_calendar_view_change_recovers_a_fully_open_day_drawer():
 
 def test_calendar_month_and_agenda_have_visual_depth_hooks():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert "cal-weekend" in calendar_src
     assert "cal-empty-day" in calendar_src
@@ -156,7 +168,7 @@ def test_calendar_month_and_agenda_have_visual_depth_hooks():
 
 def test_calendar_event_cards_show_compact_source_badges():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert "function _eventSourceHtml" in calendar_src
     assert "${_eventSourceHtml(ev)}" in calendar_src
@@ -166,7 +178,7 @@ def test_calendar_event_cards_show_compact_source_badges():
 
 def test_calendar_toolbar_previous_next_arrows_are_mobile_only():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert 'class="cal-nav cal-toolbar-arrow" id="cal-prev"' in calendar_src
     assert 'class="cal-nav cal-toolbar-arrow" id="cal-next"' in calendar_src
@@ -181,7 +193,7 @@ def test_calendar_toolbar_previous_next_arrows_are_mobile_only():
 
 def test_calendar_side_arrows_center_against_calendar_pane():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert "function _alignSideNavToCalendar()" in calendar_src
     assert "paneRect.top - contentRect.top + (paneRect.height / 2)" in calendar_src
@@ -191,7 +203,7 @@ def test_calendar_side_arrows_center_against_calendar_pane():
 
 def test_calendar_splitter_double_click_snaps_to_nearest_pane_then_toggles():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert "detailH >= calendarH ? 'events' : 'calendar'" in calendar_src
     assert "splitter.addEventListener('dblclick', () => {" in calendar_src
@@ -302,7 +314,7 @@ def test_calendar_settings_are_close_only_and_color_the_name_field():
     assert name_idx < color_idx
     assert "nameInput.style.borderColor = colorInput.value" in calendar_src
     assert "nameInput.style.backgroundColor = colorInput.value" not in calendar_src
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
     toggle_idx = style_src.index(".cal-week-start-toggle")
     button_idx = style_src.index(".cal-week-start-btn", toggle_idx)
     assert "padding: 0;" in style_src[toggle_idx:button_idx]
@@ -312,7 +324,7 @@ def test_calendar_settings_are_close_only_and_color_the_name_field():
 
 def test_calendar_settings_actions_sync_error_and_escape_behavior():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert calendar_src.count('class="cal-settings-actions"') >= 4
     assert "justify-content: flex-end;" in style_src[style_src.index(".cal-settings-actions"):]
@@ -331,7 +343,7 @@ def test_calendar_settings_actions_sync_error_and_escape_behavior():
 
 def test_calendar_hides_navigation_in_agenda_and_event_forms():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert "_modal?.classList.toggle('cal-navigation-hidden', _view === 'agenda')" in calendar_src
     assert "_modal?.classList.add('cal-navigation-hidden')" in calendar_src
@@ -353,7 +365,7 @@ def test_calendar_event_form_escape_cancels_before_modal_close():
 
 
 def test_calendar_from_and_to_month_day_use_theme_highlight():
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     month_idx = style_src.index('input[type="date"]::-webkit-datetime-edit-month-field')
     day_idx = style_src.index('input[type="date"]::-webkit-datetime-edit-day-field', month_idx)
@@ -364,7 +376,7 @@ def test_calendar_from_and_to_month_day_use_theme_highlight():
 
 def test_calendar_location_hint_uses_accent_map_pin():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert 'class="cal-loc-hint"' in calendar_src
     assert '<span>Location</span>' in calendar_src
@@ -382,7 +394,7 @@ def test_calendar_tag_order_prioritizes_personal_work_travel_admin():
 
 def test_long_week_events_keep_their_label_visible_while_scrolling():
     calendar_src = (ROOT / "static/js/calendar.js").read_text()
-    style_src = (ROOT / "static/style.css").read_text()
+    style_src = app_css()
 
     assert 'class="cal-wk-block-label"' in calendar_src
     label_idx = style_src.index(".cal-wk-block-label")
@@ -393,8 +405,12 @@ def test_long_week_events_keep_their_label_visible_while_scrolling():
     block_idx = style_src.index(".cal-wk-block {")
     assert "overflow: clip;" in style_src[block_idx:label_idx]
     head_idx = style_src.index(".cal-wk-col-head {")
-    allday_idx = style_src.rindex(
-        ".cal-wk-allday {", 0, style_src.index(".cal-wk-allday::-webkit-scrollbar")
+    # .cal-wk-allday and its scrollbar rule may now sit in different
+    # stylesheets, so anchoring on the scrollbar rule's offset no longer finds
+    # the block. Take whichever .cal-wk-allday block carries the z-index.
+    allday_idx = next(
+        i for i in _occurrences(style_src, ".cal-wk-allday {")
+        if "z-index: 39;" in style_src[i:i + 500]
     )
     now_idx = style_src.index(".cal-wk-now {")
     assert "z-index: 40;" in style_src[head_idx:head_idx + 500]
diff --git a/tests/test_cookbook_dependency_completion_regression.py b/tests/test_cookbook_dependency_completion_regression.py
index fc21a0113..60e7f2b53 100644
--- a/tests/test_cookbook_dependency_completion_regression.py
+++ b/tests/test_cookbook_dependency_completion_regression.py
@@ -1,5 +1,7 @@
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 
@@ -302,7 +304,7 @@ def test_dependency_status_cache_is_not_fragmented_by_unused_model_hint():
 def test_model_lists_fade_after_complete_rows_are_painted():
     hwfit = _read("static/js/cookbook-hwfit.js")
     cookbook = _read("static/js/cookbook.js")
-    style = _read("static/style.css")
+    style = app_css()
 
     assert "cookbook-model-list-fade" in hwfit
     assert "cookbook-model-list-fade" in cookbook
@@ -314,7 +316,7 @@ def test_model_lists_fade_after_complete_rows_are_painted():
 
 def test_dependency_panel_has_stable_categories_and_mobile_build_action():
     cookbook = _read("static/js/cookbook.js")
-    style = _read("static/style.css")
+    style = app_css()
 
     assert "const _depCategoryOrder = ['System', 'Tools', 'LLM', 'Image'" in cookbook
     assert "const _orderedDepCategories = (byCat)" in cookbook
@@ -337,7 +339,7 @@ def test_direct_download_auto_fold_requires_deliberate_boundary_gesture():
 
 
 def test_launch_command_box_uses_accent_focus_glow():
-    style = _read("static/style.css")
+    style = app_css()
     assert ".hwfit-serve-cmd-details[open] .hwfit-serve-cmd" in style
     assert "box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent" in style
 
@@ -345,7 +347,7 @@ def test_launch_command_box_uses_accent_focus_glow():
 def test_server_settings_color_picker_uses_dot_trigger():
     cookbook = _read("static/js/cookbook.js")
     hwfit = _read("static/js/cookbook-hwfit.js")
-    style = _read("static/style.css")
+    style = app_css()
     assert 'aria-label="Change server color (currently ${esc(selectedColorLabel)})"' in cookbook
     assert "btn.setAttribute('aria-label', `Change server color (currently ${label})`)" in hwfit
     assert ".cookbook-server-row .cookbook-srv-color-dot" in style
@@ -357,7 +359,7 @@ def test_server_settings_color_picker_uses_dot_trigger():
 def test_default_server_matches_exclusive_model_directory_selector():
     cookbook = _read("static/js/cookbook.js")
     hwfit = _read("static/js/cookbook-hwfit.js")
-    style = _read("static/style.css")
+    style = app_css()
     assert "const icon = active ? _MODELDIR_CHECK_ON : _MODELDIR_CHECK_OFF;" in cookbook
     assert "_envState.defaultServer = key;" in hwfit
     assert "Toggle off if it's already the default" not in hwfit
diff --git a/tests/test_cookbook_official_trending_filter.py b/tests/test_cookbook_official_trending_filter.py
index c820742f3..69c16a576 100644
--- a/tests/test_cookbook_official_trending_filter.py
+++ b/tests/test_cookbook_official_trending_filter.py
@@ -2,6 +2,8 @@
 
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parent.parent
 COOKBOOK = (ROOT / "static/js/cookbook.js").read_text(encoding="utf-8")
@@ -18,7 +20,7 @@ def test_trending_models_expose_persistent_official_only_switch():
 
 
 def test_trending_models_list_stays_within_the_cookbook_window():
-    style = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    style = app_css()
 
     rule = style[style.index("#cookbook-hf-latest-list {"):style.index("#cookbook-hf-latest-list {") + 220]
     assert "max-height: min(52vh, 480px);" in rule
@@ -34,7 +36,7 @@ def test_trending_endpoint_applies_first_party_namespace_filter():
 
 
 def test_official_only_toggle_fits_narrow_download_toolbar():
-    style = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    style = app_css()
     start = style.rindex(".cookbook-official-filter {")
     rule = style[start:style.index("}", start)]
     assert "flex: 0 1 auto" in rule
diff --git a/tests/test_document_editor_background_static.py b/tests/test_document_editor_background_static.py
index e0b0ef943..c9329c583 100644
--- a/tests/test_document_editor_background_static.py
+++ b/tests/test_document_editor_background_static.py
@@ -1,8 +1,10 @@
 from pathlib import Path
 import re
 
+from tests.helpers.stylesheets import app_css
 
-CSS = Path("static/style.css").read_text()
+
+CSS = app_css()
 
 
 def rule_for(selector: str) -> str:
diff --git a/tests/test_document_rich_font_color_controls.py b/tests/test_document_rich_font_color_controls.py
index 7db242e97..3788df5b7 100644
--- a/tests/test_document_rich_font_color_controls.py
+++ b/tests/test_document_rich_font_color_controls.py
@@ -5,10 +5,12 @@ import re
 import subprocess
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 DOC_JS = (ROOT / "static/js/document.js").read_text(encoding="utf-8")
-STYLE = (ROOT / "static/style.css").read_text(encoding="utf-8")
+STYLE = app_css()
 
 
 def test_font_and_color_controls_use_shared_components():
diff --git a/tests/test_document_rich_image_caption.py b/tests/test_document_rich_image_caption.py
index 65d504bd1..0488e375c 100644
--- a/tests/test_document_rich_image_caption.py
+++ b/tests/test_document_rich_image_caption.py
@@ -4,10 +4,12 @@ import json
 import subprocess
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 DOC_JS = (ROOT / "static/js/document.js").read_text(encoding="utf-8")
-STYLE = (ROOT / "static/style.css").read_text(encoding="utf-8")
+STYLE = app_css()
 
 
 def test_image_caption_uses_semantic_figure_and_structured_export_paths():
diff --git a/tests/test_document_rich_input_rules.py b/tests/test_document_rich_input_rules.py
index 07a8e527b..8382b9085 100644
--- a/tests/test_document_rich_input_rules.py
+++ b/tests/test_document_rich_input_rules.py
@@ -4,10 +4,12 @@ import json
 import subprocess
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 DOC_JS = (ROOT / "static/js/document.js").read_text(encoding="utf-8")
-STYLE = (ROOT / "static/style.css").read_text(encoding="utf-8")
+STYLE = app_css()
 
 
 def test_input_rules_are_scoped_to_plain_blocks():
diff --git a/tests/test_document_rich_text_tools.py b/tests/test_document_rich_text_tools.py
index d4912c6a1..105b05322 100644
--- a/tests/test_document_rich_text_tools.py
+++ b/tests/test_document_rich_text_tools.py
@@ -2,10 +2,12 @@
 
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 DOC_JS = (ROOT / "static/js/document.js").read_text(encoding="utf-8")
-STYLE = (ROOT / "static/style.css").read_text(encoding="utf-8")
+STYLE = app_css()
 
 
 def test_rich_text_toolbar_exposes_document_formatting_controls():
diff --git a/tests/test_document_stats.py b/tests/test_document_stats.py
index 8d1d469b0..96aae9073 100644
--- a/tests/test_document_stats.py
+++ b/tests/test_document_stats.py
@@ -4,10 +4,12 @@ import json
 import subprocess
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 DOC_JS = (ROOT / "static/js/document.js").read_text(encoding="utf-8")
-STYLE = (ROOT / "static/style.css").read_text(encoding="utf-8")
+STYLE = app_css()
 
 
 def _run_stats(expression: str):
diff --git a/tests/test_gallery_detail_stage_static.py b/tests/test_gallery_detail_stage_static.py
index d27ff0d80..093f13e49 100644
--- a/tests/test_gallery_detail_stage_static.py
+++ b/tests/test_gallery_detail_stage_static.py
@@ -1,11 +1,13 @@
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 
 
 def test_gallery_detail_uses_fixed_media_stage_and_arrow_lanes():
-    css = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    css = app_css()
     image_rule = css[css.index(".gallery-detail-image {"):]
     image_rule = image_rule[:image_rule.index("}")]
 
@@ -17,7 +19,7 @@ def test_gallery_detail_uses_fixed_media_stage_and_arrow_lanes():
 
 
 def test_gallery_media_maximizes_inside_stage_without_resizing_it():
-    css = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    css = app_css()
 
     assert css.count("max-height: 100%") >= 2
     assert "object-fit: contain" in css
diff --git a/tests/test_gallery_selection_feedback_static.py b/tests/test_gallery_selection_feedback_static.py
index 1074eb213..09548cbcb 100644
--- a/tests/test_gallery_selection_feedback_static.py
+++ b/tests/test_gallery_selection_feedback_static.py
@@ -1,11 +1,13 @@
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 
 
 def test_gallery_selection_dot_has_rendered_dimensions():
-    css = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    css = app_css()
     rule = css[css.index(".gallery-select-dot {"):]
     rule = rule[:rule.index("}")]
 
@@ -15,7 +17,7 @@ def test_gallery_selection_dot_has_rendered_dimensions():
 
 
 def test_gallery_selection_highlight_is_painted_above_thumbnail():
-    css = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    css = app_css()
     selector = ".gallery-card:has(.gallery-select-dot.selected)::after"
     rule = css[css.index(selector):]
     rule = rule[:rule.index("}")]
diff --git a/tests/test_gallery_visual_static.py b/tests/test_gallery_visual_static.py
index f3d430bd8..61c36b8bb 100644
--- a/tests/test_gallery_visual_static.py
+++ b/tests/test_gallery_visual_static.py
@@ -1,6 +1,8 @@
 from pathlib import Path
 import re
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parent.parent
 
@@ -20,7 +22,7 @@ def test_gallery_exposes_active_filter_organization():
 
 def test_gallery_cards_keep_badges_without_hover_inspect_label():
     js = _read("static/js/gallery.js")
-    css = _read("static/style.css")
+    css = app_css()
 
     assert "gallery-card-overlay" in js
     assert "gallery-card-inspect" not in js
@@ -31,7 +33,7 @@ def test_gallery_cards_keep_badges_without_hover_inspect_label():
 
 def test_gallery_detail_has_richer_inspector_actions():
     js = _read("static/js/gallery.js")
-    css = _read("static/style.css")
+    css = app_css()
 
     assert "gallery-detail-inspector-head" in js
     assert "gallery-detail-meta-grid" in js
@@ -57,7 +59,7 @@ def test_gallery_static_cache_key_bumped():
 
 def test_gallery_bulk_select_button_keeps_toolbar_alignment():
     js = _read("static/js/gallery.js")
-    css = _read("static/style.css")
+    css = app_css()
 
     assert 'id="gallery-select-btn"' in js
     assert 'id="gallery-select-btn" title="Select for bulk actions" style="position:relative;top:0;"' in js
@@ -74,7 +76,7 @@ def test_gallery_bulk_select_button_keeps_toolbar_alignment():
 def test_gallery_selection_bars_share_style_and_escape_priority():
     gallery = _read("static/js/gallery.js")
     ui = _read("static/js/ui.js")
-    css = _read("static/style.css")
+    css = app_css()
 
     assert gallery.count("memory-bulk-bar gallery-selection-bar hidden") == 3
     assert "window.__galleryCancelSelection = () =>" in gallery
@@ -93,7 +95,7 @@ def test_gallery_selection_bars_share_style_and_escape_priority():
 
 def test_editor_saved_projects_support_grid_and_list_views():
     gallery = _read("static/js/gallery.js")
-    css = _read("static/style.css")
+    css = app_css()
 
     assert 'id="gallery-editor-drafts-view" role="group"' in gallery
     assert 'data-view="grid"' in gallery
@@ -136,7 +138,7 @@ def test_editor_saved_projects_support_grid_and_list_views():
 
 def test_empty_albums_show_action_tiles_instead_of_no_albums_message():
     gallery = _read("static/js/gallery.js")
-    css = _read("static/style.css")
+    css = app_css()
 
     assert "function _albumActionTiles()" in gallery
     assert 'id="gallery-albums-new"' in gallery
@@ -149,7 +151,7 @@ def test_empty_albums_show_action_tiles_instead_of_no_albums_message():
 
 
 def test_gallery_body_uses_available_window_height_without_grid_crop():
-    css = _read("static/style.css")
+    css = app_css()
 
     gallery_section = css.index("/* ── Gallery (image library) ── */")
     modal_start = css.index(".gallery-modal-content {", gallery_section)
@@ -161,7 +163,7 @@ def test_gallery_body_uses_available_window_height_without_grid_crop():
 
 
 def test_gallery_photo_search_is_not_vertically_offset():
-    css = _read("static/style.css")
+    css = app_css()
 
     search_idx = css.index(".gallery-search-wrap {")
     assert "top: 0;" in css[search_idx:search_idx + 180]
diff --git a/tests/test_notes_mobile_checklist_toggle_static.py b/tests/test_notes_mobile_checklist_toggle_static.py
index eb8dfdaa9..637bdf98f 100644
--- a/tests/test_notes_mobile_checklist_toggle_static.py
+++ b/tests/test_notes_mobile_checklist_toggle_static.py
@@ -1,12 +1,14 @@
 from pathlib import Path
 import re
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parent.parent
 
 
 def test_mobile_notes_checklist_rows_remain_tappable():
-    css = (ROOT / "static" / "style.css").read_text(encoding="utf-8")
+    css = app_css()
     notes = (ROOT / "static" / "js" / "notes.js").read_text(encoding="utf-8")
 
     assert "body.notes-mobile-mode .note-card .note-checkbox {" in css
@@ -39,7 +41,7 @@ def test_mobile_long_press_enters_select_mode_for_that_note():
 
 
 def test_mobile_select_mode_has_subtle_jiggle_feedback():
-    css = (ROOT / "static" / "style.css").read_text(encoding="utf-8")
+    css = app_css()
 
     assert "@keyframes notes-select-jiggle" in css
     assert "body.notes-mobile-mode .note-card-selectmode" in css
@@ -81,7 +83,7 @@ def test_calendar_email_attachments_have_a_calendar_import_action():
 
 def test_mobile_bulk_select_long_press_is_shared_across_card_types():
     helper = (ROOT / "static" / "js" / "mobileBulkSelect.js").read_text(encoding="utf-8")
-    css = (ROOT / "static" / "style.css").read_text(encoding="utf-8")
+    css = app_css()
 
     assert ".memory-item[data-memory-id]" in helper
     assert ".skill-card[data-skill-name]" in helper
diff --git a/tests/test_research_history_expansion.py b/tests/test_research_history_expansion.py
index d1c692f17..0a03803dd 100644
--- a/tests/test_research_history_expansion.py
+++ b/tests/test_research_history_expansion.py
@@ -3,13 +3,15 @@
 from pathlib import Path
 import re
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parent.parent
 
 
 def test_history_list_participates_in_shared_library_expansion_layout():
     panel = (ROOT / "static/js/research/panel.js").read_text(encoding="utf-8")
-    css = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    css = app_css()
 
     assert 'id="research-past-list" class="doclib-grid memory-list research-jobs-list"' in panel
     card = css[css.index("#research-pane .research-history-card {"):]
@@ -38,7 +40,7 @@ def test_history_list_participates_in_shared_library_expansion_layout():
 
 
 def test_expanded_history_report_owns_and_scrolls_the_available_height():
-    css = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    css = app_css()
 
     expanded = (
         "#research-pane #research-past-list "
diff --git a/tests/test_research_synapse_ui.py b/tests/test_research_synapse_ui.py
index fb27c1abd..2f3284328 100644
--- a/tests/test_research_synapse_ui.py
+++ b/tests/test_research_synapse_ui.py
@@ -1,5 +1,7 @@
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 
@@ -19,7 +21,7 @@ def test_active_research_visualizer_has_live_hierarchy_and_balanced_layout():
 
 
 def test_active_research_visualizer_respects_reduced_motion():
-    css = (ROOT / "static/style.css").read_text(encoding="utf-8")
+    css = app_css()
 
     assert "@media (prefers-reduced-motion: reduce)" in css
     assert ".research-synapse .rs-live-dot" in css
diff --git a/tests/test_shared_select_buttons_static.py b/tests/test_shared_select_buttons_static.py
index 423354c5a..db5f89d09 100644
--- a/tests/test_shared_select_buttons_static.py
+++ b/tests/test_shared_select_buttons_static.py
@@ -1,11 +1,23 @@
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parents[1]
 
 
+def _occurrences(text, needle):
+    """Every index of needle, so an assertion does not depend on which copy of
+    a selector the cascade happens to put first."""
+    out, i = [], text.find(needle)
+    while i != -1:
+        out.append(i)
+        i = text.find(needle, i + 1)
+    return out
+
+
 def test_bulk_select_triggers_share_dot_and_x_icons():
-    css = (ROOT / "static" / "style.css").read_text()
+    css = app_css()
 
     for selector in (
         "#memory-select-btn",
@@ -36,14 +48,14 @@ def test_library_titles_have_highlighted_respective_icons():
     source = (ROOT / "static" / "js" / "documentLibrary.js").read_text()
 
     assert source.count('class="doclib-section-title-icon"') == 4
-    assert "color: var(--accent, var(--red));" in (ROOT / "static" / "style.css").read_text()
+    assert "color: var(--accent, var(--red));" in app_css()
     for title in ("Chats", "Archive", "Research", "Documents"):
         assert f">{title} <span" in source
 
 
 def test_library_select_follows_tidy():
     source = (ROOT / "static" / "js" / "documentLibrary.js").read_text()
-    css = (ROOT / "static" / "style.css").read_text()
+    css = app_css()
 
     assert source.index('id="doclib-chats-tidy-btn"') < source.index('id="doclib-chats-select-btn"')
     assert source.index('id="doclib-research-tidy-btn"') < source.index('id="doclib-research-select-btn"')
@@ -67,7 +79,7 @@ def test_library_select_follows_tidy():
 
 def test_library_filter_chips_match_skills_count_markup():
     source = (ROOT / "static" / "js" / "documentLibrary.js").read_text()
-    css = (ROOT / "static" / "style.css").read_text()
+    css = app_css()
 
     assert "function _setLibraryCountChipContent" in source
     assert "chip.replaceChildren(text, value)" in source
@@ -89,7 +101,7 @@ def test_launch_cookbook_filter_chips_match_skills():
 
 
 def test_launch_search_select_and_tags_move_up_together():
-    css = (ROOT / "static" / "style.css").read_text()
+    css = app_css()
 
     rule = css[css.index("#serve-search,"):css.index("#serve-search,") + 140]
     assert "#hwfit-cache-select," in rule
@@ -109,11 +121,16 @@ def test_launch_search_select_and_tags_move_up_together():
 
 
 def test_launch_server_selector_and_model_search_move_up_together():
-    css = (ROOT / "static" / "style.css").read_text()
+    css = app_css()
 
-    rule = css[css.index("#hwfit-server-select,"):css.index("#hwfit-server-select,") + 130]
-    assert "#hwfit-search" in rule
-    assert "top: -2px !important;" in rule
+    # The stylesheets are split across several files, so this selector group
+    # is not guaranteed to be the first occurrence of its opening selector.
+    # Check every occurrence instead of a fixed offset into the cascade.
+    rules = [css[i:i + 130] for i in _occurrences(css, "#hwfit-server-select,")]
+    assert any(
+        "#hwfit-search" in rule and "top: -2px !important;" in rule
+        for rule in rules
+    ), "no #hwfit-server-select rule groups #hwfit-search with top: -2px !important"
 
 
 def test_launch_heading_uses_accented_flame_icon():
@@ -133,7 +150,7 @@ def test_launch_heading_reports_cached_model_count():
 
 
 def test_launch_search_matches_document_library_search_treatment():
-    css = (ROOT / "static" / "style.css").read_text()
+    css = app_css()
 
     rule = css[css.index("#hwfit-search {", css.index("#hwfit-server-select,")):][:700]
     assert "height: 30px;" in rule
@@ -151,7 +168,7 @@ def test_launch_search_matches_document_library_search_treatment():
 
 def test_memory_filter_chips_match_skills_and_are_not_cropped():
     source = (ROOT / "static" / "js" / "memory.js").read_text()
-    css = (ROOT / "static" / "style.css").read_text()
+    css = app_css()
 
     assert "skills-summary-chip memory-filter-chip" in source
     assert "btn.replaceChildren(label, count)" in source
diff --git a/tests/test_skills_saved_turns_ui.py b/tests/test_skills_saved_turns_ui.py
index 6510a7606..8bcf12a58 100644
--- a/tests/test_skills_saved_turns_ui.py
+++ b/tests/test_skills_saved_turns_ui.py
@@ -2,11 +2,13 @@ import re
 import subprocess
 from pathlib import Path
 
+from tests.helpers.stylesheets import app_css
+
 
 ROOT = Path(__file__).resolve().parent.parent
 SKILLS_JS = (ROOT / "static/js/skills.js").read_text(encoding="utf-8")
 METRICS_JS = (ROOT / "static/js/skillsMetrics.js").read_text(encoding="utf-8")
-STYLE = (ROOT / "static/style.css").read_text(encoding="utf-8")
+STYLE = app_css()
 INDEX = (ROOT / "static/index.html").read_text(encoding="utf-8")