/* DOBOX ASIA · V154.7.4 · J4 narrative + sensory continuity */
.d4-root.d4-v153 .d4-mei-morning-message{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:start;
  margin:10px 0 11px;
  padding:10px 11px;
  border:1px solid rgba(238,181,164,.34);
  border-radius:15px;
  background:rgba(8,31,37,.68);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  backdrop-filter:blur(7px);
}
.d4-root.d4-v153 .d4-mei-morning-message .d4-message-avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.1);
}
.d4-root.d4-v153 .d4-mei-morning-message .d4-message-avatar img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.d4-root.d4-v153 .d4-mei-morning-message small{
  display:block;
  margin:0 0 4px;
  color:#f2b5a5;
  font:800 9px/1.2 Arial,sans-serif;
  letter-spacing:.12em;
}
.d4-root.d4-v153 .d4-mei-morning-message p{
  margin:0;
  font-size:13px;
  line-height:1.42;
}
.d4-root.d4-v153.d4-start .d4-opening-caption{max-height:46svh;}

@media(max-width:600px){
  .d4-root.d4-v153 .d4-mei-morning-message{
    grid-template-columns:34px minmax(0,1fr);
    gap:8px;
    margin:7px 0 8px;
    padding:8px 9px;
    border-radius:13px;
  }
  .d4-root.d4-v153 .d4-mei-morning-message .d4-message-avatar{width:34px;height:34px;}
  .d4-root.d4-v153 .d4-mei-morning-message p{font-size:12px;line-height:1.35;}
  .d4-root.d4-v153.d4-start .d4-opening-caption{max-height:44svh!important;}
}

@media(min-width:1100px){
  .d4-root.d4-v153 .d4-mei-morning-message{max-width:390px;}
  .d4-root.d4-v153 .d4-mei-morning-message p{font-size:13.5px;}
}