/* LVL V1.19.9BB — TREINE COM IA / COMPACT PRO
   Visual-only layer scoped to #view-dutch-chat.
   No speech, dialogue, API, progress or pedagogical owner is replaced.
*/

#view-dutch-chat .dutch-chat-shell.lvl-ai-1199bb{
  --ai-bg:#0a0e15;
  --ai-card:#0c1119;
  --ai-card-2:#101522;
  --ai-line:#252c3a;
  --ai-text:#f4f6fb;
  --ai-muted:#81899a;
  --ai-purple:#9b3cff;
  --ai-purple-2:#c04cff;
  --ai-green:#43d39f;
  display:grid!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}

/* ---------------- HERO ---------------- */
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 142px!important;
  align-items:center!important;
  min-height:150px!important;
  gap:12px!important;
  margin:0!important;
  padding:18px 20px!important;
  overflow:hidden!important;
  border:1px solid var(--ai-line)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 82% 25%,rgba(157,52,255,.22),transparent 27%),
    linear-gradient(135deg,#0d121b 0%,#0b1018 58%,#0d0c18 100%)!important;
  box-shadow:none!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  width:126px!important;
  height:96px!important;
  right:24px!important;
  top:24px!important;
  border-radius:24px!important;
  opacity:.96!important;
  background:
    radial-gradient(circle at 38% 42%,#ede2ff 0 4px,transparent 5px),
    radial-gradient(circle at 50% 42%,#d7c5f4 0 4px,transparent 5px),
    radial-gradient(circle at 62% 42%,#bfa6e8 0 4px,transparent 5px),
    linear-gradient(145deg,#a447ff 0%,#6c2cc0 74%)!important;
  box-shadow:
    18px 38px 0 -6px rgba(66,51,86,.92),
    0 18px 40px rgba(143,54,236,.22)!important;
  transform:rotate(5deg)!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  right:7px!important;
  top:5px!important;
  width:176px!important;
  height:135px!important;
  border:1px solid rgba(155,60,255,.15)!important;
  border-radius:50%!important;
  transform:rotate(-11deg)!important;
  box-shadow:0 0 0 18px rgba(155,60,255,.025),0 0 0 38px rgba(155,60,255,.012)!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero>div:first-child{
  min-width:0!important;
  position:relative!important;
  z-index:2!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero .eyebrow{
  display:block!important;
  margin:0 0 5px!important;
  color:#c45aff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero h2{
  max-width:430px!important;
  margin:0 0 6px!important;
  color:var(--ai-text)!important;
  font-size:25px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero p{
  max-width:455px!important;
  margin:0!important;
  color:var(--ai-muted)!important;
  font-size:11px!important;
  line-height:1.5!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-status{
  position:absolute!important;
  left:20px!important;
  bottom:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  margin:0!important;
  padding:5px 8px!important;
  border:1px solid rgba(67,211,159,.22)!important;
  border-radius:999px!important;
  background:rgba(67,211,159,.07)!important;
  color:#7ee2bc!important;
  font-size:8px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-status span{
  width:6px!important;
  height:6px!important;
  margin-right:5px!important;
  background:var(--ai-green)!important;
  box-shadow:0 0 9px rgba(67,211,159,.45)!important;
}

/* ---------------- SETUP + CHAT LAYOUT ---------------- */
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-layout{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  min-width:0!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-sidebar,
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-main{
  min-width:0!important;
  margin:0!important;
  border:1px solid var(--ai-line)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#0c1119,#0a0f16)!important;
  box-shadow:none!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-sidebar{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  padding:12px!important;
  align-content:start!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-sidebar>small{
  display:block!important;
  margin:0!important;
  color:#bb4fff!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}

/* Situation rail: two compact rows, horizontal swipe when needed. */
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-sidebar{
  --topic-h:38px;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-sidebar>.lvl-ai-topic-rail-1199bb{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-rows:repeat(2,var(--topic-h))!important;
  grid-auto-columns:minmax(116px,1fr)!important;
  gap:6px!important;
  width:100%!important;
  overflow-x:auto!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  scroll-snap-type:x proximity!important;
  padding:1px 0 2px!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-sidebar>.lvl-ai-topic-rail-1199bb::-webkit-scrollbar{display:none!important;}

#view-dutch-chat .lvl-ai-1199bb .lvl-ai-topic-rail-1199bb>[data-chat-topic]{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  height:var(--topic-h)!important;
  margin:0!important;
  padding:6px 9px!important;
  overflow:hidden!important;
  border:1px solid #252c39!important;
  border-radius:10px!important;
  background:#0f141d!important;
  color:#a5adbb!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:750!important;
  text-align:left!important;
  scroll-snap-align:start!important;
}

#view-dutch-chat .lvl-ai-1199bb .lvl-ai-topic-rail-1199bb>[data-chat-topic]::before{
  content:""!important;
  flex:0 0 25px!important;
  width:25px!important;
  height:25px!important;
  border-radius:7px!important;
  background-color:#181d28!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:14px 14px!important;
  opacity:.9!important;
}

#view-dutch-chat .lvl-ai-1199bb .lvl-ai-topic-rail-1199bb>[data-chat-topic].active{
  border-color:rgba(164,60,255,.72)!important;
  background:linear-gradient(135deg,rgba(148,50,244,.19),rgba(62,31,91,.16))!important;
  color:#f0e8ff!important;
  box-shadow:inset 3px 0 0 #9b3cff!important;
}
#view-dutch-chat .lvl-ai-1199bb .lvl-ai-topic-rail-1199bb>[data-chat-topic].active::before{
  background-color:rgba(155,60,255,.24)!important;
}

/* Small monochrome topic glyphs — site vectors, no emoji/native artwork. */
#view-dutch-chat .lvl-ai-1199bb [data-chat-topic="daily"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9b7ff' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E")!important;}
#view-dutch-chat .lvl-ai-1199bb [data-chat-topic="work"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab2c1' stroke-width='2'%3E%3Crect x='3' y='7' width='18' height='12' rx='2'/%3E%3Cpath d='M9 7V5h6v2M3 12h18M10 12v2h4v-2'/%3E%3C/svg%3E")!important;}
#view-dutch-chat .lvl-ai-1199bb [data-chat-topic="job"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab2c1' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 20c.5-4 2.2-6 5-6s4.5 2 5 6M13 20c.4-3 1.8-4.5 4-4.5 2.1 0 3.4 1.5 4 4.5'/%3E%3C/svg%3E")!important;}
#view-dutch-chat .lvl-ai-1199bb [data-chat-topic="shopping"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab2c1' stroke-width='2'%3E%3Cpath d='M5 8h14l1 12H4L5 8Z'/%3E%3Cpath d='M9 9V6a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E")!important;}
#view-dutch-chat .lvl-ai-1199bb [data-chat-topic="health"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab2c1' stroke-width='2'%3E%3Cpath d='M8 3v5a4 4 0 0 0 8 0V3M12 12v2a5 5 0 0 0 5 5h1'/%3E%3Ccircle cx='19' cy='19' r='2'/%3E%3C/svg%3E")!important;}
#view-dutch-chat .lvl-ai-1199bb [data-chat-topic="money"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab2c1' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h4'/%3E%3C/svg%3E")!important;}
#view-dutch-chat .lvl-ai-1199bb [data-chat-topic="transport"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab2c1' stroke-width='2'%3E%3Crect x='5' y='3' width='14' height='15' rx='3'/%3E%3Cpath d='M8 18l-2 3M16 18l2 3M7 7h10M8 14h.01M16 14h.01'/%3E%3C/svg%3E")!important;}
#view-dutch-chat .lvl-ai-1199bb [data-chat-topic="housing"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab2c1' stroke-width='2'%3E%3Cpath d='M3 11l9-8 9 8v10H3V11Z'/%3E%3Cpath d='M9 21v-7h6v7'/%3E%3C/svg%3E")!important;}
#view-dutch-chat .lvl-ai-1199bb [data-chat-topic="restaurant"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab2c1' stroke-width='2'%3E%3Cpath d='M7 3v8M4 3v5c0 2 1 3 3 3s3-1 3-3V3M7 11v10M16 3c3 2 4 5 4 8h-4v10'/%3E%3C/svg%3E")!important;}
#view-dutch-chat .lvl-ai-1199bb [data-chat-topic="surprise"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab2c1' stroke-width='2'%3E%3Crect x='3' y='9' width='18' height='12' rx='2'/%3E%3Cpath d='M12 9v12M3 13h18M12 9c-3 0-5-1-5-3 0-1.5 1-2.5 2.5-2.5C11 3.5 12 6 12 9Zm0 0c3 0 5-1 5-3 0-1.5-1-2.5-2.5-2.5C13 3.5 12 6 12 9Z'/%3E%3C/svg%3E")!important;}

/* ---------------- CUSTOM LEVEL PICKER ---------------- */
#view-dutch-chat .lvl-ai-1199bb .lvl-ai-actions-1199bb{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  align-items:stretch!important;
  margin-top:1px!important;
}

#view-dutch-chat .lvl-ai-1199bb .lvl-ai-native-level-1199bb{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

#view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-picker-1199bb{
  position:relative!important;
  min-width:0!important;
}

#view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-trigger-1199bb{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  height:38px!important;
  padding:0 10px!important;
  border:1px solid #293140!important;
  border-radius:10px!important;
  background:#0f141d!important;
  color:#e7eaf1!important;
  font-size:9px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
#view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-trigger-1199bb::before{
  content:"NÍVEL"!important;
  color:#8e6fb5!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
#view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-trigger-1199bb::after{
  content:"⌄"!important;
  margin-left:auto!important;
  color:#a353ed!important;
  font-size:13px!important;
  line-height:1!important;
  transition:transform .16s ease!important;
}
#view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-picker-1199bb.open .lvl-ai-level-trigger-1199bb::after{
  transform:rotate(180deg)!important;
}

#view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-menu-1199bb{
  position:absolute!important;
  z-index:80!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 6px)!important;
  display:none!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  padding:7px!important;
  border:1px solid #30384a!important;
  border-radius:12px!important;
  background:#0b1018!important;
  box-shadow:0 18px 45px rgba(0,0,0,.45)!important;
}
#view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-picker-1199bb.open .lvl-ai-level-menu-1199bb{
  display:grid!important;
}
#view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-option-1199bb{
  min-height:34px!important;
  padding:6px 8px!important;
  border:1px solid #252d3a!important;
  border-radius:8px!important;
  background:#101620!important;
  color:#a9b0bd!important;
  font-size:8px!important;
  font-weight:750!important;
  text-align:left!important;
  cursor:pointer!important;
}
#view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-option-1199bb.active{
  border-color:rgba(159,62,255,.65)!important;
  background:rgba(148,48,241,.16)!important;
  color:#f1e7ff!important;
}

#view-dutch-chat .lvl-ai-1199bb #dutchNewConversation{
  width:auto!important;
  min-width:114px!important;
  height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid rgba(162,63,255,.6)!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#7f28eb,#a63bff)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:850!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-rule{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:32px!important;
  margin:0!important;
  padding:7px 9px!important;
  border:1px solid #242c39!important;
  border-radius:9px!important;
  background:#0d121a!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-rule::before{
  content:"AI"!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  border-radius:7px!important;
  background:rgba(155,60,255,.14)!important;
  color:#b96cff!important;
  font-size:7px!important;
  font-weight:900!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-rule strong{display:none!important;}
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-rule p{
  margin:0!important;
  color:#798292!important;
  font-size:7px!important;
  line-height:1.35!important;
}

/* ---------------- MISSION / CONVERSATION ---------------- */
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-main{
  display:grid!important;
  grid-template-rows:auto auto auto auto auto!important;
  min-height:0!important;
  padding:12px!important;
  gap:9px!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-free-context{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:4px 14px!important;
  margin:0!important;
  padding:13px 14px!important;
  border:1px solid #293140!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 91% 22%,rgba(147,52,241,.12),transparent 22%),
    #0d121b!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-free-context>small:first-child{
  grid-column:1/-1!important;
  color:#c452ff!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-free-context>p{
  grid-column:1!important;
  margin:4px 0 2px!important;
  color:#8b93a2!important;
  font-size:10px!important;
  line-height:1.45!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-free-context>strong{
  grid-column:1!important;
  margin:0!important;
  color:#d9dde6!important;
  font-size:10px!important;
  line-height:1.45!important;
  font-weight:800!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-progress{
  grid-column:2!important;
  grid-row:2 / span 2!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  width:64px!important;
  height:64px!important;
  margin:0!important;
  border-radius:50%!important;
  background:conic-gradient(#9e3dff var(--lvl-ai-progress,0%),#1c2430 0)!important;
  position:relative!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-progress::before{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  border-radius:50%!important;
  background:#0d121b!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-progress>span{
  display:none!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-progress>small{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:50px!important;
  min-width:0!important;
  color:#a8afbc!important;
  font-size:7px!important;
  line-height:1.25!important;
  text-align:center!important;
}

#view-dutch-chat .lvl-ai-1199bb #dutchFreeHelp{
  grid-column:1!important;
  justify-self:start!important;
  width:auto!important;
  min-height:30px!important;
  margin:5px 0 0!important;
  padding:0 10px!important;
  border:1px solid rgba(156,62,255,.35)!important;
  border-radius:9px!important;
  background:rgba(145,50,233,.07)!important;
  color:#b96eff!important;
  font-size:8px!important;
  font-weight:800!important;
}
#view-dutch-chat .lvl-ai-1199bb #dutchFreeHelpText{
  grid-column:1/-1!important;
  margin-top:4px!important;
  padding:8px 9px!important;
  border:1px dashed #303747!important;
  border-radius:8px!important;
  background:#0b1017!important;
  color:#99a1af!important;
  font-size:8px!important;
  line-height:1.4!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-log{
  display:grid!important;
  align-content:start!important;
  gap:7px!important;
  min-height:0!important;
  max-height:330px!important;
  overflow:auto!important;
  margin:0!important;
  padding:1px!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-log:empty{
  display:none!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-free-bubble{
  width:max-content!important;
  max-width:min(84%,480px)!important;
  padding:8px 10px!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-free-bubble p{
  margin:3px 0 0!important;
  font-size:11px!important;
  line-height:1.45!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-free-bubble small{
  font-size:7px!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-free-bubble.assistant{
  border-color:rgba(149,58,238,.24)!important;
  background:#15101f!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-free-bubble.user{
  margin-left:auto!important;
  border-color:rgba(166,63,255,.48)!important;
  background:linear-gradient(135deg,#6422b7,#8f30ec)!important;
  color:#fff!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-repeat{
  margin:0!important;
  padding:8px 9px!important;
  border-radius:9px!important;
}

/* Compact composer */
#view-dutch-chat .lvl-ai-1199bb .dutch-chat-input{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:7px!important;
  align-items:center!important;
  margin:0!important;
  padding:8px 0 0!important;
  border-top:1px solid #252d39!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-free-mic{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #303849!important;
  border-radius:50%!important;
  background:#111722!important;
  color:transparent!important;
  font-size:0!important;
  box-shadow:none!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-free-mic::before{
  content:""!important;
  width:15px!important;
  height:15px!important;
  background:#b56aff!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 14a3 3 0 0 0 3-3V5a3 3 0 1 0-6 0v6a3 3 0 0 0 3 3Zm5-3a1 1 0 1 1 2 0 7 7 0 0 1-6 6.92V21h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-3.08A7 7 0 0 1 5 11a1 1 0 1 1 2 0 5 5 0 0 0 10 0Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 14a3 3 0 0 0 3-3V5a3 3 0 1 0-6 0v6a3 3 0 0 0 3 3Zm5-3a1 1 0 1 1 2 0 7 7 0 0 1-6 6.92V21h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-3.08A7 7 0 0 1 5 11a1 1 0 1 1 2 0 5 5 0 0 0 10 0Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-free-mic.listening,
#view-dutch-chat .lvl-ai-1199bb .dutch-free-mic[aria-pressed="true"]{
  border-color:rgba(180,84,255,.7)!important;
  background:rgba(150,51,241,.16)!important;
  box-shadow:0 0 0 4px rgba(155,60,255,.08)!important;
}

#view-dutch-chat .lvl-ai-1199bb #dutchFreeText{
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid #2b3342!important;
  border-radius:10px!important;
  background:#0d1219!important;
  color:#eff1f6!important;
  font-size:9px!important;
}
#view-dutch-chat .lvl-ai-1199bb #dutchFreeText::placeholder{color:#636c7b!important;}

#view-dutch-chat .lvl-ai-1199bb #dutchFreeSend{
  grid-column:auto!important;
  width:auto!important;
  min-width:70px!important;
  height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:10px!important;
  border:1px solid rgba(164,60,255,.55)!important;
  background:linear-gradient(135deg,#7e28e6,#a43cff)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:850!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-free-capture{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid #252d3a!important;
  border-radius:9px!important;
  background:#0c1118!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-free-capture small{
  color:#a350e5!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
#view-dutch-chat .lvl-ai-1199bb .dutch-free-capture strong{
  color:#788191!important;
  font-size:7px!important;
  line-height:1.35!important;
  font-weight:650!important;
}

#view-dutch-chat .lvl-ai-1199bb .dutch-chat-privacy{
  margin:0!important;
  color:#596272!important;
  font-size:7px!important;
  line-height:1.4!important;
}

/* ---------------- MOBILE ---------------- */
@media(max-width:760px){
  #view-dutch-chat .dutch-chat-shell.lvl-ai-1199bb{gap:8px!important;}

  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero{
    grid-template-columns:minmax(0,1fr) 92px!important;
    min-height:118px!important;
    padding:14px 14px 33px!important;
    border-radius:15px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero::before{
    width:78px!important;
    height:60px!important;
    right:16px!important;
    top:20px!important;
    border-radius:16px!important;
    background:
      radial-gradient(circle at 38% 42%,#ede2ff 0 2.5px,transparent 3.5px),
      radial-gradient(circle at 50% 42%,#d7c5f4 0 2.5px,transparent 3.5px),
      radial-gradient(circle at 62% 42%,#bfa6e8 0 2.5px,transparent 3.5px),
      linear-gradient(145deg,#a447ff 0%,#6c2cc0 74%)!important;
    box-shadow:12px 25px 0 -4px rgba(66,51,86,.9),0 10px 24px rgba(143,54,236,.18)!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero::after{
    width:110px!important;
    height:84px!important;
    right:2px!important;
    top:7px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero .eyebrow{font-size:7px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero h2{
    max-width:230px!important;
    font-size:19px!important;
    margin-bottom:4px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero p{
    max-width:225px!important;
    font-size:8px!important;
    line-height:1.45!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-status{
    left:14px!important;
    bottom:10px!important;
    padding:4px 7px!important;
    font-size:6.5px!important;
  }

  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-layout{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-sidebar{
    gap:7px!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-sidebar>small{font-size:7px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-sidebar>.lvl-ai-topic-rail-1199bb{
    grid-auto-columns:104px!important;
    gap:5px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .lvl-ai-topic-rail-1199bb>[data-chat-topic]{
    height:36px!important;
    padding:5px 7px!important;
    gap:6px!important;
    font-size:7.5px!important;
    border-radius:9px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .lvl-ai-topic-rail-1199bb>[data-chat-topic]::before{
    flex-basis:22px!important;
    width:22px!important;
    height:22px!important;
    background-size:12px 12px!important;
  }

  #view-dutch-chat .lvl-ai-1199bb .lvl-ai-actions-1199bb{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:5px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-trigger-1199bb,
  #view-dutch-chat .lvl-ai-1199bb #dutchNewConversation{
    height:36px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-trigger-1199bb{
    padding:0 8px!important;
    font-size:7.5px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .lvl-ai-level-trigger-1199bb::before{font-size:6px!important;}
  #view-dutch-chat .lvl-ai-1199bb #dutchNewConversation{
    min-width:92px!important;
    padding:0 9px!important;
    font-size:7.5px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-rule{min-height:28px!important;padding:5px 7px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-rule p{font-size:6.2px!important;}

  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-main{
    gap:7px!important;
    min-height:0!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .dutch-free-context{
    padding:10px 11px!important;
    gap:3px 9px!important;
    border-radius:11px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .dutch-free-context>small:first-child{font-size:7px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-free-context>p{font-size:8px!important;line-height:1.4!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-free-context>strong{font-size:8px!important;line-height:1.4!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-progress{width:54px!important;height:54px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-progress>small{width:43px!important;font-size:6px!important;}
  #view-dutch-chat .lvl-ai-1199bb #dutchFreeHelp{min-height:26px!important;padding:0 8px!important;font-size:7px!important;}

  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-log{max-height:300px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-free-bubble{padding:7px 9px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-free-bubble p{font-size:9px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-free-bubble small{font-size:6px!important;}

  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-input{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:5px!important;
    padding-top:7px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .dutch-free-mic{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb #dutchFreeText{
    height:36px!important;
    padding:0 9px!important;
    font-size:8px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb #dutchFreeSend{
    grid-column:auto!important;
    min-width:58px!important;
    height:36px!important;
    padding:0 9px!important;
    font-size:7.5px!important;
  }
  #view-dutch-chat .lvl-ai-1199bb .dutch-free-capture{min-height:27px!important;padding:5px 7px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-free-capture small,
  #view-dutch-chat .lvl-ai-1199bb .dutch-free-capture strong{font-size:6px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-privacy{font-size:6px!important;}
}

/* Very narrow screens: keep controls usable, not fat. */
@media(max-width:390px){
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero{grid-template-columns:minmax(0,1fr) 74px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero::before{right:8px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero h2{font-size:17px!important;}
  #view-dutch-chat .lvl-ai-1199bb .dutch-chat-hero p{max-width:205px!important;font-size:7.5px!important;}
  #view-dutch-chat .lvl-ai-1199bb #dutchNewConversation{min-width:82px!important;}
}