✦ WIRED CHASSIS

dark

• Primary#e3e6e4
• Secondary#929795
• Background#0e1010
• Text#edf0ef
• Danger#e08a96
• Success#82c1ad
• Warning#d6b476
• Speech#edf0ef
• Thoughts#aeb3b0

/* ========================================================================== 
   DORON SUPPLY // GRAPHIC OS
   Monochrome creative-workstation theme for Lumiverse
   ========================================================================== */

/* 0. Bundled type system --------------------------------------------------- */
@font-face {
  font-family: "Doron Display";
  src: url("assets/fonts/orbitron-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "Doron Mono";
  src: url("assets/fonts/share-tech-mono-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* 1. System tokens --------------------------------------------------------- */
:root,
html,
html[data-theme-mode="light"],
html[data-theme-mode="dark"],
body {
  --ds-ink: #17191b;
  --ds-ink-2: #303336;
  --ds-ink-3: #62666a;
  --ds-quiet: #92979b;
  --ds-line: rgba(23, 25, 27, 0.58);
  --ds-line-soft: rgba(23, 25, 27, 0.18);
  --ds-paper: #f3f3f1;
  --ds-paper-bright: #fbfbfa;
  --ds-paper-mid: #e5e6e4;
  --ds-paper-deep: #d3d5d4;
  --ds-black: #202326;
  --ds-danger: #9f3340;
  --ds-success: #2f6c5d;
  --ds-warning: #8a642b;
  --ds-font-display: "Doron Display", "Arial Narrow", "Segoe UI", sans-serif;
  --ds-font-mono: "Doron Mono", "SFMono-Regular", Consolas, monospace;
  --ds-font-body: "Segoe UI", Arial, sans-serif;
  --ds-cut-sm: 6px;
  --ds-cut: 12px;
  --ds-cut-lg: 18px;
  --ds-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset,
               0 0 0 1px rgba(255, 255, 255, 0.35),
               0 8px 24px rgba(23, 25, 27, 0.12);

  --lumiverse-primary: #26292c !important;
  --lumiverse-primary-hover: #08090a !important;
  --lumiverse-primary-light: rgba(23, 25, 27, 0.08) !important;
  --lumiverse-primary-soft: rgba(23, 25, 27, 0.10) !important;
  --lumiverse-primary-muted: rgba(23, 25, 27, 0.58) !important;
  --lumiverse-primary-text: #17191b !important;
  --lumiverse-primary-010: rgba(23, 25, 27, 0.06) !important;
  --lumiverse-primary-015: rgba(23, 25, 27, 0.10) !important;
  --lumiverse-primary-020: rgba(23, 25, 27, 0.14) !important;
  --lumiverse-primary-050: rgba(23, 25, 27, 0.48) !important;
  --lumiverse-primary-contrast: #f8f8f6 !important;
  --lumiverse-primary-deep: #17191b !important;
  --lumiverse-primary-deep-hover: #050607 !important;
  --lumiverse-primary-deep-contrast: #ffffff !important;

  --lumiverse-bg: #e3e4e2 !important;
  --lumiverse-bg-elevated: #f2f2f0 !important;
  --lumiverse-bg-hover: #d9dad8 !important;
  --lumiverse-bg-dark: rgba(23, 25, 27, 0.06) !important;
  --lumiverse-bg-darker: rgba(23, 25, 27, 0.11) !important;
  --lumiverse-bg-deep: #cfd1d0 !important;
  --lumiverse-bg-deep-080: rgba(207, 209, 208, 0.92) !important;
  --lumiverse-surface: #f0f0ee !important;
  --lumiverse-surface-raised: #fafaf8 !important;
  --lumiverse-surface-hover: #e2e3e1 !important;
  --lumiverse-surface-muted: rgba(23, 25, 27, 0.05) !important;
  --lumiverse-input-bg: rgba(255, 255, 255, 0.56) !important;
  --lumiverse-card-bg: linear-gradient(145deg, #fafaf9, #e7e8e6) !important;
  --lumiverse-card-image-bg: linear-gradient(135deg, #d7d9d8, #f8f8f7) !important;

  --lumiverse-text: #17191b !important;
  --lumiverse-text-primary: #17191b !important;
  --lumiverse-text-muted: #5f6468 !important;
  --lumiverse-text-secondary: #5f6468 !important;
  --lumiverse-text-dim: #858a8e !important;
  --lumiverse-text-hint: #9fa3a6 !important;
  --lumiverse-icon: #202326 !important;
  --lumiverse-icon-muted: #64696d !important;
  --lumiverse-icon-dim: #969a9d !important;

  --lumiverse-border: rgba(23, 25, 27, 0.30) !important;
  --lumiverse-border-hover: rgba(23, 25, 27, 0.78) !important;
  --lumiverse-border-light: rgba(23, 25, 27, 0.13) !important;
  --lumiverse-border-subtle: rgba(23, 25, 27, 0.12) !important;
  --lumiverse-border-neutral: rgba(23, 25, 27, 0.22) !important;
  --lumiverse-border-neutral-hover: rgba(23, 25, 27, 0.48) !important;
  --lumiverse-secondary: rgba(23, 25, 27, 0.07) !important;
  --lumiverse-secondary-hover: rgba(23, 25, 27, 0.13) !important;
  --lumiverse-secondary-border: rgba(23, 25, 27, 0.22) !important;

  --lumiverse-danger: #9f3340 !important;
  --lumiverse-danger-hover: #7d1d2a !important;
  --lumiverse-success: #2f6c5d !important;
  --lumiverse-warning: #8a642b !important;
  --lumiverse-error: #9f3340 !important;
  --lumiverse-danger-015: rgba(159, 51, 64, 0.12) !important;
  --lumiverse-success-015: rgba(47, 108, 93, 0.12) !important;
  --lumiverse-warning-015: rgba(138, 100, 43, 0.12) !important;

  --lumiverse-radius-sm: 2px !important;
  --lumiverse-radius: 4px !important;
  --lumiverse-radius-md: 6px !important;
  --lumiverse-radius-lg: 8px !important;
  --lumiverse-radius-xl: 10px !important;
  --lcs-radius: 6px !important;
  --lcs-radius-sm: 4px !important;
  --lcs-radius-xs: 2px !important;
  --lumiverse-shadow: var(--ds-shadow) !important;
  --lumiverse-shadow-sm: 0 3px 12px rgba(23, 25, 27, 0.10) !important;
  --lumiverse-shadow-md: 0 10px 30px rgba(23, 25, 27, 0.16) !important;
  --lumiverse-shadow-lg: 0 20px 60px rgba(23, 25, 27, 0.22) !important;
  --lumiverse-shadow-xl: 0 24px 80px rgba(23, 25, 27, 0.26) !important;
  --lumiverse-modal-backdrop: rgba(25, 28, 30, 0.52) !important;

  --lumiverse-fill-subtle: rgba(23, 25, 27, 0.025) !important;
  --lumiverse-fill: rgba(23, 25, 27, 0.06) !important;
  --lumiverse-fill-hover: rgba(23, 25, 27, 0.10) !important;
  --lumiverse-fill-medium: rgba(23, 25, 27, 0.14) !important;
  --lumiverse-fill-strong: rgba(23, 25, 27, 0.22) !important;
  --lumiverse-fill-heavy: rgba(23, 25, 27, 0.48) !important;
  --lumiverse-fill-deepest: rgba(23, 25, 27, 0.78) !important;

  --lumiverse-font-family: var(--ds-font-body) !important;
  --lumiverse-font-mono: var(--ds-font-mono) !important;
  --lumiverse-prose-dialogue: #17191b !important;
  --lumiverse-prose-italic: #555b60 !important;
  --lumiverse-prose-bold: #090a0b !important;
  --lumiverse-prose-blockquote: #4e5458 !important;
  --lumiverse-prose-link: #25292c !important;
  --lumiverse-content-max-width: 1180px !important;

  --lcs-glass-bg: rgba(244, 244, 242, 0.94) !important;
  --lcs-glass-bg-hover: rgba(255, 255, 255, 0.97) !important;
  --lcs-glass-border: rgba(23, 25, 27, 0.18) !important;
  --lcs-glass-border-hover: rgba(23, 25, 27, 0.45) !important;
  --lcs-glass-blur: 12px !important;
}

/* 2. Base environment ------------------------------------------------------ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
#root {
  color: var(--ds-ink) !important;
  font-family: var(--ds-font-body) !important;
}

body {
  background-color: var(--ds-paper-deep) !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.22)),
    repeating-linear-gradient(0deg, transparent 0 5px, rgba(23, 25, 27, 0.018) 5px 6px),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(23, 25, 27, 0.025) 79px 80px),
    linear-gradient(135deg, #d7d9d8 0%, #eeefed 42%, #d6d8d7 100%) !important;
  background-attachment: fixed !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 99999;
  pointer-events: none;
  opacity: 0.28;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.8) 0 1px, transparent 1.5px),
    radial-gradient(circle at 80% 70%, rgba(0,0,0,.16) 0 .6px, transparent 1px);
  background-size: 7px 7px, 9px 9px;
  mix-blend-mode: multiply;
}

::selection {
  color: var(--lumiverse-primary-contrast) !important;
  background: var(--ds-black) !important;
}

/* Technical corner marks shared by primary chassis. */
[data-component="InputArea"],
[data-component="MinimalMessage"],
[class*="_modal_"] {
  isolation: isolate;
}

[data-lumiverse-surface="chat-body"] {
  background:
    linear-gradient(145deg, rgba(255,255,255,.42), rgba(218,220,219,.48)),
    repeating-linear-gradient(90deg, transparent 0 119px, rgba(23,25,27,.035) 119px 120px) !important;
  border-left: 1px solid var(--ds-line-soft) !important;
  border-right: 1px solid var(--ds-line-soft) !important;
}

/* v1.3.1: keep the outer flex lane fluid so zoomed-out chat stays centered. */
[data-lumiverse-surface="chat-column"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}

[data-lumiverse-surface="chat-column-inner"] {
  max-width: 1260px !important;
  width: min(100%, 1260px) !important;
  margin-inline: auto !important;
}

/* 3. Application chrome / titlebar / navigation --------------------------- */
[data-component="DesktopPwaTitlebar"],
[class*="_titlebar_"] {
  background: linear-gradient(90deg, #f6f6f4, #dedfdd) !important;
  color: var(--ds-ink) !important;
  border-bottom: 1px solid var(--ds-line) !important;
  box-shadow: inset 0 -3px 0 rgba(23, 25, 27, 0.06) !important;
}

[data-component="DesktopPwaTitlebar"] [class*="_title_"] {
  font-family: var(--ds-font-display) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

[class*="_sidebar_"],
[class*="_sidebarPanel_"],
[class*="_drawer_"]:not([class*="_drawerTrigger_"]) {
  background: linear-gradient(180deg, #f4f4f2, #dedfdd) !important;
  color: var(--ds-ink) !important;
  border-color: var(--ds-line) !important;
  box-shadow: inset -1px 0 rgba(255,255,255,.8), 8px 0 24px rgba(23,25,27,.10) !important;
}

[class*="_navItem_"],
[class*="_sidebar_"] button,
[class*="_drawer_"] button {
  color: var(--ds-ink-2) !important;
  font-family: var(--ds-font-mono) !important;
  letter-spacing: 0.04em !important;
}

[class*="_navItem_"]:hover,
[class*="_navItemActive_"],
[class*="_sidebar_"] button:hover,
[class*="_drawer_"] button:hover {
  color: var(--lumiverse-primary-contrast) !important;
  background: var(--ds-black) !important;
}

/* 4. Message stream -------------------------------------------------------- */
[class*="_virtualRow_"] {
  overflow: visible !important;
}

[data-component="MinimalMessage"] {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) 38px !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  width: calc(100% - 34px) !important;
  max-width: 1180px !important;
  min-height: 170px !important;
  margin: 28px auto 34px !important;
  padding: 8px !important;
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.96), rgba(231,232,230,.94)),
    repeating-linear-gradient(0deg, transparent 0 9px, rgba(23,25,27,.025) 9px 10px) !important;
  box-shadow: var(--ds-shadow), inset 0 0 0 4px rgba(23,25,27,.035) !important;
  clip-path: polygon(14px 0, calc(100% - 22px) 0, 100% 22px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 16px 100%, 0 calc(100% - 16px), 0 14px) !important;
  overflow: visible !important;
}

[data-component="MinimalMessage"]::before {
  content: "AI  ·  CHARACTER UNIT    //";
  position: absolute;
  top: 13px;
  right: 56px;
  z-index: 4;
  color: var(--ds-ink-3);
  font: 400 10px/1 var(--ds-font-mono);
  letter-spacing: 0.09em;
  pointer-events: none;
}

[data-component="MinimalMessage"]::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 13px;
  z-index: 0;
  width: 38px;
  height: 50px;
  opacity: .38;
  background-image: radial-gradient(circle, var(--ds-ink) 0 1px, transparent 1.4px);
  background-size: 8px 8px;
  pointer-events: none;
}

[data-component="MinimalMessage"][data-part="user"] {
  grid-template-columns: 38px minmax(0, 1fr) 112px !important;
  background: linear-gradient(90deg, #ececea, #fafaf8) !important;
}

[data-component="MinimalMessage"][data-part="user"]::before {
  content: "USER  ·  HUMAN    //    ■■";
  left: 56px;
  right: auto;
}

[data-component="MinimalMessage"][data-part="user"]::after {
  left: 16px;
  right: auto;
}

/* Avatar machinery */
[data-component="MinimalMessage"] > [class*="_avatar_"] {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  align-self: stretch !important;
  width: 124px !important;
  min-width: 124px !important;
  height: auto !important;
  min-height: 152px !important;
  margin: 0 !important;
  padding: 17px !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(135deg, transparent 0 12px, rgba(255,255,255,.84) 12px),
    repeating-linear-gradient(45deg, transparent 0 5px, rgba(23,25,27,.05) 5px 6px) !important;
  box-shadow: inset 0 0 0 5px rgba(23,25,27,.04), 5px 0 0 rgba(23,25,27,.05) !important;
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px) !important;
  overflow: hidden !important;
  z-index: 3 !important;
}

[data-component="MinimalMessage"] > [class*="_avatar_"]::before,
[data-component="MinimalMessage"] > [class*="_avatar_"]::after {
  content: "";
  position: absolute;
  z-index: 5;
  width: 18px;
  height: 18px;
  pointer-events: none;
}

[data-component="MinimalMessage"] > [class*="_avatar_"]::before {
  inset: 5px auto auto 5px;
  border-top: 2px solid var(--ds-ink);
  border-left: 2px solid var(--ds-ink);
}

[data-component="MinimalMessage"] > [class*="_avatar_"]::after {
  inset: auto 5px 5px auto;
  border-right: 2px solid var(--ds-ink);
  border-bottom: 2px solid var(--ds-ink);
}

[data-component="MinimalMessage"] > [class*="_avatar_"] > div {
  border: 1px solid var(--ds-ink) !important;
  border-radius: 50% !important;
  background: #ececea !important;
  box-shadow: 0 0 0 5px rgba(23,25,27,.06), 0 0 0 6px rgba(23,25,27,.3) !important;
  overflow: hidden !important;
}

[data-component="MinimalMessage"] > [class*="_avatar_"] img {
  filter: grayscale(1) contrast(1.05) brightness(1.08) !important;
  border-radius: 50% !important;
}

[data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
  grid-column: 3 !important;
  width: 104px !important;
  min-width: 104px !important;
}

/* Message information chassis */
[data-component="MinimalMessage"] > [class*="_bubble_"] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 152px !important;
  margin: 0 !important;
  padding: 24px 28px 18px !important;
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line) !important;
  border-left-width: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(110deg, rgba(255,255,255,.98), rgba(245,245,243,.92)),
    repeating-linear-gradient(90deg, transparent 0 47px, rgba(23,25,27,.025) 47px 48px) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.95), inset 0 -3px rgba(23,25,27,.025) !important;
  clip-path: polygon(12px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px) !important;
  overflow: hidden !important;
  z-index: 2 !important;
}

[data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] {
  grid-column: 2 !important;
  border-left-width: 1px !important;
  border-right-width: 0 !important;
  background: linear-gradient(105deg, rgba(239,240,238,.96), rgba(255,255,255,.98)) !important;
}

[data-component="MinimalMessage"] > [class*="_bubble_"]::before,
[data-component="MinimalMessage"] > [class*="_bubble_"]::after {
  content: "";
  position: absolute;
  z-index: 4;
  width: 15px;
  height: 15px;
  pointer-events: none;
}

[data-component="MinimalMessage"] > [class*="_bubble_"]::before {
  top: 6px;
  left: 7px;
  border-top: 2px solid var(--ds-ink);
  border-left: 2px solid var(--ds-ink);
}

[data-component="MinimalMessage"] > [class*="_bubble_"]::after {
  right: 7px;
  bottom: 6px;
  border-right: 2px solid var(--ds-ink);
  border-bottom: 2px solid var(--ds-ink);
}

[data-component="MinimalMessage"] [class*="_header_"] {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  min-height: 28px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

[data-component="MinimalMessage"] [class*="_name_"] {
  color: #0c0d0e !important;
  font-family: var(--ds-font-display) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  text-shadow: none !important;
}

[data-component="MinimalMessage"] [class*="_metaPill_"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: max-content !important;
  min-height: 28px !important;
  padding: 5px 15px !important;
  color: #f8f8f6 !important;
  border: 1px solid #090a0b !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #45484b, #202326) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 2px 5px rgba(23,25,27,.2) !important;
  font: 400 12px/1 var(--ds-font-mono) !important;
  letter-spacing: 0.035em !important;
}

[data-component="MinimalMessage"] [class*="_metaSegment_"],
[data-component="MinimalMessage"] [class*="_metaDot_"] {
  color: inherit !important;
  font: inherit !important;
}

[data-component="MessageContent"] {
  position: relative !important;
  min-width: 0 !important;
  color: var(--ds-ink) !important;
  background: transparent !important;
  border: 0 !important;
  font-family: var(--ds-font-body) !important;
  text-shadow: none !important;
}

[data-component="MessageContent"] [class*="_longMessageViewport_"],
[data-component="MessageContent"] [class*="_longMessageBody_"] {
  max-width: none !important;
  color: inherit !important;
  background: transparent !important;
}

[data-component="MessageContent"] [class*="_prose_"] {
  color: var(--ds-ink) !important;
  font-family: var(--ds-font-body) !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  letter-spacing: -0.01em !important;
}

[data-component="MessageContent"] [class*="_prose_"] p {
  margin: .25em 0 .8em !important;
}

[data-component="MessageContent"] [class*="_prose_"] h1,
[data-component="MessageContent"] [class*="_prose_"] h2,
[data-component="MessageContent"] [class*="_prose_"] h3 {
  color: var(--ds-ink) !important;
  font-family: var(--ds-font-display) !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

[data-component="MessageContent"] [class*="_prose_"] blockquote {
  margin-left: 0 !important;
  padding: 10px 14px !important;
  border-left: 3px solid var(--ds-ink) !important;
  background: rgba(23,25,27,.045) !important;
}

[data-component="MessageContent"] code,
[data-component="MessageContent"] pre {
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line-soft) !important;
  background: #e7e8e6 !important;
  font-family: var(--ds-font-mono) !important;
}

/* Greeting / swipe module */
[data-component="MinimalMessage"] [class*="_indicator_"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  align-self: flex-start !important;
  min-height: 34px !important;
  padding: 6px 14px !important;
  color: var(--ds-ink-2) !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.55) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.8) !important;
  font-family: var(--ds-font-body) !important;
}

[data-component="MinimalMessage"] [class*="_indicator_"] [class*="_badge_"] {
  color: #fff !important;
  background: var(--ds-ink-3) !important;
  border-radius: 50% !important;
}

/* Message action rail */
[data-component="MinimalMessage"] > [class*="_actionsWrap_"] {
  grid-column: 3 !important;
  grid-row: 1 !important;
  position: relative !important;
  align-self: center !important;
  z-index: 5 !important;
  width: 34px !important;
  margin: 0 0 0 3px !important;
  opacity: .46 !important;
  transition: opacity 150ms ease !important;
}

[data-component="MinimalMessage"][data-part="user"] > [class*="_actionsWrap_"] {
  grid-column: 1 !important;
  margin: 0 3px 0 0 !important;
}

[data-component="MinimalMessage"]:hover > [class*="_actionsWrap_"],
[data-component="MinimalMessage"]:focus-within > [class*="_actionsWrap_"] {
  opacity: 1 !important;
}

[data-component="MinimalMessage"] > [class*="_actionsWrap_"] > [class*="_actions_"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  padding: 4px !important;
  border: 1px solid var(--ds-line-soft) !important;
  border-radius: 2px !important;
  background: rgba(247,247,245,.92) !important;
  box-shadow: 0 4px 12px rgba(23,25,27,.10) !important;
}

[data-component="MinimalMessage"] > [class*="_actionsWrap_"] > [class*="_actions_"] button,
[data-component="MinimalMessage"] button[data-hone-btn] {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  color: var(--ds-ink-3) !important;
  border: 0 !important;
  border-radius: 1px !important;
  background: transparent !important;
}

[data-component="MinimalMessage"] > [class*="_actionsWrap_"] > [class*="_actions_"] button:hover,
[data-component="MinimalMessage"] button[data-hone-btn]:hover {
  color: var(--lumiverse-primary-contrast) !important;
  background: var(--ds-black) !important;
}

/* Inline editing */
[data-component="MinimalMessage"] [class*="_editArea_"],
[data-component="MinimalMessage"] [class*="_textareaWrapper_"] {
  width: 100% !important;
  border: 1px solid var(--ds-line) !important;
  background: #f7f7f5 !important;
}

[data-component="MinimalMessage"] [class*="_editTextarea_"] {
  min-height: 180px !important;
  color: var(--ds-ink) !important;
  background: transparent !important;
  font: 15px/1.6 var(--ds-font-body) !important;
}

/* Reasoning / thinking panels */
[data-reasoning-toggle="true"],
[class*="_reasoningSection_"],
[class*="_brain_"] {
  color: var(--ds-ink-2) !important;
  border: 1px solid var(--ds-line-soft) !important;
  border-radius: 2px !important;
  background: rgba(23,25,27,.04) !important;
  font-family: var(--ds-font-mono) !important;
}

/* 5. Composer command deck ------------------------------------------------- */
[data-component="InputArea"] {
  position: relative !important;
  width: calc(100% - 28px) !important;
  max-width: 1220px !important;
  margin: 12px auto 14px !important;
  padding: 20px 22px 18px !important;
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(120deg, rgba(250,250,248,.98), rgba(223,224,222,.98)),
    repeating-linear-gradient(90deg, transparent 0 63px, rgba(23,25,27,.035) 63px 64px) !important;
  box-shadow: var(--ds-shadow), inset 0 0 0 5px rgba(23,25,27,.035) !important;
  clip-path: polygon(18px 0, calc(100% - 34px) 0, calc(100% - 22px) 10px, 100% 10px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 20px 100%, 0 calc(100% - 20px), 0 18px) !important;
  overflow: visible !important;
}

[data-component="InputArea"]::before {
  content: "TOOLBAR  //  v1.0";
  position: absolute;
  top: 9px;
  right: 32px;
  z-index: 3;
  color: var(--ds-ink-3);
  font: 400 9px/1 var(--ds-font-mono);
  letter-spacing: .12em;
  pointer-events: none;
}

[data-component="InputArea"]::after {
  content: "";
  position: absolute;
  left: 8px;
  bottom: 8px;
  width: 16px;
  height: 16px;
  border-left: 2px solid var(--ds-ink);
  border-bottom: 2px solid var(--ds-ink);
  pointer-events: none;
}

[data-component="InputArea"] [class*="_actionBar_"] {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 48px !important;
  margin: 0 0 12px !important;
  padding: 5px 118px 8px 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
  border-bottom: 1px solid var(--ds-line-soft) !important;
  background: transparent !important;
}

[data-component="InputArea"] [class*="_actionBtn_"],
[data-component="InputArea"] [class*="_attachBtn_"] {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  color: var(--ds-ink-2) !important;
  border: 1px solid transparent !important;
  border-radius: 1px !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-component="InputArea"] [class*="_actionBtn_"]:hover,
[data-component="InputArea"] [class*="_attachBtn_"]:hover,
[data-component="InputArea"] [class*="_actionBtnHasSelection_"],
[data-component="InputArea"] [aria-pressed="true"] {
  color: #fff !important;
  border-color: #08090a !important;
  background: linear-gradient(180deg, #424548, #202326) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.16) !important;
}

[data-component="InputArea"] [class*="_actionDivider_"] {
  width: 1px !important;
  height: 24px !important;
  margin: 0 5px !important;
  background: var(--ds-line-soft) !important;
}

[data-component="InputArea"] [class*="_badge_"] {
  color: #fff !important;
  border: 1px solid #fff !important;
  background: var(--ds-ink-3) !important;
  font-family: var(--ds-font-mono) !important;
}

[data-component="InputArea"] [class*="_inputRow_"] {
  display: grid !important;
  grid-template-columns: auto auto minmax(0, 1fr) 68px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 72px !important;
  padding: 8px 10px !important;
  border-top: 1px solid var(--ds-line-soft) !important;
  background: rgba(255,255,255,.26) !important;
}

[data-component="InputArea"] [class*="_inputToolsSlot_"] {
  display: contents !important;
}

[data-component="InputArea"] [class*="_inputWrapper_"] {
  min-height: 50px !important;
  padding: 0 14px !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: inset 0 1px 4px rgba(23,25,27,.08), 0 1px rgba(255,255,255,.9) !important;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px) !important;
}

[data-component="InputArea"] textarea[name="chat-message"],
[data-component="InputArea"] [class*="_textarea_"] {
  min-height: 48px !important;
  padding: 13px 4px !important;
  color: var(--ds-ink) !important;
  caret-color: var(--ds-ink) !important;
  border: 0 !important;
  background: transparent !important;
  font: 15px/1.45 var(--ds-font-body) !important;
  box-shadow: none !important;
}

[data-component="InputArea"] textarea::placeholder {
  color: var(--ds-quiet) !important;
  opacity: 1 !important;
}

[data-component="InputArea"] [class*="_sendBtnShell_"] {
  width: 64px !important;
  height: 58px !important;
}

[data-component="InputArea"] [class*="_sendBtn_"] {
  width: 64px !important;
  height: 58px !important;
  color: #fff !important;
  border: 1px solid #08090a !important;
  border-radius: 0 !important;
  background: linear-gradient(145deg, #55595c, #1c1f21 62%, #090a0b) !important;
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.09), 0 0 0 4px rgba(23,25,27,.08), 0 6px 14px rgba(23,25,27,.22) !important;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px) !important;
}

[data-component="InputArea"] [class*="_sendBtn_"]:hover:not(:disabled) {
  color: #fff !important;
  background: #050607 !important;
  transform: translateY(-1px) !important;
}

[data-component="InputArea"] [class*="_sendBtn_"] svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 1.8 !important;
}

/* Response Instructions extension integrated with the command deck */
#ri-toolbar {
  min-height: 38px !important;
  padding: 3px 8px !important;
  color: var(--ds-ink-2) !important;
  border: 1px solid var(--ds-line-soft) !important;
  border-radius: 1px !important;
  background: rgba(255,255,255,.48) !important;
}

.ri-icon-btn,
.ri-hbtn,
.ri-btn,
.ri-nav-btn,
.ri-lib-save-btn {
  color: var(--ds-ink-2) !important;
  border-color: transparent !important;
  border-radius: 1px !important;
  background: transparent !important;
  font-family: var(--ds-font-mono) !important;
}

.ri-icon-btn:hover,
.ri-hbtn:hover,
.ri-btn:hover,
.ri-nav-btn:hover,
.ri-icon-btn.ri-on {
  color: var(--lumiverse-primary-contrast) !important;
  border-color: var(--ds-ink) !important;
  background: var(--ds-black) !important;
}

#ri-panel,
.ri-body,
.ri-lib-view,
.ri-draft-box,
.ri-preview {
  color: var(--ds-ink) !important;
  border-color: var(--ds-line-soft) !important;
  background: #ececea !important;
  font-family: var(--ds-font-body) !important;
}

.ri-header,
.ri-field-label,
.ri-header-title,
.ri-label,
.ri-status {
  color: var(--ds-ink-2) !important;
  font-family: var(--ds-font-mono) !important;
  letter-spacing: .05em !important;
}

.ri-ta,
.ri-select,
.ri-name-input,
#ri-panel textarea,
#ri-panel select,
#ri-panel input {
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 1px !important;
  background: #fafaf8 !important;
  font-family: var(--ds-font-body) !important;
}

/* 6. Buttons, fields, switches --------------------------------------------- */
button,
input,
textarea,
select {
  font-family: var(--ds-font-body) !important;
}

button:not([class*="_sendBtn_"]):not(.ri-toggle) {
  transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease, transform 120ms ease !important;
}

[class*="_btnPrimary_"],
[class*="_btnSubmit_"],
[data-variant="primary"] {
  color: #fff !important;
  border: 1px solid #08090a !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, #3c3f42, #1b1d1f) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.16) !important;
}

[class*="_btnPrimary_"]:hover,
[class*="_btnSubmit_"]:hover,
[data-variant="primary"]:hover {
  background: #050607 !important;
}

[class*="_btnDanger_"],
[class*="_deleteBtn_"] {
  color: var(--ds-danger) !important;
  border-color: rgba(159,51,64,.35) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
textarea,
select,
[class*="_monoInput_"],
[class*="_fieldInput_"] {
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line-soft) !important;
  border-radius: 2px !important;
  background: rgba(255,255,255,.68) !important;
  box-shadow: inset 0 1px 3px rgba(23,25,27,.05) !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: 1px solid var(--ds-ink) !important;
  outline-offset: 1px !important;
  border-color: var(--ds-ink) !important;
}

[class*="_switch_"],
.ri-toggle-track,
.hone-toggle {
  border: 1px solid var(--ds-line) !important;
  border-radius: 1px !important;
  background: #d5d7d5 !important;
}

[class*="_switchOn_"],
[data-state="checked"],
.ri-toggle input:checked + .ri-toggle-track {
  background: var(--ds-black) !important;
}

/* 7. Modal and popup registry --------------------------------------------- */
[class*="_modal_"]:not([class*="_modalBackdrop_"]),
[class*="_dialog_"],
[class*="_sheet_"],
[class*="_profileShell_"],
[class*="_shell_"] {
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(135deg, rgba(250,250,248,.99), rgba(225,226,224,.99)),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(23,25,27,.03) 79px 80px) !important;
  box-shadow: 0 0 0 5px rgba(240,240,238,.55), 0 24px 80px rgba(23,25,27,.32) !important;
  clip-path: polygon(14px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px) !important;
}

[class*="_modal_"] [class*="_header_"],
[class*="_dialog_"] [class*="_header_"],
[class*="_modalHeader_"] {
  color: var(--ds-ink) !important;
  border-bottom: 1px solid var(--ds-line) !important;
  background: rgba(255,255,255,.36) !important;
}

[class*="_modal_"] [class*="_title_"],
[class*="_modalTitle_"],
[class*="_dialog_"] [class*="_title_"],
[class*="_presetManagerTitle_"] {
  color: var(--ds-ink) !important;
  font-family: var(--ds-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: .035em !important;
}

[class*="_modal_"] [class*="_subtitle_"],
[class*="_formHint_"],
[class*="_fieldHint_"],
[class*="_helperText_"] {
  color: var(--ds-ink-3) !important;
}

[class*="_modal_"] [class*="_footer_"],
[class*="_dialog_"] [class*="_footer_"] {
  border-top: 1px solid var(--ds-line-soft) !important;
  background: rgba(23,25,27,.025) !important;
}

[class*="_tabBar_"],
[class*="_viewTabs_"],
[class*="_segmented_"] {
  border: 1px solid var(--ds-line-soft) !important;
  border-radius: 2px !important;
  background: rgba(23,25,27,.04) !important;
}

[class*="_tab_"],
[class*="_tabBtn_"],
[class*="_segmentedBtn_"] {
  color: var(--ds-ink-3) !important;
  border-radius: 1px !important;
  font-family: var(--ds-font-mono) !important;
  letter-spacing: .035em !important;
}

[class*="_tabActive_"],
[class*="_tabBtnActive_"],
[class*="_segmentedBtnActive_"],
[class*="_active_"][role="tab"] {
  color: var(--lumiverse-primary-contrast) !important;
  background: var(--ds-black) !important;
}

[class*="_dropdownMenu_"],
[role="menu"],
[class*="_popover_"] {
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 2px !important;
  background: #f1f1ef !important;
  box-shadow: 0 12px 34px rgba(23,25,27,.22) !important;
}

[role="menuitem"]:hover,
[class*="_menuButton_"]:hover,
[class*="_item_"]:hover {
  color: var(--lumiverse-primary-contrast) !important;
  background: var(--ds-black) !important;
}

/* Cards and library grids */
[class*="_card_"]:not([data-component="MinimalMessage"]),
[class*="_presetManagerCard_"],
[class*="_chatItem_"] {
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line-soft) !important;
  border-radius: 2px !important;
  background: linear-gradient(145deg, #fafaf8, #e5e6e4) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.9), 0 3px 10px rgba(23,25,27,.06) !important;
}

[class*="_card_"]:not([data-component="MinimalMessage"]):hover,
[class*="_presetManagerCard_"]:hover,
[class*="_chatItem_"]:hover {
  border-color: var(--ds-ink) !important;
  transform: translateY(-1px) !important;
}

[class*="_badge_"],
[class*="_pill_"],
[class*="_tokenChip_"],
[class*="_flagPill_"],
[class*="_placementChip_"] {
  border-radius: 999px !important;
  font-family: var(--ds-font-mono) !important;
}

/* 8. Toasts and status ----------------------------------------------------- */
[data-sonner-toast],
[class*="_toast_"],
[class*="_notification_"] {
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 2px !important;
  background: #f7f7f5 !important;
  box-shadow: 0 10px 30px rgba(23,25,27,.20) !important;
  font-family: var(--ds-font-body) !important;
}

/* 9. Scrollbars ------------------------------------------------------------ */
* {
  scrollbar-width: thin;
  scrollbar-color: #6a6e71 #d7d9d7;
}

*::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

*::-webkit-scrollbar-track {
  background: #d7d9d7;
  border-left: 1px solid rgba(23,25,27,.10);
}

*::-webkit-scrollbar-thumb {
  background: #666a6d;
  border: 2px solid #d7d9d7;
  border-radius: 0;
}

*::-webkit-scrollbar-thumb:hover {
  background: #222527;
}

/* 10. Mobile systems ------------------------------------------------------- */
@media (max-width: 780px) {
  :root,
  html,
  body {
    --lumiverse-content-max-width: 100% !important;
  }

  [data-lumiverse-surface="chat-column"],
  [data-lumiverse-surface="chat-column-inner"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  [data-component="MinimalMessage"],
  [data-component="MinimalMessage"][data-part="user"] {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    width: calc(100% - 16px) !important;
    min-height: 132px !important;
    margin: 18px auto 24px !important;
    padding: 6px !important;
    clip-path: polygon(10px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px) !important;
  }

  [data-component="MinimalMessage"]::before {
    top: 10px;
    right: 22px;
    left: auto;
    content: "AI // UNIT";
    font-size: 8px;
  }

  [data-component="MinimalMessage"][data-part="user"]::before {
    content: "HUMAN // INPUT";
  }

  [data-component="MinimalMessage"]::after {
    display: none;
  }

  [data-component="MinimalMessage"] > [class*="_avatar_"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
    grid-column: 1 !important;
    width: 72px !important;
    min-width: 72px !important;
    min-height: 118px !important;
    padding: 12px !important;
  }

  [data-component="MinimalMessage"] > [class*="_bubble_"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] {
    grid-column: 2 !important;
    min-height: 118px !important;
    padding: 20px 16px 14px !important;
    border-left-width: 0 !important;
    border-right-width: 1px !important;
  }

  [data-component="MinimalMessage"] [class*="_header_"] {
    gap: 6px !important;
    margin-bottom: 6px !important;
  }

  [data-component="MinimalMessage"] [class*="_name_"] {
    font-size: 12px !important;
  }

  [data-component="MinimalMessage"] [class*="_metaPill_"] {
    min-height: 23px !important;
    padding: 4px 9px !important;
    font-size: 10px !important;
  }

  [data-component="MessageContent"] [class*="_prose_"] {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  [data-component="MinimalMessage"] > [class*="_actionsWrap_"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_actionsWrap_"] {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: auto !important;
    margin: 5px 0 0 !important;
    opacity: 1 !important;
  }

  [data-component="MinimalMessage"] > [class*="_actionsWrap_"] > [class*="_actions_"] {
    flex-direction: row !important;
    justify-content: flex-end !important;
    overflow-x: auto !important;
  }

  [data-component="InputArea"] {
    width: calc(100% - 10px) !important;
    margin: 6px auto 8px !important;
    padding: 14px 10px 12px !important;
  }

  [data-component="InputArea"]::before {
    top: 6px;
    right: 18px;
    font-size: 8px;
  }

  [data-component="InputArea"] [class*="_actionBar_"] {
    min-height: 42px !important;
    padding: 4px 74px 6px 4px !important;
    gap: 2px !important;
  }

  [data-component="InputArea"] [class*="_actionBtn_"],
  [data-component="InputArea"] [class*="_attachBtn_"] {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }

  [data-component="InputArea"] [class*="_inputRow_"] {
    grid-template-columns: auto minmax(0,1fr) 50px !important;
    gap: 5px !important;
    min-height: 60px !important;
    padding: 6px !important;
  }

  [data-component="InputArea"] [class*="_attachBtn_"] + [class*="_attachBtn_"] {
    display: none !important;
  }

  [data-component="InputArea"] [class*="_inputWrapper_"] {
    min-height: 46px !important;
    padding: 0 10px !important;
  }

  [data-component="InputArea"] [class*="_sendBtnShell_"],
  [data-component="InputArea"] [class*="_sendBtn_"] {
    width: 48px !important;
    height: 48px !important;
  }

  [class*="_modal_"]:not([class*="_modalBackdrop_"]) {
    max-width: calc(100vw - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
  }
}

/* ========================================================================== 
   v1.2.1 // DARK TEXTURE RESTRAINT + TWO-CORNER PORTRAIT MASK
   ========================================================================== */

/* A square plate with only the top-left and bottom-right corners chamfered. */
[data-component="MinimalMessage"] > [class*="_avatar_"],
[data-component="MinimalMessage"][data-part="character"] > [class*="_avatar_"],
[data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
  clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px) !important;
}

[data-component="MinimalMessage"] > [class*="_avatar_"] > div,
[data-component="MinimalMessage"] > [class*="_avatar_"] img {
  border-radius: 0 !important;
  clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px) !important;
}

/* Keep the subtle paper texture in light mode; dark mode uses clean planes. */
html[data-theme-mode="dark"] body::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

/* Remove the remaining broad grid layers in dark mode while retaining the
   local hairlines, screws, and small diagnostic dot cluster. */
html[data-theme-mode="dark"] body {
  background-image: linear-gradient(135deg, #080909 0%, #151717 42%, #0a0b0b 100%) !important;
}

html[data-theme-mode="dark"] [data-lumiverse-surface="chat-body"] {
  background: linear-gradient(145deg, rgba(255,255,255,.018), rgba(0,0,0,.10)) !important;
}

html[data-theme-mode="dark"] [class*="_chatToolbar_"],
html[data-theme-mode="dark"] [data-component="MinimalMessage"],
html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_header_"],
html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"],
html[data-theme-mode="dark"] [data-component="InputArea"],
html[data-theme-mode="dark"] [class*="_modal_"]:not([class*="_modalBackdrop_"]),
html[data-theme-mode="dark"] [class*="_dialog_"],
html[data-theme-mode="dark"] [class*="_sheet_"],
html[data-theme-mode="dark"] [class*="_profileShell_"],
html[data-theme-mode="dark"] [class*="_shell_"] {
  background-image: linear-gradient(135deg, rgba(255,255,255,.025), rgba(0,0,0,.08)) !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"][data-part="user"] {
  background-image: linear-gradient(90deg, #101212, #1a1c1c) !important;
}

/* v1.2.3: reading width, full-color portraits, and usable inline editing. */
[data-component="MinimalMessage"],
[data-component="MinimalMessage"][data-part="character"],
[data-component="MinimalMessage"][data-part="user"] {
  width: min(calc(100% - 24px), 1000px) !important;
  max-width: 1000px !important;
  grid-template-rows: 164px auto auto !important;
}

[data-component="MinimalMessage"],
[data-component="MinimalMessage"][data-part="character"] {
  grid-template-columns: 164px minmax(0, 1fr) 38px !important;
}

[data-component="MinimalMessage"][data-part="user"] {
  grid-template-columns: 38px minmax(0, 1fr) 164px !important;
}

[data-component="MinimalMessage"] > [class*="_avatar_"],
[data-component="MinimalMessage"][data-part="character"] > [class*="_avatar_"],
[data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
  width: 152px !important;
  min-width: 152px !important;
  height: 152px !important;
  min-height: 152px !important;
  padding: 6px !important;
}

[data-component="MinimalMessage"] > [class*="_avatar_"] img {
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* The flattened bubble needs an explicit grid lane when content becomes an editor. */
[data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageEditArea"],
[data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_editArea_"],
[data-component="MinimalMessage"] > [class*="_bubble_"] > :has(textarea) {
  grid-column: 1 / 3 !important;
  grid-row: 2 !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 130px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  overflow: visible !important;
  border: 1px solid var(--ds-line) !important;
  background: var(--ds-paper-bright) !important;
  clip-path: none !important;
}

[data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > [data-component="MessageEditArea"],
[data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > [class*="_editArea_"],
[data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > :has(textarea) {
  grid-column: 2 / 4 !important;
}

[data-component="MinimalMessage"] > [class*="_bubble_"] > :has(textarea) textarea,
[data-component="MinimalMessage"] [data-component="MessageEditArea"] textarea {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 96px !important;
  margin: 0 !important;
  color: var(--ds-ink) !important;
  background: var(--ds-paper-bright) !important;
}

[data-component="MinimalMessage"] > [class*="_bubble_"] > :has(textarea) button,
[data-component="MinimalMessage"] [data-component="MessageEditArea"] button {
  position: relative !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  min-width: 64px !important;
  height: auto !important;
  min-height: 32px !important;
  padding: 5px 12px !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_bubble_"] > :has(textarea),
html[data-theme-mode="dark"] [data-component="MinimalMessage"] [data-component="MessageEditArea"] textarea {
  color: var(--ds-ink) !important;
  background: #111313 !important;
}

@media (max-width: 780px) {
  [data-component="MinimalMessage"],
  [data-component="MinimalMessage"][data-part="character"],
  [data-component="MinimalMessage"][data-part="user"] {
    width: calc(100% - 10px) !important;
    grid-template-rows: 106px auto auto auto !important;
  }

  [data-component="MinimalMessage"],
  [data-component="MinimalMessage"][data-part="character"] {
    grid-template-columns: 106px minmax(0, 1fr) !important;
  }

  [data-component="MinimalMessage"][data-part="user"] {
    grid-template-columns: minmax(0, 1fr) 106px !important;
  }

  [data-component="MinimalMessage"] > [class*="_avatar_"],
  [data-component="MinimalMessage"][data-part="character"] > [class*="_avatar_"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
    width: 98px !important;
    min-width: 98px !important;
    height: 98px !important;
    min-height: 98px !important;
  }

  [data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageEditArea"],
  [data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_editArea_"],
  [data-component="MinimalMessage"] > [class*="_bubble_"] > :has(textarea),
  [data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > [data-component="MessageEditArea"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > [class*="_editArea_"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > :has(textarea) {
    grid-column: 1 / 3 !important;
  }
}

/* v1.2.2 final sizing rules. */
@media (min-width: 781px) {
  [data-component="InputArea"] {
    width: min(calc(100% - 24px), 1000px) !important;
    max-width: 1000px !important;
  }
}

[data-component="InputArea"] {
  margin: 6px auto 8px !important;
  padding: 12px 14px 10px !important;
}

[data-component="InputArea"] [class*="_actionBar_"] {
  min-height: 40px !important;
  margin-bottom: 5px !important;
  padding-top: 3px !important;
  padding-bottom: 5px !important;
}

[data-component="InputArea"] [class*="_inputRow_"] {
  min-height: 58px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

[data-component="MinimalMessage"],
[data-component="MinimalMessage"][data-part="character"],
[data-component="MinimalMessage"][data-part="user"] {
  margin-bottom: 18px !important;
}

@media (max-width: 780px) {
  [data-component="InputArea"] {
    width: calc(100% - 10px) !important;
    padding: 10px 9px 8px !important;
  }
}

/* v1.2.2 // COMPACT COMPOSER AND LAST-MESSAGE SPACING ---------------------- */
@media (min-width: 781px) {
  [data-component="InputArea"] {
    width: min(calc(100% - 24px), 1000px) !important;
    max-width: 1000px !important;
  }
}

[data-component="InputArea"] {
  margin-top: 6px !important;
  margin-bottom: 8px !important;
  padding: 12px 14px 10px !important;
}

[data-component="InputArea"]::before {
  top: 5px !important;
  right: 24px !important;
}

[data-component="InputArea"] [class*="_actionBar_"] {
  min-height: 40px !important;
  margin-bottom: 5px !important;
  padding: 3px 105px 5px 6px !important;
}

[data-component="InputArea"] [class*="_inputRow_"] {
  min-height: 58px !important;
  gap: 6px !important;
  padding: 4px 6px !important;
}

[data-component="InputArea"] [class*="_inputWrapper_"] {
  min-height: 44px !important;
}

[data-component="InputArea"] textarea[name="chat-message"],
[data-component="InputArea"] [class*="_textarea_"] {
  min-height: 42px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

[data-component="InputArea"] [class*="_sendBtnShell_"],
[data-component="InputArea"] [class*="_sendBtn_"] {
  width: 54px !important;
  height: 50px !important;
}

/* The list is a scroll container. When its virtual content is shorter than
   the viewport, auto top margin places the final message near the composer.
   A longer list retains normal scrolling because the margin resolves to 0. */
[data-component="MessageList"] {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

[data-component="MessageList"] > [class*="_virtualSpace_"] {
  flex: 0 0 auto !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}

[data-component="MessageList"] [data-item-type="bottom"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

[data-component="MinimalMessage"],
[data-component="MinimalMessage"][data-part="character"],
[data-component="MinimalMessage"][data-part="user"] {
  margin-bottom: 18px !important;
}

@media (max-width: 780px) {
  [data-component="InputArea"] {
    width: calc(100% - 10px) !important;
    padding: 10px 9px 8px !important;
  }

  [data-component="InputArea"] [class*="_actionBar_"] {
    padding-right: 74px !important;
  }

  [data-component="InputArea"] [class*="_sendBtnShell_"],
  [data-component="InputArea"] [class*="_sendBtn_"] {
    width: 46px !important;
    height: 46px !important;
  }
}

html[data-theme-mode="dark"] [class*="_chatToolbar_"],
html[data-theme-mode="dark"] [data-component="MinimalMessage"],
html[data-theme-mode="dark"] [data-component="InputArea"] {
  background-color: #111313 !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_header_"] {
  background-color: #181a1a !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"] {
  background-color: #0d0f0f !important;
}

html[data-theme-mode="dark"] [class*="_modal_"]:not([class*="_modalBackdrop_"]),
html[data-theme-mode="dark"] [class*="_dialog_"],
html[data-theme-mode="dark"] [class*="_sheet_"],
html[data-theme-mode="dark"] [class*="_profileShell_"],
html[data-theme-mode="dark"] [class*="_shell_"] {
  background-color: #111313 !important;
}

/* ========================================================================== 
   v1.2 // HEX PORTRAITS, HARDWARE DETAIL & ADAPTIVE DARK MODE
   ========================================================================== */

/* 14. Square avatar module with a clean hexagonal portrait ---------------- */
[data-component="MinimalMessage"] > [class*="_avatar_"],
[data-component="MinimalMessage"][data-part="character"] > [class*="_avatar_"],
[data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
  width: 76px !important;
  min-width: 76px !important;
  height: 76px !important;
  min-height: 76px !important;
  padding: 8px !important;
  border: 1px solid var(--ds-line) !important;
  background:
    linear-gradient(135deg, transparent 0 8px, color-mix(in srgb, var(--ds-paper-bright) 88%, transparent) 8px),
    repeating-linear-gradient(45deg, transparent 0 5px, color-mix(in srgb, var(--ds-ink) 5%, transparent) 5px 6px) !important;
  box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--ds-ink) 4%, transparent), 2px 2px 0 color-mix(in srgb, var(--ds-ink) 6%, transparent) !important;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px) !important;
  overflow: hidden !important;
}

/* Remove the old targeting brackets entirely. */
[data-component="MinimalMessage"] > [class*="_avatar_"]::before,
[data-component="MinimalMessage"] > [class*="_avatar_"]::after {
  display: none !important;
  content: none !important;
}

/* The photograph itself fills a true hexagon within the square module. */
[data-component="MinimalMessage"] > [class*="_avatar_"] > div {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ds-paper-mid) !important;
  box-shadow: none !important;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%) !important;
  overflow: hidden !important;
}

[data-component="MinimalMessage"] > [class*="_avatar_"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: inherit !important;
}

/* 15. Hardware details and calmer spacing --------------------------------- */
[data-component="MinimalMessage"],
[data-component="MinimalMessage"][data-part="character"],
[data-component="MinimalMessage"][data-part="user"] {
  padding: 12px !important;
  margin-top: 34px !important;
  margin-bottom: 44px !important;
  box-shadow:
    var(--ds-shadow),
    inset 0 0 0 1px color-mix(in srgb, var(--ds-ink) 8%, transparent),
    inset 0 0 0 7px color-mix(in srgb, var(--ds-ink) 2.8%, transparent) !important;
}

/* Four screw heads, each with a tiny diagonal slot. */
[data-component="MinimalMessage"]::before,
[data-component="MinimalMessage"][data-part="user"]::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: 9 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 7px 7px, var(--ds-paper-bright) 0 1px, var(--ds-ink-3) 1.2px 2.7px, var(--ds-ink) 2.8px 3.2px, transparent 3.4px),
    linear-gradient(45deg, transparent calc(50% - .5px), var(--ds-ink) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)) 3px 3px / 8px 8px no-repeat,
    radial-gradient(circle at calc(100% - 7px) 7px, var(--ds-paper-bright) 0 1px, var(--ds-ink-3) 1.2px 2.7px, var(--ds-ink) 2.8px 3.2px, transparent 3.4px),
    linear-gradient(45deg, transparent calc(50% - .5px), var(--ds-ink) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)) calc(100% - 11px) 3px / 8px 8px no-repeat,
    radial-gradient(circle at 7px calc(100% - 7px), var(--ds-paper-bright) 0 1px, var(--ds-ink-3) 1.2px 2.7px, var(--ds-ink) 2.8px 3.2px, transparent 3.4px),
    linear-gradient(45deg, transparent calc(50% - .5px), var(--ds-ink) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)) 3px calc(100% - 11px) / 8px 8px no-repeat,
    radial-gradient(circle at calc(100% - 7px) calc(100% - 7px), var(--ds-paper-bright) 0 1px, var(--ds-ink-3) 1.2px 2.7px, var(--ds-ink) 2.8px 3.2px, transparent 3.4px),
    linear-gradient(45deg, transparent calc(50% - .5px), var(--ds-ink) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)) calc(100% - 11px) calc(100% - 11px) / 8px 8px no-repeat !important;
}

[data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_header_"] {
  margin: 8px 4px 10px !important;
  padding-left: 22px !important;
  padding-right: 28px !important;
  box-shadow:
    inset 0 1px color-mix(in srgb, var(--ds-paper-bright) 90%, transparent),
    inset 0 -3px color-mix(in srgb, var(--ds-ink) 3.5%, transparent),
    0 0 0 1px color-mix(in srgb, var(--ds-paper-bright) 35%, transparent) !important;
}

[data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"] {
  margin: 2px 4px 0 !important;
  padding: 28px 32px 26px !important;
  line-height: 1.68 !important;
  box-shadow:
    inset 0 1px color-mix(in srgb, var(--ds-paper-bright) 94%, transparent),
    inset 0 -3px color-mix(in srgb, var(--ds-ink) 2.5%, transparent),
    0 0 0 1px color-mix(in srgb, var(--ds-paper-bright) 38%, transparent) !important;
}

[data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"]::before,
[data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"]::after {
  width: 11px !important;
  height: 11px !important;
  border-width: 1px !important;
  opacity: .72 !important;
}

[data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_indicator_"] {
  margin-top: 14px !important;
  margin-bottom: 5px !important;
}

/* Extra breathing room between the command deck's functional layers. */
[data-component="InputArea"] {
  padding-top: 24px !important;
  padding-bottom: 22px !important;
}

[data-component="InputArea"] [class*="_actionBar_"] {
  margin-bottom: 16px !important;
  padding-bottom: 11px !important;
}

[data-component="InputArea"] [class*="_inputRow_"] {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

/* 16. Adaptive inverted dark system --------------------------------------- */
html[data-theme-mode="dark"],
html[data-theme-mode="dark"] body {
  --ds-ink: #edf0ef;
  --ds-ink-2: #c8ccca;
  --ds-ink-3: #929795;
  --ds-quiet: #6f7472;
  --ds-line: rgba(237, 240, 239, 0.56);
  --ds-line-soft: rgba(237, 240, 239, 0.15);
  --ds-paper: #111313;
  --ds-paper-bright: #202222;
  --ds-paper-mid: #1b1d1d;
  --ds-paper-deep: #090a0a;
  --ds-black: #edf0ef;
  --ds-shadow: 0 1px 0 rgba(255,255,255,.06) inset,
               0 0 0 1px rgba(255,255,255,.025),
               0 10px 28px rgba(0,0,0,.38);

  --lumiverse-primary: #e3e6e4 !important;
  --lumiverse-primary-hover: #ffffff !important;
  --lumiverse-primary-light: rgba(237,240,239,.08) !important;
  --lumiverse-primary-soft: rgba(237,240,239,.11) !important;
  --lumiverse-primary-muted: rgba(237,240,239,.58) !important;
  --lumiverse-primary-text: #edf0ef !important;
  --lumiverse-primary-contrast: #111313 !important;
  --lumiverse-primary-deep: #f4f6f5 !important;
  --lumiverse-primary-deep-hover: #ffffff !important;
  --lumiverse-primary-deep-contrast: #111313 !important;

  --lumiverse-bg: #0e1010 !important;
  --lumiverse-bg-elevated: #191b1b !important;
  --lumiverse-bg-hover: #242626 !important;
  --lumiverse-bg-dark: rgba(0,0,0,.16) !important;
  --lumiverse-bg-darker: rgba(0,0,0,.30) !important;
  --lumiverse-bg-deep: #070808 !important;
  --lumiverse-surface: #131515 !important;
  --lumiverse-surface-raised: #1b1d1d !important;
  --lumiverse-surface-hover: #252727 !important;
  --lumiverse-surface-muted: rgba(255,255,255,.04) !important;
  --lumiverse-input-bg: rgba(255,255,255,.045) !important;
  --lumiverse-card-bg: linear-gradient(145deg, #1c1e1e, #101212) !important;
  --lumiverse-card-image-bg: linear-gradient(135deg, #0d0f0f, #232525) !important;

  --lumiverse-text: #edf0ef !important;
  --lumiverse-text-primary: #edf0ef !important;
  --lumiverse-text-muted: #a3a8a5 !important;
  --lumiverse-text-secondary: #a3a8a5 !important;
  --lumiverse-text-dim: #777c79 !important;
  --lumiverse-text-hint: #5f6461 !important;
  --lumiverse-icon: #edf0ef !important;
  --lumiverse-icon-muted: #a3a8a5 !important;
  --lumiverse-icon-dim: #747976 !important;

  --lumiverse-border: rgba(237,240,239,.27) !important;
  --lumiverse-border-hover: rgba(237,240,239,.72) !important;
  --lumiverse-border-light: rgba(237,240,239,.12) !important;
  --lumiverse-border-subtle: rgba(237,240,239,.10) !important;
  --lumiverse-border-neutral: rgba(237,240,239,.20) !important;
  --lumiverse-border-neutral-hover: rgba(237,240,239,.44) !important;
  --lumiverse-secondary: rgba(237,240,239,.06) !important;
  --lumiverse-secondary-hover: rgba(237,240,239,.12) !important;
  --lumiverse-secondary-border: rgba(237,240,239,.20) !important;

  --lumiverse-fill-subtle: rgba(255,255,255,.025) !important;
  --lumiverse-fill: rgba(255,255,255,.055) !important;
  --lumiverse-fill-hover: rgba(255,255,255,.10) !important;
  --lumiverse-fill-medium: rgba(255,255,255,.14) !important;
  --lumiverse-fill-strong: rgba(255,255,255,.22) !important;
  --lumiverse-fill-heavy: rgba(255,255,255,.42) !important;
  --lumiverse-fill-deepest: rgba(255,255,255,.66) !important;
  --lumiverse-prose-dialogue: #f2f4f3 !important;
  --lumiverse-prose-italic: #aeb3b0 !important;
  --lumiverse-prose-bold: #ffffff !important;
  --lumiverse-prose-blockquote: #b7bbb9 !important;
  --lumiverse-prose-link: #f1f3f2 !important;
  --lcs-glass-bg: rgba(16,18,18,.94) !important;
  --lcs-glass-bg-hover: rgba(27,29,29,.97) !important;
  --lcs-glass-border: rgba(237,240,239,.16) !important;
  --lcs-glass-border-hover: rgba(237,240,239,.40) !important;
}

html[data-theme-mode="dark"] body {
  background-color: #090a0a !important;
  background-image:
    linear-gradient(rgba(0,0,0,.14), rgba(0,0,0,.14)),
    repeating-linear-gradient(0deg, transparent 0 5px, rgba(255,255,255,.012) 5px 6px),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(255,255,255,.018) 79px 80px),
    linear-gradient(135deg, #080909 0%, #151717 42%, #0a0b0b 100%) !important;
}

html[data-theme-mode="dark"] body::before {
  opacity: .13 !important;
  mix-blend-mode: screen !important;
}

html[data-theme-mode="dark"] [data-lumiverse-surface="chat-body"] {
  background:
    linear-gradient(145deg, rgba(255,255,255,.025), rgba(0,0,0,.12)),
    repeating-linear-gradient(90deg, transparent 0 119px, rgba(255,255,255,.018) 119px 120px) !important;
}

html[data-theme-mode="dark"] [data-component="DesktopPwaTitlebar"],
html[data-theme-mode="dark"] [class*="_titlebar_"],
html[data-theme-mode="dark"] [class*="_sidebar_"],
html[data-theme-mode="dark"] [class*="_sidebarPanel_"],
html[data-theme-mode="dark"] [class*="_drawer_"]:not([class*="_drawerTrigger_"]) {
  background: linear-gradient(180deg, #1c1e1e, #0e1010) !important;
  color: var(--ds-ink) !important;
  border-color: var(--ds-line) !important;
  box-shadow: inset -1px 0 rgba(255,255,255,.04), 8px 0 24px rgba(0,0,0,.28) !important;
}

html[data-theme-mode="dark"] [class*="_chatToolbar_"] {
  background:
    linear-gradient(180deg, rgba(29,31,31,.99), rgba(12,14,14,.99)),
    repeating-linear-gradient(90deg, transparent 0 47px, rgba(255,255,255,.018) 47px 48px) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.07), inset 0 -3px rgba(0,0,0,.22), 0 5px 18px rgba(0,0,0,.30) !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"] {
  background:
    linear-gradient(110deg, rgba(27,29,29,.98), rgba(12,14,14,.97)),
    repeating-linear-gradient(0deg, transparent 0 9px, rgba(255,255,255,.012) 9px 10px) !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"][data-part="user"] {
  background: linear-gradient(90deg, #101212, #1a1c1c) !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_header_"] {
  background:
    linear-gradient(180deg, rgba(32,34,34,.97), rgba(17,19,19,.97)),
    repeating-linear-gradient(90deg, transparent 0 31px, rgba(255,255,255,.018) 31px 32px) !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"] {
  background:
    linear-gradient(105deg, rgba(15,17,17,.98), rgba(24,26,26,.96)),
    repeating-linear-gradient(90deg, transparent 0 47px, rgba(255,255,255,.012) 47px 48px) !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"] [class*="_name_"],
html[data-theme-mode="dark"] [data-component="MessageContent"],
html[data-theme-mode="dark"] [data-component="MessageContent"] [class*="_prose_"],
html[data-theme-mode="dark"] [data-component="MessageContent"] [class*="_prose_"] h1,
html[data-theme-mode="dark"] [data-component="MessageContent"] [class*="_prose_"] h2,
html[data-theme-mode="dark"] [data-component="MessageContent"] [class*="_prose_"] h3 {
  color: var(--ds-ink) !important;
}

/* Metadata and selected controls invert to pale hardware in dark mode. */
html[data-theme-mode="dark"] [data-component="MinimalMessage"] [class*="_metaPill_"],
html[data-theme-mode="dark"] [class*="_btnPrimary_"],
html[data-theme-mode="dark"] [class*="_btnSubmit_"],
html[data-theme-mode="dark"] [data-variant="primary"],
html[data-theme-mode="dark"] [class*="_tabActive_"],
html[data-theme-mode="dark"] [class*="_tabBtnActive_"],
html[data-theme-mode="dark"] [class*="_segmentedBtnActive_"] {
  color: #111313 !important;
  border-color: #f3f5f4 !important;
  background: linear-gradient(180deg, #f4f6f5, #cfd3d1) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.5), 0 3px 8px rgba(0,0,0,.35) !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"] [class*="_indicator_"] {
  color: var(--ds-ink-2) !important;
  background: rgba(255,255,255,.035) !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_actionsWrap_"] > [class*="_actions_"],
html[data-theme-mode="dark"] #ri-toolbar,
html[data-theme-mode="dark"] #ri-panel,
html[data-theme-mode="dark"] .ri-body,
html[data-theme-mode="dark"] .ri-lib-view,
html[data-theme-mode="dark"] .ri-draft-box,
html[data-theme-mode="dark"] .ri-preview {
  color: var(--ds-ink) !important;
  background: rgba(17,19,19,.96) !important;
}

html[data-theme-mode="dark"] [data-component="InputArea"] {
  background:
    linear-gradient(120deg, rgba(25,27,27,.99), rgba(10,12,12,.99)),
    repeating-linear-gradient(90deg, transparent 0 63px, rgba(255,255,255,.018) 63px 64px) !important;
  box-shadow: var(--ds-shadow), inset 0 0 0 5px rgba(255,255,255,.018) !important;
}

html[data-theme-mode="dark"] [data-component="InputArea"] [class*="_inputRow_"] {
  background: rgba(255,255,255,.018) !important;
}

html[data-theme-mode="dark"] [data-component="InputArea"] [class*="_inputWrapper_"],
html[data-theme-mode="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-theme-mode="dark"] textarea,
html[data-theme-mode="dark"] select,
html[data-theme-mode="dark"] .ri-ta,
html[data-theme-mode="dark"] .ri-select,
html[data-theme-mode="dark"] .ri-name-input {
  color: var(--ds-ink) !important;
  background: rgba(255,255,255,.035) !important;
}

html[data-theme-mode="dark"] [data-component="InputArea"] [class*="_sendBtn_"] {
  color: #111313 !important;
  border-color: #f5f7f6 !important;
  background: linear-gradient(145deg, #ffffff, #d8dcda 62%, #aeb3b0) !important;
  box-shadow: inset 0 0 0 4px rgba(0,0,0,.06), 0 0 0 4px rgba(255,255,255,.04), 0 7px 16px rgba(0,0,0,.38) !important;
}

html[data-theme-mode="dark"] [class*="_modal_"]:not([class*="_modalBackdrop_"]),
html[data-theme-mode="dark"] [class*="_dialog_"],
html[data-theme-mode="dark"] [class*="_sheet_"],
html[data-theme-mode="dark"] [class*="_profileShell_"],
html[data-theme-mode="dark"] [class*="_shell_"],
html[data-theme-mode="dark"] [class*="_dropdownMenu_"],
html[data-theme-mode="dark"] [role="menu"],
html[data-theme-mode="dark"] [class*="_popover_"],
html[data-theme-mode="dark"] [data-sonner-toast],
html[data-theme-mode="dark"] [class*="_toast_"],
html[data-theme-mode="dark"] [class*="_notification_"] {
  color: var(--ds-ink) !important;
  background:
    linear-gradient(135deg, rgba(28,30,30,.99), rgba(10,12,12,.99)),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(255,255,255,.015) 79px 80px) !important;
  box-shadow: 0 0 0 5px rgba(20,22,22,.55), 0 24px 80px rgba(0,0,0,.52) !important;
}

html[data-theme-mode="dark"] [class*="_card_"]:not([data-component="MinimalMessage"]),
html[data-theme-mode="dark"] [class*="_presetManagerCard_"],
html[data-theme-mode="dark"] [class*="_chatItem_"] {
  color: var(--ds-ink) !important;
  background: linear-gradient(145deg, #202222, #101212) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 4px 12px rgba(0,0,0,.20) !important;
}

@media (max-width: 780px) {
  [data-component="MinimalMessage"] > [class*="_avatar_"],
  [data-component="MinimalMessage"][data-part="character"] > [class*="_avatar_"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 6px !important;
  }

  [data-component="MinimalMessage"],
  [data-component="MinimalMessage"][data-part="character"],
  [data-component="MinimalMessage"][data-part="user"] {
    margin-top: 24px !important;
    margin-bottom: 30px !important;
    padding: 9px !important;
  }

  [data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"] {
    margin-left: 2px !important;
    margin-right: 2px !important;
    padding: 21px 19px 18px !important;
  }
}

@media (max-width: 480px) {
  [data-component="MinimalMessage"],
  [data-component="MinimalMessage"][data-part="user"] {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  [data-component="MinimalMessage"] > [class*="_avatar_"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
    width: 54px !important;
    min-width: 54px !important;
    padding: 9px !important;
  }

  [data-component="MinimalMessage"] > [class*="_bubble_"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] {
    padding: 18px 12px 12px !important;
  }

  [data-component="MinimalMessage"] [class*="_metaPill_"] [class*="_metaSegment_"]:nth-child(n+3) {
    display: none !important;
  }

  [data-component="InputArea"] [class*="_inputRow_"] {
    grid-template-columns: minmax(0,1fr) 46px !important;
  }

  [data-component="InputArea"] [class*="_attachBtn_"] {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* ========================================================================== 
   v1.1 // FIXED IDENTITY HEADER + WINDOW-CHROME CHAT TOOLBAR
   Kept at the end so it cleanly supersedes the v1.0 message composition.
   ========================================================================== */

/* 11. Chat toolbar as an application window title bar --------------------- */
[class*="_chatToolbar_"] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  width: calc(100% - 28px) !important;
  max-width: 1220px !important;
  min-height: 46px !important;
  margin: 10px auto 16px !important;
  padding: 7px 116px 7px 250px !important;
  overflow: visible !important;
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(252,252,250,.98), rgba(224,225,223,.98)),
    repeating-linear-gradient(90deg, transparent 0 47px, rgba(23,25,27,.03) 47px 48px) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.96), inset 0 -3px rgba(23,25,27,.04), 0 4px 16px rgba(23,25,27,.10) !important;
  clip-path: polygon(10px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px) !important;
}

[class*="_chatToolbar_"]::before {
  content: "CONVERSATION  //  COMMAND BAR";
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--ds-ink-2);
  font: 700 11px/1 var(--ds-font-display);
  letter-spacing: .08em;
  white-space: nowrap;
  pointer-events: none;
}

[class*="_chatToolbar_"]::after {
  content: "□    —    ×";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--ds-ink-3);
  font: 400 13px/1 var(--ds-font-mono);
  letter-spacing: .08em;
  white-space: pre;
  pointer-events: none;
}

[class*="_chatToolbar_"] [class*="_toolbarBtn_"],
[class*="_chatToolbar_"] button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  padding: 0 !important;
  color: var(--ds-ink-3) !important;
  border: 1px solid transparent !important;
  border-radius: 1px !important;
  background: transparent !important;
  box-shadow: none !important;
}

[class*="_chatToolbar_"] [class*="_toolbarBtn_"]:hover,
[class*="_chatToolbar_"] button:hover,
[class*="_chatToolbar_"] [aria-pressed="true"] {
  color: var(--lumiverse-primary-contrast) !important;
  border-color: #08090a !important;
  background: var(--ds-black) !important;
}

/* 12. Fixed identity header: avatar + name + metadata above narrative ------ */
[data-component="MinimalMessage"],
[data-component="MinimalMessage"][data-part="character"] {
  grid-template-columns: 88px minmax(0, 1fr) 38px !important;
  grid-template-rows: 88px auto auto !important;
  align-items: stretch !important;
  min-height: 0 !important;
}

[data-component="MinimalMessage"][data-part="user"] {
  grid-template-columns: 38px minmax(0, 1fr) 88px !important;
  grid-template-rows: 88px auto auto !important;
}

/* Retire the card-level unit text that previously crossed the identity lane. */
[data-component="MinimalMessage"]::before,
[data-component="MinimalMessage"][data-part="user"]::before {
  display: none !important;
  content: none !important;
}

/* The bubble becomes a structural pass-through; its children form the rows. */
[data-component="MinimalMessage"] > [class*="_bubble_"] {
  display: contents !important;
}

[data-component="MinimalMessage"] > [class*="_bubble_"]::before,
[data-component="MinimalMessage"] > [class*="_bubble_"]::after {
  display: none !important;
  content: none !important;
}

/* Avatar is now a fixed instrument module, never tied to prose height. */
[data-component="MinimalMessage"] > [class*="_avatar_"],
[data-component="MinimalMessage"][data-part="character"] > [class*="_avatar_"] {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 76px !important;
  min-width: 76px !important;
  height: 76px !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 10px !important;
  box-shadow: inset 0 0 0 4px rgba(23,25,27,.04), 3px 0 0 rgba(23,25,27,.05) !important;
}

[data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 76px !important;
  min-width: 76px !important;
  height: 76px !important;
  min-height: 76px !important;
}

/* Dedicated title-bar row. */
[data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_header_"] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
  min-width: 0 !important;
  min-height: 74px !important;
  height: auto !important;
  margin: 7px 0 !important;
  padding: 13px 24px 13px 18px !important;
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line-soft) !important;
  border-right-color: var(--ds-line) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(252,252,250,.94), rgba(225,226,224,.94)),
    repeating-linear-gradient(90deg, transparent 0 31px, rgba(23,25,27,.03) 31px 32px) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.9), inset 0 -3px rgba(23,25,27,.035) !important;
  clip-path: polygon(9px 0, calc(100% - 13px) 0, 100% 13px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px) !important;
  overflow: hidden !important;
}

[data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > [class*="_header_"] {
  grid-column: 2 !important;
}

/* Unit labels now own a flex lane at the far side of the header. */
[data-component="MinimalMessage"][data-part="character"] > [class*="_bubble_"] > [class*="_header_"]::after {
  content: "AI  ·  CHARACTER UNIT  //";
}

[data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > [class*="_header_"]::after {
  content: "USER  ·  HUMAN INPUT  //";
}

[data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_header_"]::after {
  display: block !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  margin-left: auto !important;
  padding-left: 18px !important;
  color: var(--ds-ink-3) !important;
  font: 400 9px/1.25 var(--ds-font-mono) !important;
  letter-spacing: .08em !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Narrative body becomes an independent panel below the full identity row. */
[data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"] {
  grid-column: 1 / 3 !important;
  grid-row: 2 !important;
  position: relative !important;
  align-self: stretch !important;
  min-width: 0 !important;
  min-height: 86px !important;
  margin: 0 !important;
  padding: 22px 26px 20px !important;
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(105deg, rgba(255,255,255,.97), rgba(242,242,240,.94)),
    repeating-linear-gradient(90deg, transparent 0 47px, rgba(23,25,27,.022) 47px 48px) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.94), inset 0 -3px rgba(23,25,27,.025) !important;
  clip-path: polygon(10px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px) !important;
  overflow: hidden !important;
}

[data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > [data-component="MessageContent"] {
  grid-column: 2 / 4 !important;
}

[data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"]::before,
[data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"]::after {
  content: "";
  position: absolute;
  z-index: 4;
  width: 14px;
  height: 14px;
  pointer-events: none;
}

[data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"]::before {
  top: 7px;
  left: 8px;
  border-top: 2px solid var(--ds-ink);
  border-left: 2px solid var(--ds-ink);
}

[data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"]::after {
  right: 8px;
  bottom: 7px;
  border-right: 2px solid var(--ds-ink);
  border-bottom: 2px solid var(--ds-ink);
}

/* Swipe/greeting controls get their own footer row rather than enlarging avatar. */
[data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_indicator_"] {
  grid-column: 1 / 3 !important;
  grid-row: 3 !important;
  justify-self: start !important;
  margin: 10px 0 2px 14px !important;
}

[data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > [class*="_indicator_"] {
  grid-column: 2 / 4 !important;
}

/* Actions span the card rows but remain independent of message height. */
[data-component="MinimalMessage"] > [class*="_actionsWrap_"] {
  grid-column: 3 !important;
  grid-row: 1 / 4 !important;
  align-self: center !important;
}

[data-component="MinimalMessage"][data-part="user"] > [class*="_actionsWrap_"] {
  grid-column: 1 !important;
  grid-row: 1 / 4 !important;
}

/* 13. Compact version of the new structure ------------------------------- */
@media (max-width: 780px) {
  [class*="_chatToolbar_"] {
    width: calc(100% - 10px) !important;
    min-height: 40px !important;
    margin: 5px auto 10px !important;
    padding: 5px 82px 5px 92px !important;
  }

  [class*="_chatToolbar_"]::before {
    left: 14px;
    content: "CHAT  //  BAR";
    font-size: 9px;
  }

  [class*="_chatToolbar_"]::after {
    right: 12px;
    content: "□  —  ×";
    font-size: 10px;
  }

  [class*="_chatToolbar_"] [class*="_toolbarBtn_"],
  [class*="_chatToolbar_"] button {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
  }

  [data-component="MinimalMessage"],
  [data-component="MinimalMessage"][data-part="character"] {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    grid-template-rows: 70px auto auto auto !important;
  }

  [data-component="MinimalMessage"][data-part="user"] {
    grid-template-columns: minmax(0, 1fr) 64px !important;
    grid-template-rows: 70px auto auto auto !important;
  }

  [data-component="MinimalMessage"] > [class*="_avatar_"],
  [data-component="MinimalMessage"][data-part="character"] > [class*="_avatar_"] {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 8px !important;
  }

  [data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
    grid-column: 2 !important;
  }

  [data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_header_"] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: 58px !important;
    margin: 6px 0 !important;
    padding: 9px 12px !important;
  }

  [data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > [class*="_header_"] {
    grid-column: 1 !important;
  }

  [data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_header_"]::after {
    display: none !important;
    content: none !important;
  }

  [data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > [data-component="MessageContent"] {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    min-height: 72px !important;
    padding: 18px 16px 15px !important;
  }

  [data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_indicator_"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_bubble_"] > [class*="_indicator_"] {
    grid-column: 1 / 3 !important;
    grid-row: 3 !important;
    margin: 8px 0 2px 8px !important;
  }

  [data-component="MinimalMessage"] > [class*="_actionsWrap_"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_actionsWrap_"] {
    grid-column: 1 / 3 !important;
    grid-row: 4 !important;
    width: auto !important;
    margin: 6px 0 0 !important;
  }
}

/* v1.2.1 FINAL AUTHORITY ---------------------------------------------------
   Deliberately last: later legacy compatibility blocks must not restore the
   six-sided portrait or the global dark dot screen. */
/* v1.2.2 compact composer overrides follow all legacy geometry rules. */
@media (min-width: 781px) {
  [data-component="InputArea"] {
    width: min(calc(100% - 24px), 1000px) !important;
    max-width: 1000px !important;
  }
}

[data-component="InputArea"] {
  margin: 6px auto 8px !important;
  padding: 12px 14px 10px !important;
}

[data-component="InputArea"]::before {
  top: 5px !important;
}

[data-component="InputArea"] [class*="_actionBar_"] {
  min-height: 40px !important;
  margin-bottom: 5px !important;
  padding-top: 3px !important;
  padding-bottom: 5px !important;
}

[data-component="InputArea"] [class*="_inputRow_"] {
  min-height: 58px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

[data-component="MinimalMessage"],
[data-component="MinimalMessage"][data-part="character"],
[data-component="MinimalMessage"][data-part="user"] {
  margin-bottom: 18px !important;
}

@media (max-width: 780px) {
  [data-component="InputArea"] {
    width: calc(100% - 10px) !important;
    padding: 10px 9px 8px !important;
  }
}

html[data-theme-mode="dark"] [class*="_chatToolbar_"],
html[data-theme-mode="dark"] [data-component="MinimalMessage"],
html[data-theme-mode="dark"] [data-component="InputArea"] {
  background-color: #111313 !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_header_"] {
  background-color: #181a1a !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"] {
  background-color: #0d0f0f !important;
}

html[data-theme-mode="dark"] [class*="_modal_"]:not([class*="_modalBackdrop_"]),
html[data-theme-mode="dark"] [class*="_dialog_"],
html[data-theme-mode="dark"] [class*="_sheet_"],
html[data-theme-mode="dark"] [class*="_profileShell_"],
html[data-theme-mode="dark"] [class*="_shell_"] {
  background-color: #111313 !important;
}

[data-component="MinimalMessage"] > [class*="_avatar_"],
[data-component="MinimalMessage"][data-part="character"] > [class*="_avatar_"],
[data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
  clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px) !important;
}

[data-component="MinimalMessage"] > [class*="_avatar_"] > div,
[data-component="MinimalMessage"] > [class*="_avatar_"] img {
  border-radius: 0 !important;
  clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px) !important;
}

html[data-theme-mode="dark"] body::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

html[data-theme-mode="dark"] body {
  background-image: linear-gradient(135deg, #080909 0%, #151717 42%, #0a0b0b 100%) !important;
}

html[data-theme-mode="dark"] [data-lumiverse-surface="chat-body"] {
  background-image: linear-gradient(145deg, rgba(255,255,255,.018), rgba(0,0,0,.10)) !important;
}

html[data-theme-mode="dark"] [class*="_chatToolbar_"],
html[data-theme-mode="dark"] [data-component="MinimalMessage"],
html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_bubble_"] > [class*="_header_"],
html[data-theme-mode="dark"] [data-component="MinimalMessage"] > [class*="_bubble_"] > [data-component="MessageContent"],
html[data-theme-mode="dark"] [data-component="InputArea"],
html[data-theme-mode="dark"] [class*="_modal_"]:not([class*="_modalBackdrop_"]),
html[data-theme-mode="dark"] [class*="_dialog_"],
html[data-theme-mode="dark"] [class*="_sheet_"],
html[data-theme-mode="dark"] [class*="_profileShell_"],
html[data-theme-mode="dark"] [class*="_shell_"] {
  background-image: linear-gradient(135deg, rgba(255,255,255,.025), rgba(0,0,0,.08)) !important;
}

html[data-theme-mode="dark"] [data-component="MinimalMessage"][data-part="user"] {
  background-image: linear-gradient(90deg, #101212, #1a1c1c) !important;
}
/* v1.2.3 final geometry authority */
[data-component="MinimalMessage"],
[data-component="MinimalMessage"][data-part="character"],
[data-component="MinimalMessage"][data-part="user"] {
  width: min(calc(100% - 24px), 1000px) !important;
  max-width: 1000px !important;
  grid-template-rows: 164px auto auto !important;
}
[data-component="MinimalMessage"],
[data-component="MinimalMessage"][data-part="character"] {
  grid-template-columns: 164px minmax(0, 1fr) 38px !important;
}
[data-component="MinimalMessage"][data-part="user"] {
  grid-template-columns: 38px minmax(0, 1fr) 164px !important;
}
[data-component="MinimalMessage"] > [class*="_avatar_"],
[data-component="MinimalMessage"][data-part="character"] > [class*="_avatar_"],
[data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
  width: 152px !important;
  min-width: 152px !important;
  height: 152px !important;
  min-height: 152px !important;
  padding: 6px !important;
}
[data-component="MinimalMessage"] > [class*="_avatar_"] img {
  filter: none !important;
}
@media (max-width: 780px) {
  [data-component="MinimalMessage"],
  [data-component="MinimalMessage"][data-part="character"],
  [data-component="MinimalMessage"][data-part="user"] {
    width: calc(100% - 10px) !important;
    grid-template-rows: 106px auto auto auto !important;
  }
  [data-component="MinimalMessage"],
  [data-component="MinimalMessage"][data-part="character"] {
    grid-template-columns: 106px minmax(0, 1fr) !important;
  }
  [data-component="MinimalMessage"][data-part="user"] {
    grid-template-columns: minmax(0, 1fr) 106px !important;
  }
  [data-component="MinimalMessage"] > [class*="_avatar_"],
  [data-component="MinimalMessage"][data-part="character"] > [class*="_avatar_"],
  [data-component="MinimalMessage"][data-part="user"] > [class*="_avatar_"] {
    width: 98px !important;
    min-width: 98px !important;
    height: 98px !important;
    min-height: 98px !important;
  }
}

/* v1.2.4: keep text and its surface in the same color mode. */
html[data-theme-mode="dark"] #ri-panel :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select),
html[data-theme-mode="dark"] #ri-dir-ta,
html[data-theme-mode="dark"] #ri-preset-select {
  color: #edf0ef !important;
  caret-color: #edf0ef !important;
  background: #202423 !important;
  border-color: rgba(237,240,239,.32) !important;
  color-scheme: dark !important;
}

html[data-theme-mode="dark"] #ri-panel :is(input, textarea)::placeholder,
html[data-theme-mode="dark"] #ri-dir-ta::placeholder {
  color: #aeb8b3 !important;
  opacity: 1 !important;
}

html[data-theme-mode="dark"] #ri-panel select option {
  color: #edf0ef !important;
  background: #202423 !important;
}

html[data-theme-mode="light"] #ri-panel :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select),
html[data-theme-mode="light"] #ri-dir-ta,
html[data-theme-mode="light"] #ri-preset-select {
  color: #17191b !important;
  caret-color: #17191b !important;
  background: #fafaf8 !important;
  color-scheme: light !important;
}

/* Connections uses additional drawer surfaces outside the standard modal tree. */
html[data-theme-mode="dark"] [class*="_drawer_"] :is(div, section, form)[class*="form" i],
html[data-theme-mode="dark"] [class*="_drawer_"] :is(div, section)[class*="detail" i],
html[data-theme-mode="dark"] [class*="_drawer_"] :is(div, section)[class*="editor" i],
html[data-theme-mode="dark"] [class*="_drawer_"] :is(div, section):has(> [class*="_field_"]) {
  color: #edf0ef !important;
  background: #1b1f1e !important;
}

html[data-theme-mode="dark"] [class*="_drawer_"] :is(div, section)[class*="selected" i],
html[data-theme-mode="dark"] [class*="_drawer_"] :is(div, section)[class*="active" i],
html[data-theme-mode="dark"] [class*="_drawer_"] [aria-selected="true"] {
  color: #edf0ef !important;
  background: #2b302e !important;
}

html[data-theme-mode="dark"] [class*="_drawer_"] :is(div, section)[class*="selected" i] :is(span, small, strong, p, label, svg),
html[data-theme-mode="dark"] [class*="_drawer_"] :is(div, section)[class*="active" i] :is(span, small, strong, p, label, svg),
html[data-theme-mode="dark"] [class*="_drawer_"] [aria-selected="true"] :is(span, small, strong, p, label, svg) {
  color: #edf0ef !important;
}

html[data-theme-mode="light"] [class*="_drawer_"] :is(div, section)[class*="selected" i],
html[data-theme-mode="light"] [class*="_drawer_"] :is(div, section)[class*="active" i],
html[data-theme-mode="light"] [class*="_drawer_"] [aria-selected="true"] {
  color: #17191b !important;
  background: #e5e8e6 !important;
}

html[data-theme-mode="light"] [class*="_drawer_"] :is(div, section)[class*="selected" i] :is(span, small, strong, p, label, svg),
html[data-theme-mode="light"] [class*="_drawer_"] :is(div, section)[class*="active" i] :is(span, small, strong, p, label, svg),
html[data-theme-mode="light"] [class*="_drawer_"] [aria-selected="true"] :is(span, small, strong, p, label, svg) {
  color: #17191b !important;
}

/* v1.3.0 — landing-page CD decks. Keep the host's 3:4 card footprint: its
   virtualizer estimates row height from that exact ratio. All transport keys
   are ornamental; the original full-card button remains the only action. */
[data-component="LandingPageChats"] {
  --ds-deck-face: linear-gradient(145deg, #f6f7f4 0%, #d8dcda 48%, #eef0ed 100%);
  --ds-deck-edge: #747b79;
  --ds-deck-ink: #222827;
  --ds-deck-muted: #59615e;
  --ds-deck-groove: rgba(39, 47, 44, .24);
  --ds-deck-lcd: #16211d;
  --ds-deck-lcd-ink: #e0f0e6;
}

html[data-theme-mode="dark"] [data-component="LandingPageChats"] {
  --ds-deck-face: linear-gradient(145deg, #272c2a 0%, #111514 54%, #202524 100%);
  --ds-deck-edge: #7a8280;
  --ds-deck-ink: #edf0ef;
  --ds-deck-muted: #a3adaa;
  --ds-deck-groove: rgba(228, 235, 231, .18);
  --ds-deck-lcd: #080f0c;
  --ds-deck-lcd-ink: #cce6d5;
}

[data-component="LandingPageChats"] [class*="_cardTilt_"] {
  min-width: 0 !important;
}

[data-component="LandingPageChats"] [class*="_card_"]:not([class*="_cardContent_"]) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1px solid var(--ds-deck-edge) !important;
  border-radius: 3px !important;
  background: var(--ds-deck-face) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 0 0 5px var(--ds-deck-groove), 0 7px 18px rgba(0,0,0,.19) !important;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px) !important;
}

[data-component="LandingPageChats"] [class*="_card_"]:not([class*="_cardContent_"])::before {
  content: "DORON / DISC  01";
  position: absolute;
  top: 8px;
  left: 11px;
  z-index: 5;
  color: var(--ds-deck-muted);
  font: 8px/1 var(--ds-font-mono);
  letter-spacing: .11em;
  pointer-events: none;
}

[data-component="LandingPageChats"] [class*="_cardBtn_"] {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  padding: 0 !important;
  color: var(--ds-deck-ink) !important;
  background: transparent !important;
}

[data-component="LandingPageChats"] [class*="_cardImage_"] {
  position: absolute !important;
  top: 8% !important;
  left: 50% !important;
  width: 77% !important;
  height: auto !important;
  aspect-ratio: 1 !important;
  transform: translateX(-50%) !important;
  border: 5px solid #242a28 !important;
  border-radius: 50% !important;
  background: #242a28 !important;
  box-shadow: 0 0 0 2px var(--ds-deck-edge), 0 0 0 5px var(--ds-deck-groove), 0 10px 20px rgba(0,0,0,.24) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

[data-component="LandingPageChats"] [class*="_cardImage_"] :is(img, picture img) {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: none !important;
}

[data-component="LandingPageChats"] [class*="_cardImageOverlay_"] {
  display: none !important;
}

[data-component="LandingPageChats"] [class*="_cardImage_"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  border-radius: 50%;
  background: repeating-radial-gradient(circle, transparent 0 14px, rgba(255,255,255,.16) 15px, transparent 16px 22px);
  pointer-events: none;
}

[data-component="LandingPageChats"] [class*="_cardImage_"]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 17%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border: 3px solid rgba(255,255,255,.8);
  border-radius: 50%;
  background: radial-gradient(circle, #111 0 18%, #a5aaa6 20% 49%, rgba(15,19,17,.78) 51% 100%);
  box-shadow: 0 0 0 2px rgba(0,0,0,.64);
  pointer-events: none;
}

[data-component="LandingPageChats"] [class*="_cardContent_"] {
  position: absolute !important;
  top: auto !important;
  right: 9px !important;
  bottom: 9px !important;
  left: 9px !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 2px !important;
  height: 32% !important;
  padding: 5px 6px 0 !important;
  border-top: 1px solid var(--ds-deck-edge) !important;
  color: var(--ds-deck-ink) !important;
  background: transparent !important;
}

[data-component="LandingPageChats"] [class*="_cardName_"] {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--ds-deck-ink) !important;
  font: 700 12px/1.2 var(--ds-font-display) !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
}

[data-component="LandingPageChats"] [class*="_cardName_"] svg {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 9px !important;
  height: 9px !important;
  color: var(--ds-deck-ink) !important;
}

[data-component="LandingPageChats"] [class*="_cardName_"]::before {
  content: "NOW PLAYING:";
  display: block;
  margin-bottom: 2px;
  color: var(--ds-deck-muted);
  font: 8px/1 var(--ds-font-mono);
  letter-spacing: .12em;
}

[data-component="LandingPageChats"] [class*="_cardName_"] span {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

[data-component="LandingPageChats"] [class*="_cardMeta_"] {
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: center !important;
  align-items: center !important;
  gap: 1px 6px !important;
  min-height: 29px !important;
  padding: 3px 5px !important;
  border: 1px solid var(--ds-deck-edge) !important;
  color: var(--ds-deck-lcd-ink) !important;
  background: var(--ds-deck-lcd) !important;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.04) !important;
}

[data-component="LandingPageChats"] [class*="_cardMeta_"]::before {
  content: "LAST SESSION  //";
  flex-basis: 100%;
  color: var(--ds-deck-lcd-ink);
  opacity: .7;
  font: 7px/1 var(--ds-font-mono);
  letter-spacing: .08em;
}

[data-component="LandingPageChats"] [class*="_cardMeta_"] :is([class*="_cardTime_"], [class*="_chatCountBadge_"], [class*="_groupBadge_"]) {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--ds-deck-lcd-ink) !important;
  background: transparent !important;
  font: 8px/1.1 var(--ds-font-mono) !important;
  letter-spacing: .04em !important;
}

[data-component="LandingPageChats"] [class*="_cardContent_"]::after {
  content: "|◀     ▶     ❚❚     ▶|";
  display: block;
  height: 17px;
  color: var(--ds-deck-ink);
  border: 1px solid var(--ds-deck-edge);
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(0,0,0,.08));
  font: 10px/15px var(--ds-font-mono);
  letter-spacing: .08em;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}

@media (max-width: 600px) {
  [data-component="LandingPageChats"] [class*="_cardImage_"] {
    top: 7% !important;
    width: 68% !important;
    border-width: 3px !important;
  }
  [data-component="LandingPageChats"] [class*="_cardContent_"] {
    right: 5px !important;
    bottom: 5px !important;
    left: 5px !important;
    height: 40% !important;
    padding: 3px 3px 0 !important;
  }
  [data-component="LandingPageChats"] [class*="_cardName_"] {
    font-size: 9px !important;
  }
  [data-component="LandingPageChats"] [class*="_cardMeta_"] {
    min-height: 23px !important;
    padding: 2px 3px !important;
  }
  [data-component="LandingPageChats"] [class*="_cardContent_"]::after {
    height: 14px;
    font-size: 8px;
    line-height: 12px;
  }
}