@font-face {
  font-family: "Miette Huiwen";
  src: url("/custom-assets/Huiwen-mincho-full.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --miette-pink-bg: #fbf4f6;
  --miette-pink-surface: #fffafb;
  --miette-pink-surface-strong: #fff7f9;
  --miette-pink-border: #ecdde1;
  --miette-pink-accent: #c88f9f;
  --miette-pink-text: #332c2f;
  --miette-pink-muted: #8e7d83;
  --ant-color-primary: #c88f9f;
  --ant-color-primary-hover: #b97f90;
  --ant-color-primary-active: #aa7183;
  --ant-color-bg-layout: #fbf4f6;
  --ant-color-bg-container: #fffafb;
  --ant-color-border: #ecdde1;
}

html,
body {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.92), transparent 34%),
    linear-gradient(155deg, #fffafb 0%, var(--miette-pink-bg) 48%, #f8eef1 100%) fixed !important;
  color: var(--miette-pink-text);
}

body,
button,
input,
textarea,
select,
[contenteditable="true"] {
  font-family: "Miette Huiwen", "Songti SC", "STSong", serif !important;
}

body > div:first-child,
#app,
#root,
#__next,
main,
.ant-app,
.ant-layout,
.ant-layout-content {
  background-color: transparent !important;
}

header,
nav,
footer,
.ant-layout-header,
.ant-layout-footer {
  background-color: rgba(255, 250, 251, 0.88) !important;
  border-color: rgba(220, 194, 202, 0.56) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  backdrop-filter: blur(18px) saturate(1.08);
}

input,
textarea,
[contenteditable="true"],
.ant-input,
.ant-input-affix-wrapper {
  background-color: rgba(255, 251, 252, 0.94) !important;
  border-color: var(--miette-pink-border) !important;
  caret-color: var(--miette-pink-accent);
}

.ant-modal-content,
.ant-drawer-content,
.ant-popover-inner,
.ant-dropdown-menu,
.ant-card,
.ant-segmented {
  background-color: rgba(255, 250, 251, 0.97) !important;
  border-color: var(--miette-pink-border) !important;
}

.ant-btn-primary,
.ant-switch-checked {
  background-color: var(--miette-pink-accent) !important;
  border-color: var(--miette-pink-accent) !important;
}

.ant-segmented-item-selected,
.ant-menu-item-selected {
  background-color: #f5e7eb !important;
}

main article,
[data-role="assistant"] article,
[data-role="assistant"] [class*="bubble" i],
[data-role="assistant"] [class*="content" i] {
  background-color: rgba(255, 251, 252, 0.96) !important;
  border-color: var(--miette-pink-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(122, 79, 92, 0.08) !important;
}

[data-role="user"] article,
[data-role="user"] [class*="bubble" i],
[data-role="user"] [class*="content" i] {
  background-color: #f5e7eb !important;
  border-color: #e5ccd4 !important;
  border-radius: 18px !important;
}

::selection {
  background: #efd7de;
  color: #332c2f;
}

@media (max-width: 768px) {
  body {
    letter-spacing: 0.01em;
  }

  input,
  textarea,
  [contenteditable="true"] {
    font-size: 16px !important;
  }
}

/* miette-chat-font-v2 */
body :where(div, span, p, li, ol, ul, blockquote, strong, em, a, button, input, textarea, [contenteditable="true"]) {
  font-family: "Miette Huiwen", "Songti SC", "STSong", "Apple Color Emoji", "Segoe UI Emoji", serif !important;
}