fix: show assistant member gate in place

static/styles.css

@@ -11014,17 +11014,6 @@ button.account-role-badge:focus-visible { outline: 2px solid var(--blue); outlin
 .membership-status-grid > div { padding: 12px 13px; border: 1px solid var(--line, #e2e8ee); border-radius: 10px; background: #fbfcfd; }
 .membership-status-grid span { display: block; color: #74808c; font-size: 11px; }
 .membership-status-grid strong { display: block; margin-top: 5px; color: #26323d; font-size: 15px; font-variant-numeric: tabular-nums; }
-.membership-access-notice {
-  margin: 0 0 12px;
-  padding: 10px 12px;
-  border: 1px solid #ead9ac;
-  border-radius: 6px;
-  background: #fff9ea;
-  color: #775316;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1.5;
-}
 .membership-comparison { overflow: hidden; border: 1px solid var(--line, #e2e8ee); border-radius: 10px; font-size: 12px; }
 .membership-comparison > div { display: grid; grid-template-columns: minmax(0, 1.6fr) .7fr .7fr; gap: 8px; align-items: center; padding: 9px 11px; border-top: 1px solid var(--line, #e2e8ee); }
 .membership-comparison > div:first-child { border-top: 0; }
@@ -11544,6 +11533,14 @@ button.account-role-badge:focus-visible { outline: 2px solid var(--blue); outlin
 
 .assistant-button.member-locked-control { color: var(--text-secondary); opacity: 0.72; }
 .assistant-dialog { width: min(820px, calc(100vw - 32px)); max-height: min(860px, calc(100dvh - 32px)); }
+.assistant-member-gate { margin: 14px 18px 0; }
+.assistant-member-content { transition: opacity var(--motion-medium) ease, filter var(--motion-medium) ease; }
+.assistant-dialog.member-locked .assistant-member-content {
+  opacity: .42;
+  filter: grayscale(.38);
+  pointer-events: none;
+  user-select: none;
+}
 .assistant-messages { min-height: 320px; max-height: min(540px, calc(100dvh - 340px)); overflow-y: auto; padding: 18px; background: var(--surface-muted); scroll-behavior: smooth; }
 .assistant-message { max-width: 88%; margin-bottom: 14px; }
 .assistant-message.user { margin-left: auto; }
@@ -11588,6 +11585,7 @@ button.account-role-badge:focus-visible { outline: 2px solid var(--blue); outlin
 
 @media (max-width: 720px) {
   .assistant-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); margin: 8px auto; }
+  .assistant-member-gate { margin: 10px 13px 0; }
   .assistant-messages { min-height: 260px; max-height: calc(100dvh - 390px); padding: 13px; }
   .assistant-message { max-width: 96%; }
   .assistant-form { grid-template-columns: 1fr; }
@@ -11596,6 +11594,7 @@ button.account-role-badge:focus-visible { outline: 2px solid var(--blue); outlin
 }
 
 @media (prefers-reduced-motion: reduce) {
+  .assistant-member-content { transition: none; }
   .assistant-stream-caret { animation: none; }
   .assistant-messages { scroll-behavior: auto; }
 }