ltcai 4.6.1 → 4.7.2

package/frontend/src/styles.css

@@ -1238,6 +1238,7 @@ body {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  gap: 0.75rem;
   padding-bottom: 0.65rem;
   color: hsl(var(--fg-muted));
   font-size: 0.75rem;
@@ -1245,6 +1246,50 @@ body {
   text-transform: uppercase;
 }
 
+.brain-ownership-strip {
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: center;
+  gap: 0.45rem;
+  min-width: 0;
+}
+
+.brain-ownership-strip span {
+  border: 1px solid hsl(var(--border) / 0.58);
+  border-radius: 999px;
+  background: hsl(var(--surface-glass));
+  padding: 0.28rem 0.58rem;
+  color: hsl(var(--fg-muted));
+  font-size: 0.62rem;
+  font-weight: 780;
+  white-space: nowrap;
+}
+
+.brain-admin-link {
+  display: inline-flex;
+  min-height: 2rem;
+  align-items: center;
+  gap: 0.35rem;
+  border: 1px solid hsl(var(--border) / 0.58);
+  border-radius: 999px;
+  background: hsl(var(--surface-glass));
+  color: hsl(var(--fg-muted));
+  padding: 0 0.62rem;
+  font-size: 0.68rem;
+  font-weight: 820;
+  letter-spacing: 0;
+  text-transform: none;
+  transition: border-color 150ms ease, color 150ms ease, background 150ms ease;
+}
+
+.brain-admin-link:hover,
+.brain-admin-link:focus-visible {
+  border-color: hsl(var(--brain-core) / 0.72);
+  background: hsl(var(--brain-core) / 0.08);
+  color: hsl(var(--fg));
+  outline: none;
+}
+
 .brain-stream {
   flex: 1 1 auto;
   overflow-y: auto;
@@ -1253,6 +1298,107 @@ body {
   mask-image: linear-gradient(transparent, black 6%, black 92%, transparent);
 }
 
+.brain-overview-panel {
+  margin: 0 0 1rem;
+  border: 1px solid hsl(var(--border) / 0.58);
+  border-radius: 8px;
+  background: hsl(var(--surface-glass));
+  padding: 0.8rem;
+  box-shadow: 0 14px 34px hsl(200 30% 3% / 0.16);
+  backdrop-filter: blur(18px);
+}
+
+.brain-overview-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.8rem;
+  margin-bottom: 0.72rem;
+}
+
+.brain-overview-head span {
+  display: block;
+  color: hsl(var(--fg-muted));
+  font-size: 0.68rem;
+  font-weight: 820;
+}
+
+.brain-overview-head strong {
+  display: block;
+  margin-top: 0.14rem;
+  font-size: 0.94rem;
+}
+
+.brain-overview-head button {
+  min-height: 2rem;
+  border: 1px solid hsl(var(--brain-core) / 0.38);
+  border-radius: 999px;
+  background: hsl(var(--brain-core) / 0.08);
+  color: hsl(var(--fg));
+  padding: 0 0.75rem;
+  font-size: 0.78rem;
+  font-weight: 760;
+}
+
+.brain-overview-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 0.62rem;
+}
+
+.brain-overview-column {
+  display: grid;
+  min-height: 6.4rem;
+  align-content: start;
+  gap: 0.34rem;
+  border: 1px solid hsl(var(--border) / 0.5);
+  border-radius: 8px;
+  background: hsl(var(--bg) / 0.38);
+  color: hsl(var(--fg));
+  padding: 0.66rem;
+  text-align: left;
+  transition: border-color 150ms ease, background 150ms ease;
+}
+
+.brain-overview-column:hover,
+.brain-overview-column:focus-visible {
+  border-color: hsl(var(--brain-core) / 0.65);
+  background: hsl(var(--brain-core) / 0.07);
+  outline: none;
+}
+
+.brain-overview-column span {
+  color: hsl(var(--fg-muted));
+  font-size: 0.68rem;
+  font-weight: 820;
+}
+
+.brain-overview-column strong {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 0.8rem;
+  line-height: 1.2;
+}
+
+.brain-overview-column em {
+  color: hsl(var(--fg-muted));
+  font-size: 0.8rem;
+  font-style: normal;
+  line-height: 1.35;
+}
+
+.brain-save-feedback {
+  border: 1px solid hsl(var(--memory) / 0.38);
+  border-radius: 8px;
+  background: hsl(var(--memory) / 0.08);
+  color: hsl(var(--fg));
+  padding: 0.58rem 0.72rem;
+  font-size: 0.84rem;
+  font-weight: 720;
+}
+
 .brain-message {
   max-width: 78%;
   margin-bottom: 1.1rem;
@@ -1696,6 +1842,43 @@ body {
   line-height: 1.05;
 }
 
+.brain-depth-actions {
+  position: absolute;
+  left: 50%;
+  bottom: 4.15rem;
+  z-index: 6;
+  display: flex;
+  max-width: min(94vw, 31rem);
+  transform: translateX(-50%);
+  gap: 0.35rem;
+  border: 1px solid hsl(var(--border) / 0.52);
+  border-radius: 999px;
+  background: hsl(var(--surface-glass));
+  padding: 0.32rem;
+  box-shadow: 0 14px 38px hsl(200 30% 3% / 0.22);
+  backdrop-filter: blur(18px);
+}
+
+.brain-depth-actions button {
+  min-height: 2rem;
+  border: 0;
+  border-radius: 999px;
+  background: transparent;
+  color: hsl(var(--fg-muted));
+  padding: 0 0.68rem;
+  font-size: 0.78rem;
+  font-weight: 760;
+  white-space: nowrap;
+}
+
+.brain-depth-actions button:hover,
+.brain-depth-actions button:focus-visible,
+.brain-depth-actions button.is-active {
+  background: hsl(var(--brain-core) / 0.12);
+  color: hsl(var(--fg));
+  outline: none;
+}
+
 .memory-fragment,
 .concept-signal,
 .graph-node {
@@ -1934,122 +2117,730 @@ body {
   margin-top: 0.2rem;
 }
 
-.brain-image-input {
-  display: inline-flex;
-  cursor: pointer;
-  align-items: center;
-  gap: 0.4rem;
-  border: 1px solid hsl(var(--border) / 0.68);
-  border-radius: 999px;
-  padding: 0.42rem 0.78rem;
-  color: hsl(var(--fg-muted));
-  font-size: 0.78rem;
+.brain-care-panel {
+  display: grid;
+  border: 1px solid hsl(var(--border) / 0.64);
+  border-radius: 8px;
+  background:
+    linear-gradient(135deg, hsl(var(--surface-glass)), hsl(var(--bg) / 0.68)),
+    linear-gradient(90deg, hsl(var(--memory) / 0.08), transparent 45%, hsl(var(--brain-core) / 0.08));
+  overflow: hidden;
+  box-shadow: 0 14px 36px hsl(200 30% 3% / 0.2);
+  backdrop-filter: blur(18px);
 }
 
-.mind-empty-kicker {
-  margin-bottom: 0.4rem;
-  font-size: 0.72rem;
-  font-weight: 800;
-  letter-spacing: 1.5px;
-  text-transform: uppercase;
-  opacity: 0.52;
+.brain-care-summary {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  padding: 0.72rem 0.82rem;
+  text-align: left;
 }
 
-@keyframes relationship-flow {
-  from {
-    stroke-dashoffset: 24;
-  }
-  to {
-    stroke-dashoffset: 0;
-  }
+.brain-care-summary:hover,
+.brain-care-summary:focus-visible {
+  background: hsl(var(--memory) / 0.07);
+  outline: none;
 }
 
-/* Product flow — now a quiet ritual, not a wizard */
-.product-flow-shell {
-  min-height: 100vh;
+.brain-care-summary-main {
   display: grid;
-  place-items: center;
-  padding: 2.5rem 1.25rem;
-  background: radial-gradient(100% 70% at 50% 15%, hsl(var(--bg-elevated)), hsl(var(--bg)));
+  min-width: 0;
+  gap: 0.16rem;
 }
 
-.product-flow-shell .living-brain { transform: scale(0.82); }
-
-.flow-ritual {
-  width: min(100%, 620px);
-  text-align: center;
+.brain-care-summary-main span,
+.brain-care-proof span,
+.brain-care-button small,
+.brain-care-note,
+.brain-care-result {
+  color: hsl(var(--fg-muted));
+  font-size: 0.72rem;
 }
 
-.flow-ritual h1 {
-  font-size: clamp(2.1rem, 5.2vw, 3.1rem);
-  font-weight: 700;
-  line-height: 1.0;
-  margin: 1.1rem 0 0.6rem;
+.brain-care-summary-main span {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.36rem;
+  font-weight: 800;
+  text-transform: uppercase;
 }
 
-.flow-ritual p {
-  color: hsl(var(--fg-muted));
-  font-size: 1.01rem;
-  max-width: 42ch;
-  margin: 0 auto;
+.brain-care-summary-main strong {
+  display: block;
+  overflow: hidden;
+  color: hsl(var(--fg));
+  font-size: 0.94rem;
+  line-height: 1.16;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.ritual-brain {
-  margin: 1.4rem auto 1.6rem;
+.brain-care-proof {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0.35rem;
 }
 
-/* Make old chrome and dock very quiet or hidden in main brain experience */
-.app-chrome, .primary-dock, .ambient-brain {
-  display: none !important;
+.brain-care-proof span {
+  border: 1px solid hsl(var(--border) / 0.58);
+  border-radius: 999px;
+  background: hsl(var(--bg) / 0.42);
+  padding: 0.25rem 0.48rem;
+  white-space: nowrap;
 }
 
-.page-shell {
-  padding: 0;
-  max-width: none;
-  width: 100%;
+.brain-care-toggle {
+  flex: 0 0 auto;
+  color: hsl(var(--fg-muted));
+  transition: transform 150ms ease;
 }
 
-/* Gentle empty / loading for the mind */
-.mind-empty {
-  text-align: center;
-  padding: 3rem 1rem;
-  color: hsl(var(--fg-muted));
+.brain-care-panel.is-expanded .brain-care-toggle {
+  transform: rotate(180deg);
 }
 
-.mind-empty .icon {
-  opacity: 0.5;
-  margin-bottom: 0.8rem;
+.brain-care-details {
+  display: grid;
+  gap: 0.75rem;
+  border-top: 1px solid hsl(var(--border) / 0.5);
+  padding: 0.82rem;
 }
 
-/* Loading as thinking */
-.thinking {
-  animation: thinking-subtle 1.6s ease-in-out infinite;
+.brain-care-actions,
+.brain-care-archive,
+.brain-care-archive-actions {
+  display: flex;
+  gap: 0.5rem;
 }
 
-@keyframes thinking-subtle {
-  0%,100% { opacity: 0.6; }
-  50% { opacity: 1; }
+.brain-care-actions {
+  flex-wrap: wrap;
 }
 
-/* Success is quiet */
-.brain-quiet-success {
-  font-size: 0.78rem;
-  color: hsl(var(--memory));
+.brain-care-button {
   display: inline-flex;
+  min-width: 7.2rem;
+  flex: 1 1 7.2rem;
   align-items: center;
-  gap: 0.35rem;
+  gap: 0.52rem;
+  border: 1px solid hsl(var(--border) / 0.68);
+  border-radius: 8px;
+  background: hsl(var(--bg) / 0.42);
+  padding: 0.58rem 0.62rem;
+  color: hsl(var(--fg));
+  text-align: left;
+  transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
 }
 
-/* Responsive care */
-@media (max-width: 720px) {
-  .brain-presence { padding-top: 1.4rem; }
-  .brain-organism { width: 200px; height: 200px; }
-  .brain-conversation { padding-bottom: 5.5rem; }
-  .depths { bottom: 0.9rem; }
+.brain-care-button:hover:not(:disabled),
+.brain-care-button:focus-visible {
+  border-color: hsl(var(--memory) / 0.72);
+  background: hsl(var(--memory) / 0.08);
+  outline: none;
+  transform: translateY(-1px);
 }
 
-/* Ritual / Onboarding flow — uses the same living language as the Brain experience */
-.ritual-shell {
+.brain-care-button:disabled {
+  cursor: not-allowed;
+  opacity: 0.52;
+}
+
+.brain-care-button svg {
+  flex: 0 0 auto;
+  color: hsl(var(--memory));
+}
+
+.brain-care-button span {
+  display: grid;
+  min-width: 0;
+  gap: 0.08rem;
+}
+
+.brain-care-button strong {
+  overflow: hidden;
+  font-size: 0.82rem;
+  line-height: 1.12;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.brain-care-button small {
+  overflow: hidden;
+  line-height: 1.1;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.brain-care-archive {
+  flex-wrap: wrap;
+}
+
+.brain-care-archive input {
+  min-width: 0;
+  min-height: 2.2rem;
+  flex: 1 1 12rem;
+  border: 1px solid hsl(var(--border) / 0.68);
+  border-radius: 8px;
+  background: hsl(var(--bg) / 0.5);
+  color: hsl(var(--fg));
+  outline: none;
+  padding: 0 0.68rem;
+  font-size: 0.82rem;
+}
+
+.brain-care-archive input:focus {
+  border-color: hsl(var(--brain-core) / 0.68);
+  box-shadow: 0 0 0 3px hsl(var(--brain-core) / 0.1);
+}
+
+.brain-care-archive-actions {
+  flex: 1 1 14rem;
+  flex-wrap: wrap;
+}
+
+.brain-care-archive-actions button {
+  flex: 1 1 6.6rem;
+  min-height: 2.2rem;
+  border-radius: 8px;
+}
+
+.brain-care-note,
+.brain-care-result {
+  margin: 0;
+  line-height: 1.35;
+}
+
+.brain-care-result {
+  border: 1px solid hsl(var(--border) / 0.58);
+  border-radius: 8px;
+  background: hsl(var(--bg) / 0.38);
+  padding: 0.48rem 0.58rem;
+}
+
+.brain-care-result.is-ok {
+  border-color: hsl(var(--memory) / 0.46);
+  color: hsl(var(--memory));
+}
+
+.brain-care-result.is-error {
+  border-color: hsl(var(--destructive) / 0.46);
+  color: hsl(var(--destructive));
+}
+
+.admin-console {
+  position: relative;
+  z-index: 2;
+  width: min(1180px, calc(100vw - 2rem));
+  margin: 0 auto;
+  padding: clamp(1rem, 3vw, 2.25rem) 0 3rem;
+}
+
+.admin-console-header {
+  display: flex;
+  align-items: flex-start;
+  gap: 1rem;
+  margin-bottom: 1rem;
+  border-bottom: 1px solid hsl(var(--border) / 0.55);
+  padding-bottom: 1rem;
+}
+
+.admin-console-header h1,
+.admin-panel-head h2 {
+  margin: 0;
+  color: hsl(var(--fg));
+  letter-spacing: 0;
+}
+
+.admin-console-header h1 {
+  font-size: clamp(1.75rem, 4vw, 3rem);
+  line-height: 1;
+}
+
+.admin-console-header span,
+.admin-panel-head span,
+.admin-metric span,
+.admin-list-row span,
+.admin-empty,
+.admin-operation span,
+.admin-metric small {
+  color: hsl(var(--fg-muted));
+}
+
+.admin-console-header > div > span,
+.admin-panel-head span,
+.admin-metric span {
+  font-size: 0.72rem;
+  font-weight: 850;
+  text-transform: uppercase;
+}
+
+.admin-console-header p {
+  max-width: 44rem;
+  margin: 0.5rem 0 0;
+  color: hsl(var(--fg-muted));
+  line-height: 1.45;
+}
+
+.admin-back-button {
+  display: inline-flex;
+  flex: 0 0 auto;
+  min-height: 2.4rem;
+  align-items: center;
+  gap: 0.45rem;
+  border: 1px solid hsl(var(--border) / 0.7);
+  border-radius: 999px;
+  background: hsl(var(--surface-glass));
+  color: hsl(var(--fg));
+  padding: 0 0.85rem;
+}
+
+.admin-back-button:hover,
+.admin-back-button:focus-visible {
+  border-color: hsl(var(--brain-core) / 0.72);
+  outline: none;
+}
+
+.admin-metrics,
+.admin-grid {
+  display: grid;
+  gap: 0.85rem;
+}
+
+.admin-metrics {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  margin-bottom: 0.85rem;
+}
+
+.admin-metric,
+.admin-panel {
+  border: 1px solid hsl(var(--border) / 0.68);
+  border-radius: 8px;
+  background:
+    linear-gradient(180deg, hsl(var(--surface-glass)), hsl(var(--bg) / 0.68)),
+    linear-gradient(90deg, hsl(var(--memory) / 0.06), transparent 42%, hsl(var(--knowledge) / 0.06));
+  box-shadow: 0 18px 46px hsl(200 30% 3% / 0.22);
+  backdrop-filter: blur(18px);
+}
+
+.admin-metric {
+  display: grid;
+  gap: 0.18rem;
+  min-height: 8.2rem;
+  padding: 0.9rem;
+}
+
+.admin-metric > div {
+  display: grid;
+  width: 2.1rem;
+  height: 2.1rem;
+  place-items: center;
+  border-radius: 8px;
+  background: hsl(var(--brain-core) / 0.12);
+  color: hsl(var(--brain-core));
+}
+
+.admin-metric strong {
+  overflow: hidden;
+  font-size: 1.45rem;
+  line-height: 1.05;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.admin-metric small {
+  overflow: hidden;
+  font-size: 0.74rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.admin-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.admin-panel {
+  display: grid;
+  align-content: start;
+  gap: 0.8rem;
+  min-height: 20rem;
+  padding: 0.95rem;
+}
+
+.admin-panel-head {
+  display: grid;
+  gap: 0.14rem;
+}
+
+.admin-panel-head h2 {
+  font-size: 1.1rem;
+}
+
+.admin-list {
+  display: grid;
+  gap: 0.45rem;
+}
+
+.admin-log-filters {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(8.5rem, 0.65fr) auto;
+  gap: 0.45rem;
+  align-items: center;
+}
+
+.admin-log-filters label {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  gap: 0.4rem;
+  border: 1px solid hsl(var(--border) / 0.54);
+  border-radius: 8px;
+  background: hsl(var(--bg) / 0.34);
+  padding: 0.44rem 0.52rem;
+  color: hsl(var(--fg-muted));
+}
+
+.admin-log-filters input,
+.admin-log-filters select {
+  min-width: 0;
+  width: 100%;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: hsl(var(--fg));
+  font: inherit;
+  font-size: 0.78rem;
+}
+
+.admin-log-filters span,
+.admin-retention span {
+  color: hsl(var(--fg-muted));
+  font-size: 0.76rem;
+}
+
+.admin-list-row {
+  display: flex;
+  min-height: 3.15rem;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  border: 1px solid hsl(var(--border) / 0.48);
+  border-radius: 8px;
+  background: hsl(var(--bg) / 0.35);
+  padding: 0.58rem 0.65rem;
+}
+
+.admin-list-row strong,
+.admin-list-row span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.admin-list-row strong {
+  min-width: 0;
+  font-size: 0.88rem;
+}
+
+.admin-list-row span {
+  flex: 0 1 45%;
+  text-align: right;
+  font-size: 0.74rem;
+}
+
+.admin-empty {
+  display: grid;
+  min-height: 11rem;
+  place-items: center;
+  border: 1px dashed hsl(var(--border) / 0.6);
+  border-radius: 8px;
+  background: hsl(var(--bg) / 0.28);
+  font-size: 0.86rem;
+  text-align: center;
+}
+
+.admin-operation {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.85rem;
+  border: 1px solid hsl(var(--border) / 0.48);
+  border-radius: 8px;
+  background: hsl(var(--bg) / 0.35);
+  padding: 0.78rem;
+}
+
+.admin-operation > div {
+  display: grid;
+  min-width: 0;
+  gap: 0.16rem;
+}
+
+.admin-operation span {
+  font-size: 0.8rem;
+  line-height: 1.35;
+}
+
+.admin-policy-strip {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+}
+
+.admin-policy-strip span {
+  border: 1px solid hsl(var(--border) / 0.58);
+  border-radius: 999px;
+  background: hsl(var(--bg) / 0.42);
+  color: hsl(var(--fg-muted));
+  padding: 0.32rem 0.56rem;
+  font-size: 0.74rem;
+}
+
+.admin-retention {
+  display: grid;
+  gap: 0.18rem;
+  border: 1px solid hsl(var(--border) / 0.48);
+  border-radius: 8px;
+  background: hsl(var(--bg) / 0.35);
+  padding: 0.68rem;
+}
+
+.admin-retention strong {
+  color: hsl(var(--fg));
+  font-size: 0.88rem;
+}
+
+.brain-image-input {
+  display: inline-flex;
+  cursor: pointer;
+  align-items: center;
+  gap: 0.4rem;
+  border: 1px solid hsl(var(--border) / 0.68);
+  border-radius: 999px;
+  padding: 0.42rem 0.78rem;
+  color: hsl(var(--fg-muted));
+  font-size: 0.78rem;
+}
+
+.mind-empty-kicker {
+  margin-bottom: 0.4rem;
+  font-size: 0.72rem;
+  font-weight: 800;
+  letter-spacing: 1.5px;
+  text-transform: uppercase;
+  opacity: 0.52;
+}
+
+@keyframes relationship-flow {
+  from {
+    stroke-dashoffset: 24;
+  }
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+
+/* Product flow — now a quiet ritual, not a wizard */
+.product-flow-shell {
+  min-height: 100vh;
+  display: grid;
+  place-items: center;
+  padding: 2.5rem 1.25rem;
+  background: radial-gradient(100% 70% at 50% 15%, hsl(var(--bg-elevated)), hsl(var(--bg)));
+}
+
+.product-flow-shell .living-brain { transform: scale(0.82); }
+
+.flow-ritual {
+  width: min(100%, 620px);
+  text-align: center;
+}
+
+.flow-ritual h1 {
+  font-size: clamp(2.1rem, 5.2vw, 3.1rem);
+  font-weight: 700;
+  line-height: 1.0;
+  margin: 1.1rem 0 0.6rem;
+}
+
+.flow-ritual p {
+  color: hsl(var(--fg-muted));
+  font-size: 1.01rem;
+  max-width: 42ch;
+  margin: 0 auto;
+}
+
+.ritual-brain {
+  margin: 1.4rem auto 1.6rem;
+}
+
+/* Make old chrome and dock very quiet or hidden in main brain experience */
+.app-chrome, .primary-dock, .ambient-brain {
+  display: none !important;
+}
+
+.page-shell {
+  padding: 0;
+  max-width: none;
+  width: 100%;
+}
+
+/* Gentle empty / loading for the mind */
+.mind-empty {
+  text-align: center;
+  padding: 2.4rem 1rem;
+  color: hsl(var(--fg-muted));
+}
+
+.mind-empty-title {
+  max-width: 34rem;
+  margin: 0 auto 0.5rem;
+  color: hsl(var(--fg));
+  font-size: 1.1rem;
+  font-weight: 650;
+  line-height: 1.2;
+}
+
+.mind-empty p {
+  max-width: 39rem;
+  margin: 0 auto;
+  font-size: 0.9rem;
+  line-height: 1.45;
+}
+
+.mind-empty-prompts {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 0.48rem;
+  margin-top: 1rem;
+}
+
+.mind-empty-prompts button {
+  max-width: 100%;
+  border: 1px solid hsl(var(--border) / 0.62);
+  border-radius: 999px;
+  background: hsl(var(--bg) / 0.46);
+  color: hsl(var(--fg));
+  padding: 0.46rem 0.7rem;
+  font-size: 0.78rem;
+  line-height: 1.15;
+  transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
+}
+
+.mind-empty-prompts button:hover,
+.mind-empty-prompts button:focus-visible {
+  border-color: hsl(var(--memory) / 0.7);
+  background: hsl(var(--memory) / 0.08);
+  outline: none;
+  transform: translateY(-1px);
+}
+
+.mind-empty .icon {
+  opacity: 0.5;
+  margin-bottom: 0.8rem;
+}
+
+/* Loading as thinking */
+.thinking {
+  animation: thinking-subtle 1.6s ease-in-out infinite;
+}
+
+@keyframes thinking-subtle {
+  0%,100% { opacity: 0.6; }
+  50% { opacity: 1; }
+}
+
+/* Success is quiet */
+.brain-quiet-success {
+  font-size: 0.78rem;
+  color: hsl(var(--memory));
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+}
+
+/* Responsive care */
+@media (max-width: 720px) {
+  .brain-presence { padding-top: 1.4rem; }
+  .brain-organism { width: 200px; height: 200px; }
+  .brain-conversation { padding-bottom: 5.5rem; }
+  .brain-conversation-header { flex-wrap: wrap; }
+  .brain-depth-actions {
+    bottom: 3.55rem;
+    width: min(100vw - 1rem, 24rem);
+    overflow-x: auto;
+    justify-content: flex-start;
+  }
+  .brain-depth-actions button {
+    flex: 0 0 auto;
+  }
+  .brain-overview-grid {
+    grid-template-columns: 1fr;
+  }
+  .brain-overview-head {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+  .brain-care-summary {
+    display: grid;
+  }
+  .brain-care-proof {
+    justify-content: flex-start;
+  }
+  .brain-care-button,
+  .brain-care-archive input,
+  .brain-care-archive-actions {
+    flex-basis: 100%;
+  }
+  .brain-care-archive-actions button {
+    flex-basis: calc(50% - 0.25rem);
+  }
+  .admin-console {
+    width: min(100% - 1rem, 1180px);
+  }
+  .admin-console-header {
+    display: grid;
+  }
+  .admin-metrics,
+  .admin-grid {
+    grid-template-columns: 1fr;
+  }
+  .admin-list-row,
+  .admin-operation {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+  .admin-list-row span {
+    flex-basis: auto;
+    max-width: 100%;
+    text-align: left;
+  }
+  .mind-empty {
+    padding-inline: 0.4rem;
+  }
+  .mind-empty-prompts {
+    display: grid;
+  }
+  .mind-empty-prompts button {
+    width: 100%;
+    text-align: left;
+  }
+  .ritual-promise {
+    grid-template-columns: 1fr;
+  }
+  .brain-ownership-strip { order: 3; flex-basis: 100%; justify-content: flex-start; overflow-x: auto; }
+  .depths { bottom: 0.9rem; }
+}
+
+/* Ritual / Onboarding flow — uses the same living language as the Brain experience */
+.ritual-shell {
   min-height: 100vh;
   display: flex;
   align-items: center;
@@ -2082,6 +2873,39 @@ body {
   margin: 0 auto 1.5rem;
 }
 
+.ritual-promise {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 0.65rem;
+  margin: 0 auto 1.15rem;
+  max-width: 680px;
+}
+
+.ritual-promise div {
+  border: 1px solid hsl(var(--border) / 0.54);
+  border-radius: 8px;
+  background: hsl(var(--bg) / 0.42);
+  padding: 0.72rem 0.78rem;
+  text-align: left;
+}
+
+.ritual-promise span {
+  display: block;
+  color: hsl(var(--fg-muted));
+  font-size: 0.68rem;
+  font-weight: 800;
+  text-transform: uppercase;
+}
+
+.ritual-promise strong {
+  display: block;
+  margin-top: 0.18rem;
+  color: hsl(var(--fg));
+  font-size: 0.84rem;
+  font-weight: 620;
+  line-height: 1.25;
+}
+
 .ritual-card {
   background: hsl(var(--surface-glass));
   border: 1px solid hsl(var(--border) / 0.65);