.scene.active,
html[data-theme="day"] .scene.active {
  opacity: 1;
}

.scene-shade {
  background: linear-gradient(90deg, rgba(8, 15, 28, .25), rgba(9, 17, 31, .13));
}

html[data-theme="day"] .scene-shade {
  background: linear-gradient(90deg, rgba(242, 241, 230, .25), rgba(247, 246, 237, .12));
}

html[data-theme="night"] {
  --panel: rgba(13, 22, 39, .47);
}

html[data-theme="day"] {
  --panel: rgba(244, 244, 235, .53);
}

.sidebar,
.main-panel,
dialog::backdrop {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.brand-mark,
.auth-logo {
  overflow: hidden;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.brand-mark img,
.auth-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  image-rendering: pixelated;
}

.message-row.assistant .message-icon {
  overflow: hidden;
  background: var(--accent) url("/assets/puppy-logo.png") center / cover no-repeat;
  image-rendering: pixelated;
  font-size: 0;
}

.message-row .message-content {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
}

.message-row .message-content :is(h1, h2, h3, h4) {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
}

.message-row .message-content :is(code, pre) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

@media (max-width: 820px) {
  .message-row .message-content {
    font-size: 16px;
  }
}