@font-face {
  font-family: "AiNameHuiwen";
  src: url("/static/fonts/ai-name-huiwen.woff2?v=20261005-ai-name-motion-v1") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.names-ai-combo-screen .names-ai-combo-results {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}

.names-ai-combo-screen .names-ai-combo-workspace { grid-template-rows: minmax(0, 1fr); }

.names-ai-combo-screen .names-ai-combo-results > .smart-funnel-results-head,
.names-ai-combo-screen .names-ai-combo-results > .notice { flex: 0 0 auto; }

.names-ai-combo-screen .names-ai-combo-results > .ai-name-motion-field { flex: 1 0 520px; }
.names-ai-combo-screen .names-ai-combo-results > .ai-name-motion-field[data-ai-motion-phase="results"] { flex: 0 0 auto; }

.ai-name-motion-field {
  position: relative;
  min-width: 0;
  min-height: 520px;
  box-sizing: border-box;
  overflow: hidden;
  isolation: isolate;
  padding: 0;
  border: 1px solid rgba(var(--ui-source-aa6a0f67ffacd2-rgb, 217, 231, 220), var(--ui-source-aa6a0f67ffacd2-alpha, 1));
  border-radius: 8px;
  background: radial-gradient(ellipse at 50% 45%, rgba(var(--ui-source-93cf1631ac71b0-rgb, 222, 238, 227), var(--ui-source-93cf1631ac71b0-alpha, 1)) 0%, transparent 65%), rgba(var(--ui-source-1724f4c25b9a72-rgb, 248, 251, 247), var(--ui-source-1724f4c25b9a72-alpha, 1));
  color: rgba(var(--ui-source-f6b33cad39fa20-rgb, 36, 78, 67), var(--ui-source-f6b33cad39fa20-alpha, 1));
  transition: height .65s cubic-bezier(.2, .72, .2, 1), background .5s;
}

.ai-name-motion-field::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image: linear-gradient(rgba(var(--ui-source-1091d64156466e-rgb, 217, 231, 220), var(--ui-source-1091d64156466e-alpha, 1)) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--ui-source-1091d64156466e-rgb, 217, 231, 220), var(--ui-source-1091d64156466e-alpha, 1)) 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: .13;
  mask-image: radial-gradient(ellipse, #000, transparent 75%);
  content: "";
  pointer-events: none;
  transition: opacity .6s;
}

.ai-name-motion-field[data-ai-motion-phase="scanning"] {
  background: radial-gradient(ellipse at 30% 35%, rgba(var(--ui-source-93cf1631ac71b0-rgb, 222, 238, 227), var(--ui-source-93cf1631ac71b0-alpha, 1)), transparent 65%), radial-gradient(ellipse at 76% 72%, rgba(var(--ui-source-3a23fe3a42ca5e-rgb, 245, 238, 224), var(--ui-source-3a23fe3a42ca5e-alpha, 1)), transparent 60%), rgba(var(--ui-source-1724f4c25b9a72-rgb, 248, 251, 247), var(--ui-source-1724f4c25b9a72-alpha, 1));
}

.ai-name-motion-field[data-ai-motion-phase="scanning"]::before,
.ai-name-motion-field[data-ai-motion-phase="results"]::before { opacity: 0; }

.ai-name-motion-field .ai-name-motion-visual {
  position: absolute;
  z-index: 1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.ai-name-motion-field .ai-name-motion-layer {
  position: absolute;
  inset: 0 0 auto;
  min-width: 0;
  width: 100%;
  pointer-events: none;
}

.ai-name-motion-field .ai-name-motion-canvas,
.ai-name-motion-field .ai-name-motion-transfer {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.ai-name-motion-field .ai-name-motion-transfer { z-index: 6; }
.ai-name-motion-field[data-ai-motion-settling="true"] .ai-name-motion-visual { z-index: 4; }

.ai-name-motion-field .ai-name-motion-core {
  position: absolute;
  z-index: 2;
  top: calc(47% + 21px);
  left: 50%;
  width: min(86%, 420px);
  transform: translate(-50%, -50%);
  text-align: center;
  transition: opacity .5s;
}

.ai-name-motion-field .ai-name-motion-mark {
  position: relative;
  display: grid;
  width: 208px;
  height: 208px;
  box-sizing: border-box;
  isolation: isolate;
  margin: 0 auto 68px;
  padding: 0;
  appearance: none;
  border: 1px solid rgba(var(--ui-source-b6d0ceb40f7595-rgb, 183, 211, 194), var(--ui-source-b6d0ceb40f7595-alpha, 1));
  border-radius: 50%;
  background: rgba(var(--ui-source-31f15e025d3d5a-rgb, 248, 251, 247), var(--ui-source-31f15e025d3d5a-alpha, 0.84));
  color: rgba(var(--ui-source-a81b6fcc7d4cf2-rgb, 33, 108, 96), var(--ui-source-a81b6fcc7d4cf2-alpha, 1));
  box-shadow: 0 0 70px rgba(var(--ui-source-2adceb4e354c7b-rgb, 33, 108, 96), var(--ui-source-2adceb4e354c7b-alpha, 0.08));
  font: 72px/1 "AiNameHuiwen", "Songti SC", "STSong", serif;
  font-size: var(--ai-motion-surname-size, 72px);
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  place-items: center;
}

.ai-name-motion-field .ai-name-motion-mark::before {
  position: absolute;
  inset: -28px;
  border: 1px solid rgba(var(--ui-source-3a8696ada98b22-rgb, 193, 217, 198), var(--ui-source-3a8696ada98b22-alpha, 1));
  border-radius: 50%;
  content: "";
  opacity: .68;
  pointer-events: none;
}

.ai-name-motion-field .ai-name-motion-mark::after {
  position: absolute;
  z-index: -1;
  inset: -54px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--ui-source-4240285b280dda-rgb, 80, 153, 122), var(--ui-source-4240285b280dda-alpha, 0.24)), rgba(var(--ui-source-d7c32c9cab88b1-rgb, 189, 218, 191), var(--ui-source-d7c32c9cab88b1-alpha, 0.16)) 52%, transparent 74%);
  content: "";
  opacity: .44;
  pointer-events: none;
}

.ai-name-motion-field[data-ai-motion-mode="full"] .ai-name-motion-mark:not(:disabled) { animation: ai-name-motion-entry-breathe 4.2s ease-in-out infinite; }
.ai-name-motion-field[data-ai-motion-mode="full"] .ai-name-motion-mark:not(:disabled)::before { animation: ai-name-motion-ring-breathe 4.2s ease-in-out infinite; }
.ai-name-motion-field[data-ai-motion-mode="full"] .ai-name-motion-mark:not(:disabled)::after { animation: ai-name-motion-halo-breathe 4.2s ease-in-out infinite; }
.ai-name-motion-field .ai-name-motion-mark:hover:not(:disabled) { border-color: rgba(var(--ui-source-5f75e24ed17aa6-rgb, 145, 185, 164), var(--ui-source-5f75e24ed17aa6-alpha, 1)); }
.ai-name-motion-field .ai-name-motion-mark:focus-visible { outline: 2px solid rgba(var(--ui-source-9b48ace7b8e03a-rgb, 33, 108, 96), var(--ui-source-9b48ace7b8e03a-alpha, 1)); outline-offset: 7px; }
.ai-name-motion-field .ai-name-motion-mark:disabled { opacity: .6; cursor: default; }
.ai-name-motion-field .ai-name-motion-mark[hidden] { display: none !important; }

.ai-name-motion-field .ai-name-motion-title {
  margin: 0;
  color: rgba(var(--ui-source-9c183017fa3425-rgb, 36, 78, 67), var(--ui-source-9c183017fa3425-alpha, 1));
  font: 600 32px/1.4 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: .24em;
}

.ai-name-motion-field .ai-name-motion-subtitle {
  margin: 12px 0 0;
  color: rgba(var(--ui-source-65c63788da846a-rgb, 105, 136, 121), var(--ui-source-65c63788da846a-alpha, 1));
  font: 18px/1.6 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: .06em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.ai-name-motion-field .ai-name-motion-track {
  position: absolute;
  z-index: 3;
  right: 16px;
  bottom: 22px;
  left: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 13px;
  color: rgba(var(--ui-source-2f8a1997165d39-rgb, 105, 136, 121), var(--ui-source-2f8a1997165d39-alpha, 1));
  font: 11px/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  pointer-events: none;
}

.ai-name-motion-field .ai-name-motion-track span { display: flex; align-items: center; gap: 6px; }
.ai-name-motion-field .ai-name-motion-track i { width: 3px; height: 3px; border-radius: 50%; background: rgba(var(--ui-source-87bc61ba3a1fc2-rgb, 172, 131, 64), var(--ui-source-87bc61ba3a1fc2-alpha, 1)); }

.ai-name-motion-field .ai-name-motion-play {
  position: absolute;
  z-index: 8;
  top: 14px;
  right: 14px;
  min-width: 84px;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid rgba(var(--ui-source-d2c6044d03f17d-rgb, 191, 216, 202), var(--ui-source-d2c6044d03f17d-alpha, 1));
  border-radius: 6px;
  background: rgba(var(--ui-source-bfede55099b9f9-rgb, 248, 251, 247), var(--ui-source-bfede55099b9f9-alpha, 0.94));
  color: rgba(var(--ui-source-a81b6fcc7d4cf2-rgb, 33, 108, 96), var(--ui-source-a81b6fcc7d4cf2-alpha, 1));
  font: 12px/1.4 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  cursor: pointer;
  pointer-events: auto;
}

.ai-name-motion-field .ai-name-motion-play:hover { background: rgba(var(--ui-source-33ce72a29e2c0f-rgb, 238, 246, 238), var(--ui-source-33ce72a29e2c0f-alpha, 1)); }
.ai-name-motion-field .ai-name-motion-play:focus-visible { outline: 2px solid rgba(var(--ui-source-9b48ace7b8e03a-rgb, 33, 108, 96), var(--ui-source-9b48ace7b8e03a-alpha, 1)); outline-offset: 3px; }
.ai-name-motion-field .ai-name-motion-play[hidden],
.ai-name-motion-field .ai-name-motion-results[hidden] { display: none !important; }

.ai-name-motion-field[data-ai-motion-phase="scanning"][data-ai-motion-mode="full"] .ai-name-motion-core { visibility: hidden; opacity: 0; }
.ai-name-motion-field[data-ai-motion-phase="results"] .ai-name-motion-core,
.ai-name-motion-field[data-ai-motion-phase="results"] .ai-name-motion-track { visibility: hidden; opacity: 0; }
.ai-name-motion-field[data-ai-motion-phase="results"][data-ai-motion-settling="false"] .ai-name-motion-visual { display: none; }
.ai-name-motion-field[data-ai-motion-phase="results"] { min-height: 0; background: rgba(var(--ui-source-1724f4c25b9a72-rgb, 248, 251, 247), var(--ui-source-1724f4c25b9a72-alpha, 1)); }
.ai-name-motion-field[data-ai-motion-phase="results"][data-ai-motion-settling="false"] .ai-name-motion-canvas,
.ai-name-motion-field[data-ai-motion-phase="results"][data-ai-motion-settling="false"] .ai-name-motion-transfer { display: none; }

.ai-name-motion-field .ai-name-motion-results {
  position: relative;
  z-index: 2;
  display: flow-root;
  box-sizing: border-box;
  min-width: 0;
  padding: 20px;
  opacity: var(--ai-motion-card-opacity, 1);
  transform: translateY(var(--ai-motion-card-y, 0px));
}

.ai-name-motion-field .ai-combo-name strong {
  font-family: "AiNameHuiwen", "Songti SC", "STSong", serif;
  font-weight: 400;
}

.ai-name-motion-field[data-ai-motion-mode="static"] { transition-duration: 0s; }

/* Scoped workspace canvas: its parent owns the visible viewport and card layout.
   A long result list must not enlarge the canvas or animate the page height. */
.ai-name-motion-field.ai-name-motion-scene {
  min-height: 0;
  transition: none;
}
.ai-name-motion-scene .ai-name-motion-results {
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
  opacity: 1;
  transform: none;
}
.ai-name-motion-scene .ai-name-motion-visual::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: var(--ai-motion-backdrop-opacity, 1);
  background: radial-gradient(ellipse at 30% 35%, rgba(var(--ui-source-93cf1631ac71b0-rgb, 222, 238, 227), var(--ui-source-93cf1631ac71b0-alpha, 1)), transparent 65%),
    radial-gradient(ellipse at 76% 72%, rgba(var(--ui-source-3a23fe3a42ca5e-rgb, 245, 238, 224), var(--ui-source-3a23fe3a42ca5e-alpha, 1)), transparent 60%), rgba(var(--ui-source-1724f4c25b9a72-rgb, 248, 251, 247), var(--ui-source-1724f4c25b9a72-alpha, 1));
}
.ai-name-motion-scene .ai-name-motion-core { pointer-events: none; }
.ai-name-motion-scene .ai-name-motion-title { font-size: 20px; letter-spacing: .08em; }
.ai-name-motion-scene .ai-name-motion-subtitle { font-size: 14px; letter-spacing: .02em; }
.ai-name-motion-scene[data-ai-motion-phase="results"][data-ai-motion-settling="true"] .ai-name-motion-visual { pointer-events: none; }
.ai-name-motion-scene[data-ai-motion-phase="results"] { min-height: 0; }

@keyframes ai-name-motion-entry-breathe {
  0%, 100% { transform: scale(.95); }
  50% { transform: scale(1.06); }
}

@keyframes ai-name-motion-ring-breathe {
  0%, 100% { transform: scale(.92); opacity: .38; }
  50% { transform: scale(1.15); opacity: .82; }
}

@keyframes ai-name-motion-halo-breathe {
  0%, 100% { transform: scale(.84); opacity: .28; }
  50% { transform: scale(1.27); opacity: .88; }
}

@media (max-width: 580px) {
  .names-ai-combo-screen .names-ai-combo-results > .ai-name-motion-field { flex-basis: 610px; }
  .names-ai-combo-screen .names-ai-combo-results > .ai-name-motion-field[data-ai-motion-phase="results"] { flex-basis: auto; }
  .ai-name-motion-field { min-height: 610px; }
  .ai-name-motion-field[data-ai-motion-phase="results"] { min-height: 0; }
  .ai-name-motion-field .ai-name-motion-results { padding: 14px 12px; }
  .ai-name-motion-field .ai-name-motion-title { font-size: 26px; letter-spacing: .16em; }
  .ai-name-motion-field .ai-name-motion-subtitle { font-size: 16px; letter-spacing: .04em; }
  .ai-name-motion-field .ai-name-motion-track { gap: 9px; }
  .ai-name-motion-field.ai-name-motion-scene { min-height: 0; }
  .ai-name-motion-scene .ai-name-motion-results { padding: 0; }
  .ai-name-motion-scene .ai-name-motion-title { font-size: 18px; }
  .ai-name-motion-scene .ai-name-motion-subtitle { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .ai-name-motion-field:not([data-ai-motion-mode="full"]) *,
  .ai-name-motion-field:not([data-ai-motion-mode="full"]) *::before,
  .ai-name-motion-field:not([data-ai-motion-mode="full"]) *::after {
    animation: none !important;
    transition-duration: 0s !important;
  }
}

/* The existing notice keeps its padding, line height and gap to the result field. */
.names-ai-combo-screen .ai-combo-result-toolbar { position: relative; box-sizing: border-box; min-height: 41px; }
.names-ai-combo-screen .ai-combo-result-measure {
  display: block;
  visibility: hidden;
  white-space: normal;
  pointer-events: none;
  user-select: none;
}
.names-ai-combo-screen .ai-combo-result-toolbar-content {
  position: absolute;
  top: 50%;
  left: 12px;
  right: 12px;
  min-width: 0;
  padding-right: 112px;
  transform: translateY(-50%);
}
.names-ai-combo-screen .ai-combo-result-toolbar-content.has-start { padding-right: 190px; }
.names-ai-combo-screen .ai-combo-result-message {
  display: block;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
.names-ai-combo-screen .ai-combo-result-message::-webkit-scrollbar { display: none; }
.names-ai-combo-screen .ai-combo-result-actions {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  transform: translateY(-50%);
  white-space: nowrap;
}
.names-ai-combo-screen .ai-combo-result-actions button {
  box-sizing: border-box;
  height: 26px;
  min-height: 0;
  padding: 0 10px;
  border: 1px solid rgba(var(--ui-source-90ab8cbdf59017-rgb, 207, 219, 212), var(--ui-source-90ab8cbdf59017-alpha, 1));
  border-radius: 5px;
  background: rgba(var(--ui-source-0480f18fde074a-rgb, 255, 253, 249), var(--ui-source-0480f18fde074a-alpha, 1));
  color: rgba(var(--ui-source-534eb4091b7ef0-rgb, 50, 105, 93), var(--ui-source-534eb4091b7ef0-alpha, 1));
  font-size: 12px;
  line-height: 24px;
  box-shadow: none;
}
.names-ai-combo-screen .ai-combo-result-actions .ai-combo-result-start {
  border-color: rgba(var(--ui-source-a3e91048b7eb75-rgb, 33, 108, 96), var(--ui-source-a3e91048b7eb75-alpha, 1));
  background: rgba(var(--ui-source-6b3b4ecb5a2ed0-rgb, 33, 108, 96), var(--ui-source-6b3b4ecb5a2ed0-alpha, 1));
  color: rgba(var(--ui-source-ee13f688c7d66c-rgb, 255, 255, 255), var(--ui-source-ee13f688c7d66c-alpha, 1));
}
.names-ai-combo-screen .ai-combo-result-actions .ai-combo-result-clear { color: rgba(var(--ui-source-cbbdcaebb1fe9c-rgb, 145, 103, 70), var(--ui-source-cbbdcaebb1fe9c-alpha, 1)); }
.names-ai-combo-screen .ai-combo-result-actions button:disabled { opacity: .45; cursor: not-allowed; }
.names-ai-combo-screen .ai-combo-result-actions button:focus-visible { outline: 2px solid rgba(var(--ui-source-66240a445f13c5-rgb, 33, 108, 96), var(--ui-source-66240a445f13c5-alpha, 1)); outline-offset: 2px; }
@media (max-width: 720px) {
  .names-ai-combo-screen .ai-combo-result-toolbar { min-height: 83px; overflow-x: auto; }
  /* Keep the same message height while the one-row strip scrolls. */
  .names-ai-combo-screen .ai-combo-result-toolbar-content {
    right: auto;
    box-sizing: content-box;
    width: max-content;
    min-width: calc(100% - 24px);
  }
  .names-ai-combo-screen .ai-combo-result-message { overflow: visible; }
}


.name-combo-history-backdrop {
  position: fixed;
  z-index: 20000;
  inset: 0;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: 20px;
  background: rgba(var(--ui-source-ce98c3b5497a51-rgb, 24, 43, 37), var(--ui-source-ce98c3b5497a51-alpha, 0.38));
}
.name-combo-history-dialog {
  box-sizing: border-box;
  width: min(440px, 100%);
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  padding: 26px;
  border: 1px solid rgba(var(--ui-source-819ee4ebb4ebf9-rgb, 219, 229, 223), var(--ui-source-819ee4ebb4ebf9-alpha, 1));
  border-radius: 18px;
  background: rgba(var(--ui-source-839cf5ceec0ce6-rgb, 255, 253, 248), var(--ui-source-839cf5ceec0ce6-alpha, 1));
  color: rgba(var(--ui-source-9a3f0aae3c084e-rgb, 41, 73, 63), var(--ui-source-9a3f0aae3c084e-alpha, 1));
  box-shadow: 0 20px 70px rgba(var(--ui-source-f02c68aff7fd55-rgb, 22, 46, 37), var(--ui-source-f02c68aff7fd55-alpha, 0.2));
}
.name-combo-history-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.name-combo-history-dialog h2 { margin: 0; font-size: 21px; line-height: 1.5; letter-spacing: .03em; }
.name-combo-history-dialog p { margin: 20px 0 0; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.name-combo-history-dialog .name-combo-history-retention { padding: 14px 16px; border-radius: 10px; background: rgba(var(--ui-source-b9a1cf2e5b13ff-rgb, 241, 246, 241), var(--ui-source-b9a1cf2e5b13ff-alpha, 1)); color: rgba(var(--ui-source-1114866197b34f-rgb, 104, 129, 119), var(--ui-source-1114866197b34f-alpha, 1)); font-size: 13px; }
.name-combo-history-dialog button { box-sizing: border-box; cursor: pointer; }
.name-combo-history-dialog .name-combo-history-close { flex: 0 0 32px; width: 32px; height: 32px; min-height: 0; padding: 0; border: 0; background: transparent; color: rgba(var(--ui-source-03aecfbf01bab6-rgb, 130, 152, 142), var(--ui-source-03aecfbf01bab6-alpha, 1)); font-size: 24px; line-height: 30px; box-shadow: none; }
.name-combo-history-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.name-combo-history-actions button { min-height: 42px; padding: 0 20px; border: 1px solid rgba(var(--ui-source-90ab8cbdf59017-rgb, 207, 219, 212), var(--ui-source-90ab8cbdf59017-alpha, 1)); border-radius: 8px; font-size: 14px; font-weight: 600; box-shadow: none; }
.name-combo-history-actions .name-combo-history-cancel { background: rgba(var(--ui-source-e2e78292f08659-rgb, 255, 253, 248), var(--ui-source-e2e78292f08659-alpha, 1)); color: rgba(var(--ui-source-25b2970dc1853f-rgb, 66, 107, 94), var(--ui-source-25b2970dc1853f-alpha, 1)); }
.name-combo-history-actions .name-combo-history-confirm { border-color: rgba(var(--ui-source-27f566da7df0f1-rgb, 156, 77, 64), var(--ui-source-27f566da7df0f1-alpha, 1)); background: rgba(var(--ui-source-5ad72731258946-rgb, 156, 77, 64), var(--ui-source-5ad72731258946-alpha, 1)); color: rgba(var(--ui-source-ee13f688c7d66c-rgb, 255, 255, 255), var(--ui-source-ee13f688c7d66c-alpha, 1)); }
.name-combo-history-dialog button:focus-visible { outline: 2px solid rgba(var(--ui-source-66240a445f13c5-rgb, 33, 108, 96), var(--ui-source-66240a445f13c5-alpha, 1)); outline-offset: 3px; }
@media (max-width: 480px) {
  .name-combo-history-dialog { padding: 22px; }
  .name-combo-history-actions button { flex: 1; min-height: 44px; }
}


/* Category scenes share the startup texture, but their surname is a readonly
   anchor. Variables and theme changes are deliberately limited to workspaces. */
.ai-name-motion-field.ai-name-motion-scene {
  --ai-motion-jade: #216c60;
  --ai-motion-gold: #ac8340;
  --ai-motion-text: #3b7566;
  --ai-motion-line: #b9d1c5;
  --ai-motion-surface: #f8fbf7;
  --ai-motion-halo: #deeee3;
  --ai-motion-warm: #f5eee0;
  --ai-motion-muted: #698879;
  background: rgba(var(--ui-source-1724f4c25b9a72-rgb, 248, 251, 247), var(--ui-source-1724f4c25b9a72-alpha, 1));
  border-color: rgba(var(--ui-source-5011298f1ef4e2-rgb, 185, 209, 197), var(--ui-source-5011298f1ef4e2-alpha, 1));
  color: rgba(var(--ui-source-a81b6fcc7d4cf2-rgb, 33, 108, 96), var(--ui-source-a81b6fcc7d4cf2-alpha, 1));
}
.ai-name-motion-field.ai-name-motion-scene::before { background-image: none; }
.ai-name-motion-field.ai-name-motion-scene .ai-name-motion-visual::before {
  background: radial-gradient(ellipse at 30% 35%, rgba(var(--ui-source-93cf1631ac71b0-rgb, 222, 238, 227), var(--ui-source-93cf1631ac71b0-alpha, 1)), transparent 65%),
    radial-gradient(ellipse at 76% 72%, rgba(var(--ui-source-3a23fe3a42ca5e-rgb, 245, 238, 224), var(--ui-source-3a23fe3a42ca5e-alpha, 1)), transparent 60%), rgba(var(--ui-source-1724f4c25b9a72-rgb, 248, 251, 247), var(--ui-source-1724f4c25b9a72-alpha, 1));
}
.ai-name-motion-field.ai-name-motion-scene .ai-name-motion-core {
  top: 46%;
  width: min(82%, 300px);
  visibility: visible;
  opacity: 1;
  pointer-events: none;
  transition: none;
}
.ai-name-motion-field.ai-name-motion-scene .ai-name-motion-mark {
  width: 132px;
  height: 132px;
  margin-bottom: 24px;
  border-color: rgba(var(--ui-source-5011298f1ef4e2-rgb, 185, 209, 197), var(--ui-source-5011298f1ef4e2-alpha, 1));
  background: rgba(var(--ui-source-1724f4c25b9a72-rgb, 248, 251, 247), var(--ui-source-1724f4c25b9a72-alpha, 1));
  color: rgba(var(--ui-source-a81b6fcc7d4cf2-rgb, 33, 108, 96), var(--ui-source-a81b6fcc7d4cf2-alpha, 1));
  box-shadow: 0 0 40px rgba(var(--ui-source-e6475aeb289fa0-rgb, 222, 238, 227), var(--ui-source-e6475aeb289fa0-alpha, 1));
  cursor: default;
  pointer-events: none;
}
.ai-name-motion-field.ai-name-motion-scene .ai-name-motion-mark::before {
  inset: -14px;
  border-color: rgba(var(--ui-source-5011298f1ef4e2-rgb, 185, 209, 197), var(--ui-source-5011298f1ef4e2-alpha, 1));
}
.ai-name-motion-field.ai-name-motion-scene .ai-name-motion-mark::after {
  inset: -28px;
  background: radial-gradient(circle, rgba(var(--ui-source-93cf1631ac71b0-rgb, 222, 238, 227), var(--ui-source-93cf1631ac71b0-alpha, 1)), transparent 72%);
}
.ai-name-motion-field.ai-name-motion-scene .ai-name-motion-title {
  color: rgba(var(--ui-source-c408ca73d44e33-rgb, 33, 108, 96), var(--ui-source-c408ca73d44e33-alpha, 1));
  font-size: 18px;
  letter-spacing: .04em;
  overflow-wrap: anywhere;
}
.ai-name-motion-field.ai-name-motion-scene .ai-name-motion-subtitle,
.ai-name-motion-field.ai-name-motion-scene .ai-name-motion-track { color: rgba(var(--ui-source-65c63788da846a-rgb, 105, 136, 121), var(--ui-source-65c63788da846a-alpha, 1)); }
.ai-name-motion-field.ai-name-motion-scene .ai-name-motion-track i { background: rgba(var(--ui-source-87bc61ba3a1fc2-rgb, 172, 131, 64), var(--ui-source-87bc61ba3a1fc2-alpha, 1)); }
.ai-name-motion-field.ai-name-motion-scene .ai-name-motion-play {
  border-color: rgba(var(--ui-source-5011298f1ef4e2-rgb, 185, 209, 197), var(--ui-source-5011298f1ef4e2-alpha, 1));
  background: rgba(var(--ui-source-1724f4c25b9a72-rgb, 248, 251, 247), var(--ui-source-1724f4c25b9a72-alpha, 1));
  color: rgba(var(--ui-source-a81b6fcc7d4cf2-rgb, 33, 108, 96), var(--ui-source-a81b6fcc7d4cf2-alpha, 1));
}
.ai-name-motion-field.ai-name-motion-scene[data-ai-motion-phase="results"] .ai-name-motion-core,
.ai-name-motion-field.ai-name-motion-scene[data-ai-motion-phase="results"] .ai-name-motion-track {
  visibility: hidden;
  opacity: 0;
}
.ai-name-motion-field.ai-name-motion-scene[data-ai-motion-visual-mode="static"] *,
.ai-name-motion-field.ai-name-motion-scene[data-ai-motion-visual-mode="static"] *::before,
.ai-name-motion-field.ai-name-motion-scene[data-ai-motion-visual-mode="static"] *::after { animation: none; }
body[data-theme="tech"] .ai-name-motion-field.ai-name-motion-scene {
  --ai-motion-jade: #8ccebb;
  --ai-motion-gold: #96bfd8;
  --ai-motion-text: #78b9c8;
  --ai-motion-line: #355966;
  --ai-motion-surface: #112330;
  --ai-motion-halo: #193a43;
  --ai-motion-warm: #1d3048;
  --ai-motion-muted: #a2babf;
}
body[data-theme="ink"] .ai-name-motion-field.ai-name-motion-scene {
  --ai-motion-jade: #335248;
  --ai-motion-gold: #88775b;
  --ai-motion-text: #647369;
  --ai-motion-line: #c9cdc3;
  --ai-motion-surface: #f3f2ec;
  --ai-motion-halo: #e2e5d9;
  --ai-motion-warm: #eeeadf;
  --ai-motion-muted: #6e776c;
}
@media (max-width: 580px) {
  .ai-name-motion-field.ai-name-motion-scene .ai-name-motion-mark { width: 112px; height: 112px; margin-bottom: 20px; }
  .ai-name-motion-field.ai-name-motion-scene .ai-name-motion-title { font-size: 16px; }
}

.ai-name-motion-field.ai-name-motion-scene[data-ai-motion-phase="scanning"][data-ai-motion-mode="full"] .ai-name-motion-core {
  visibility: visible;
  opacity: 1;
}