/* ── DALIAH FAST / DALIAH DEEP (18 Sep 2026) ───────────────────────────────
   The model picker in the chat box, in her hand: the sketched frame the chat
   box wears (not a CSS border), her bolt and her brain, a hand-circled x2.5,
   her tick. Paper, ink, lavender - no white box, in both themes. */

/* the pill, beside the call mark */
.dchat-brain{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:5px;
  height:30px; padding:0 8px 0 7px; margin:0 1px;
  border:0; border-radius:15px; background:transparent; cursor:pointer;
  color:var(--ink,#141414); line-height:1; white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  transition:background .14s ease, color .14s ease;
}
.dchat-brain:hover,
.dchat-brain[aria-expanded="true"]{ background:var(--lav-08,rgba(175,105,238,.08)); color:var(--ink,#141414) }
.dchat-brain:focus-visible{ outline:2px solid var(--lav,#AF69EE); outline-offset:1px }
.dchat-brain .dbrain-ic{ display:inline-flex; width:16px; height:16px; color:currentColor }
/* the model reads in black ink, whichever it is (his call) - the lavender
   stays in the menu, where Deep's brain is drawn */
.dchat-brain.is-deep,
.dchat-brain.is-deep:hover,
.dchat-brain.is-deep[aria-expanded="true"]{ color:var(--ink,#141414) }
.dchat-brain .dbrain-name{
  font-family:var(--serif,'Fraunces',serif); font-size:14px; font-weight:500;
  letter-spacing:.005em;
}
.dbrain-chev{
  width:11px; height:11px; margin-left:-1px; fill:none; stroke:currentColor;
  stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; opacity:.8;
  transition:transform .16s ease;
}
.dchat-brain[aria-expanded="true"] .dbrain-chev{ transform:rotate(180deg) }

/* THE AUDIO IN BLACK TOO (18 Sep 2026, his call: "make the model in black"
   ... "and the audio"). The call mark beside the model reads in ink - its
   mic and its drawn square (live.js draws the square in currentColor);
   the + and send keep her lavender. Set here, not in live.css. */
.dchat-tools .dchat-call{ color:var(--ink,#141414) }
.dchat-tools .dchat-call .dcall-ico *{ stroke:var(--ink,#141414) }
.dchat-tools .dchat-call .dcall-mark{ color:var(--ink,#141414) }
.dchat-tools .dchat-call svg[data-lic] path{ stroke:var(--ink,#141414) }

/* the menu: paper, her sketched frame, a soft lift off the page */
.dbrain-menu{
  position:fixed; z-index:10050; box-sizing:border-box; padding:7px;
  background:var(--paper,#F0ECE6); color:var(--ink,#141414);
  border-radius:6px;
  box-shadow:0 20px 44px -14px rgba(25,21,15,.30), 0 3px 10px -4px rgba(25,21,15,.10);
  font-family:var(--sans,'Inter',sans-serif);
  animation:dbrainIn .15s ease-out;
}
[data-theme="dark"] .dbrain-menu{
  box-shadow:0 22px 48px -12px rgba(0,0,0,.65), 0 3px 12px -4px rgba(0,0,0,.4);
}
.dbrain-menu.no-ink{ border:1.4px solid var(--ink,#141414) }
.dbrain-ink{
  position:absolute; inset:0; width:100%; height:100%; pointer-events:none;
  overflow:visible; color:var(--ink,#141414); opacity:.6;
}
@keyframes dbrainIn{ from{ opacity:0; transform:translateY(5px) } to{ opacity:1; transform:none } }
.dbrain-list{ position:relative; display:flex; flex-direction:column; gap:2px }

/* one model: her mark, its name and one line, her tick */
.dbrain-opt{
  position:relative; display:grid; grid-template-columns:34px minmax(0,1fr) 20px;
  align-items:center; column-gap:10px; width:100%; box-sizing:border-box;
  margin:0; padding:9px 10px 9px 6px; border:0; border-radius:9px;
  background:transparent; color:inherit; text-align:left; cursor:pointer; font:inherit;
  transition:background .12s ease;
}
.dbrain-opt:hover,
.dbrain-opt:focus-visible{ background:var(--lav-08,rgba(175,105,238,.08)); outline:none }
.dbrain-opt .dbrain-ic{
  display:grid; place-items:center; width:34px; height:34px; border-radius:50%;
  color:var(--ink-soft,#1f1f1f);
}
.dbrain-opt[data-k="deep"] .dbrain-ic{ color:var(--lav,#AF69EE) }
.dbrain-opt.on .dbrain-ic{ background:var(--lav-08,rgba(175,105,238,.08)) }
.dbrain-txt{ display:flex; flex-direction:column; gap:3px; min-width:0 }
.dbrain-l{ display:flex; align-items:center; gap:9px; min-width:0 }
.dbrain-nm{
  font-family:var(--serif,'Fraunces',serif); font-size:15.5px; font-weight:500;
  line-height:1.2; white-space:nowrap;
}
.dbrain-b{
  font-size:12.5px; line-height:1.35; color:var(--mute,#8C887E);
}
.dbrain-tick{ display:grid; place-items:center; width:20px; height:20px; color:var(--lav,#AF69EE) }

/* x2.5, circled in her pen */
.dbrain-x{
  position:relative; display:inline-flex; align-items:center; padding:1px 4px;
  color:var(--lav,#AF69EE);
}
.dbrain-xt{ position:relative; font:600 11.5px/1 var(--sans,'Inter',sans-serif); letter-spacing:.02em }
.dbrain-xink{
  position:absolute; left:-5px; top:-4px; width:calc(100% + 10px); height:calc(100% + 8px);
  overflow:visible; pointer-events:none;
}

/* locked on the free plan */
.dbrain-opt.locked .dbrain-nm{ color:var(--mute,#8C887E) }
.dbrain-opt.locked .dbrain-ic{ opacity:.55 }
.dbrain-lock{ display:inline-flex; color:var(--mute,#8C887E) }
.dbrain-up{
  position:relative; margin:4px 8px 3px; padding:9px 2px 3px;
  border-top:1px dashed var(--line,rgba(25,21,15,.08));
  font-size:12.5px; line-height:1.45; color:var(--ink-soft,#1f1f1f);
}
.dbrain-up a{ color:var(--lav,#AF69EE); text-decoration:underline; text-underline-offset:2px; white-space:nowrap }

/* the phone: a thumb's worth of room, the same menu */
@media (max-width:640px){
  .dchat-brain{ height:32px; padding:0 7px 0 6px }
  .dchat-brain .dbrain-name{ font-size:13.5px }
  .dbrain-opt{ padding:11px 10px 11px 6px }
}
@media (prefers-reduced-motion:reduce){
  .dbrain-menu{ animation:none }
  .dbrain-chev{ transition:none }
}