@keyframes hMSxt72gKQG07WhXVBWZ {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes bl_HmnC2pwF6zqk4JsgR {
  0%, 100% { opacity: 0.5; transform: scale(1); filter: blur(18px); }
  50% { opacity: 1; transform: scale(1.06); filter: blur(24px); }
}

@keyframes gJdtiRfA2JLlANBdBBD8 {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes qgAbtoYhi_loduzX7fWL {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.xLhNAacWH7rFed3yhGjf {
  position: relative;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}

.w6cPM1d5eXtPhqvTlxjp {
  position: relative;
}

.KpBzuQAwCtp0pmJHuQK8 {
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border-radius: 38px;
  background: linear-gradient(
    135deg,
    rgba(252, 181, 0, 0.25),
    rgba(245, 56, 120, 0.2),
    rgba(56, 106, 245, 0.25)
  );
  animation: bl_HmnC2pwF6zqk4JsgR 4s ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}

.EFzo4VNqH090pH8ngV9a {
  position: relative;
  width: 100%;
  padding: 3px;
  border-radius: 32px;
  box-sizing: border-box;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  overflow: hidden;
  z-index: 1;
}

.EFzo4VNqH090pH8ngV9a::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(
    transparent 0deg,
    transparent 10deg,
    rgba(252, 181, 0, 0.5) 40deg,
    rgba(245, 56, 120, 0.4) 60deg,
    transparent 100deg,
    transparent 190deg,
    rgba(56, 106, 245, 0.5) 220deg,
    rgba(245, 56, 120, 0.35) 240deg,
    transparent 280deg,
    transparent 360deg
  );
  animation: hMSxt72gKQG07WhXVBWZ 6s linear infinite;
  z-index: 0;
}

.EPIUZEOIGG01dDnOSlLw {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 29px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px -1px,
              rgba(0, 0, 0, 0.04) 0px 12px 30px -2px;
  overflow: hidden;
}

.fVgNBFt9yKk9FiSWOcAA {
  padding: 20px;
}

.pO9zpr6jmrDT6K6Q0Gxj {
  position: relative;
}

._1s3CFqNkCdOGd54rY4q {
  display: block;
  width: 100%;
  min-height: 120px;
  padding: 8px;
  border: none;
  outline: none;
  background: transparent;
  color: rgb(3, 7, 18);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  resize: none;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.S2jB9xXdmgNxqZgd_3Ph {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #9ca3af;
  pointer-events: none;
  z-index: 0;
  animation: gJdtiRfA2JLlANBdBBD8 200ms cubic-bezier(0.32, 0.72, 0, 1) both;
}

.rGoUzDL8_oDZQsAvF75g {
  display: inline-block;
  width: 1.5px;
  height: 1em;
  background: #9ca3af;
  margin-left: 1px;
  vertical-align: text-bottom;
  animation: qgAbtoYhi_loduzX7fWL 0.8s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.qtjh57xVgmz5_9cgXWEH {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
}

.d2bBioYVdh9mCt2B86UQ {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.SUSOaBoY26D7RNr9eDCs {
  font-size: 13px;
  font-weight: 500;
  color: #ef4444;
  white-space: nowrap;
}

.v4RQ6DFc0JaoZiUzejJK {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1.5px solid #1F2937;
  border-radius: 12px;
  background: linear-gradient(to bottom, #030712, #1F2937);
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 200ms cubic-bezier(0.32, 0.72, 0, 1),
              transform 200ms cubic-bezier(0.32, 0.72, 0, 1);
  white-space: nowrap;
  flex-shrink: 0;
  will-change: transform;
}

.v4RQ6DFc0JaoZiUzejJK:hover {
  opacity: 0.85;
}

.v4RQ6DFc0JaoZiUzejJK:active {
  transform: scale(0.97);
}

.v4RQ6DFc0JaoZiUzejJK:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
}

.y5PBhLrfkpkgSfE95C3v {
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.rdmckDJ0d38M4R7TCX3S {
  margin-bottom: 0;
  margin-top: 20px;
}

.DAvMhMjqB3fGk6a_mflc .RFzTtX3i2ET8cy3goWND {
  -webkit-mask-image: linear-gradient(to right, transparent, black 40px, black);
  mask-image: linear-gradient(to right, transparent, black 40px, black);
}

.rbYOvECDLHFeTL7NmXJA .RFzTtX3i2ET8cy3goWND {
  -webkit-mask-image: linear-gradient(to left, transparent, black 40px, black);
  mask-image: linear-gradient(to left, transparent, black 40px, black);
}

.DAvMhMjqB3fGk6a_mflc.rbYOvECDLHFeTL7NmXJA .RFzTtX3i2ET8cy3goWND {
  -webkit-mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);
  mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);
}

.ZKxeYEiIcWgxhVbZbgqZ {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 28px;
  height: 28px;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
  background: #fff;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
  opacity: 0;
  transition: opacity 200ms ease, background 150ms ease;
  pointer-events: none;
}

.y5PBhLrfkpkgSfE95C3v:hover .ZKxeYEiIcWgxhVbZbgqZ {
  pointer-events: auto;
}

.y5PBhLrfkpkgSfE95C3v:hover .bpBFmkXsEvWuMmwqTK3j {
  opacity: 1;
}

.y5PBhLrfkpkgSfE95C3v:hover .tdwW64lNNyMJquyhA8tw {
  opacity: 1;
}

.ZKxeYEiIcWgxhVbZbgqZ:hover {
  background: #f9fafb;
}

.n6zDtnPkk6iqy_0subyR {
  left: -14px;
}

.x3meAIkbwy01Sfc0MVm8 {
  right: -14px;
}

.RFzTtX3i2ET8cy3goWND {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  overflow-y: visible;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 4px 0 12px;
  margin: -4px 0 -12px;
}

.WMf2KbnRRO3WLqdbuTuS {
  justify-content: center;
}

.RwckHN3I_u0sAyv_RF2s {
  justify-content: flex-start;
}

.ZYSZ13zaDf3eOnWeNLfQ {
  justify-content: flex-start;
}

.RFzTtX3i2ET8cy3goWND::-webkit-scrollbar {
  display: none;
}

.lDjWozwByV2jwCrooaBH {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border: 1px solid #f3f4f6;
  border-radius: 999px;
  background: #ffffff;
  color: #6b7280;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  cursor: pointer;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.06);
  transition: box-shadow 200ms cubic-bezier(0.32, 0.72, 0, 1),
              color 200ms cubic-bezier(0.32, 0.72, 0, 1),
              transform 200ms cubic-bezier(0.32, 0.72, 0, 1);
  white-space: nowrap;
  flex-shrink: 0;
  will-change: transform;
}

.lDjWozwByV2jwCrooaBH:hover {
  box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.1);
  color: #374151;
}

.lDjWozwByV2jwCrooaBH:active {
  transform: scale(0.97);
}

@media (max-width: 480px) {
  .EFzo4VNqH090pH8ngV9a {
    max-width: 100%;
    border-radius: 24px;
  }

  .EPIUZEOIGG01dDnOSlLw {
    border-radius: 20px;
  }
}

/* ── Dark theme ── */

.wXxfxiULxwu3yM1DtH7Y .KpBzuQAwCtp0pmJHuQK8 {
  background: linear-gradient(
    135deg,
    rgba(252, 181, 0, 0.35),
    rgba(245, 56, 120, 0.3),
    rgba(56, 106, 245, 0.35)
  );
}

.wXxfxiULxwu3yM1DtH7Y .EFzo4VNqH090pH8ngV9a::before {
  background: conic-gradient(
    transparent 0deg,
    transparent 10deg,
    rgba(252, 181, 0, 0.6) 40deg,
    rgba(245, 56, 120, 0.5) 60deg,
    transparent 100deg,
    transparent 190deg,
    rgba(56, 106, 245, 0.6) 220deg,
    rgba(245, 56, 120, 0.45) 240deg,
    transparent 280deg,
    transparent 360deg
  );
}

.wXxfxiULxwu3yM1DtH7Y .EPIUZEOIGG01dDnOSlLw {
  background: #111827;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px -1px,
              rgba(0, 0, 0, 0.2) 0px 12px 30px -2px;
}

.wXxfxiULxwu3yM1DtH7Y ._1s3CFqNkCdOGd54rY4q {
  color: #f9fafb;
}

.wXxfxiULxwu3yM1DtH7Y .S2jB9xXdmgNxqZgd_3Ph {
  color: #6b7280;
}

.wXxfxiULxwu3yM1DtH7Y .rGoUzDL8_oDZQsAvF75g {
  background: #6b7280;
}

.wXxfxiULxwu3yM1DtH7Y .v4RQ6DFc0JaoZiUzejJK {
  border-color: #e5e7eb;
  background: linear-gradient(to bottom, #f9fafb, #e5e7eb);
  color: #111827;
}

.wXxfxiULxwu3yM1DtH7Y .SUSOaBoY26D7RNr9eDCs {
  color: #f87171;
}

.wXxfxiULxwu3yM1DtH7Y .lDjWozwByV2jwCrooaBH {
  border-color: #374151;
  background: #1f2937;
  color: #9ca3af;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.3);
}

.wXxfxiULxwu3yM1DtH7Y .lDjWozwByV2jwCrooaBH:hover {
  box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.4);
  color: #e5e7eb;
}

.wXxfxiULxwu3yM1DtH7Y .ZKxeYEiIcWgxhVbZbgqZ {
  border-color: #374151;
  background: #1f2937;
  color: #9ca3af;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.wXxfxiULxwu3yM1DtH7Y .ZKxeYEiIcWgxhVbZbgqZ:hover {
  background: #374151;
}

@media (prefers-reduced-motion: reduce) {
  .KpBzuQAwCtp0pmJHuQK8 {
    animation: none;
    opacity: 0.6;
  }

  .EFzo4VNqH090pH8ngV9a::before {
    animation: none;
  }

  .rGoUzDL8_oDZQsAvF75g {
    animation: none;
    opacity: 0.6;
  }

  .S2jB9xXdmgNxqZgd_3Ph {
    animation: none;
  }

  .v4RQ6DFc0JaoZiUzejJK,
  .lDjWozwByV2jwCrooaBH {
    transition: opacity 200ms cubic-bezier(0.32, 0.72, 0, 1);
  }

  .v4RQ6DFc0JaoZiUzejJK:active,
  .lDjWozwByV2jwCrooaBH:active {
    transform: none;
    opacity: 0.7;
  }
}