/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/app/discover/page.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page_page__JTB7W {
  min-height: 100vh;
  background: linear-gradient(135deg, var(--background) 0%, color-mix(in srgb, var(--primary) 20%, var(--surface)) 50%, color-mix(in srgb, var(--primary) 40%, var(--surface)) 100%);
  position: relative;
  overflow: hidden;
}

.page_page__JTB7W::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--primary) 15%, transparent) 0%, transparent 40%),
    radial-gradient(circle at 80% 80%, color-mix(in srgb, var(--primary) 15%, transparent) 0%, transparent 40%),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent-pink) 10%, transparent) 0%, transparent 50%);
  pointer-events: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/discover/DiscoverWizard.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DiscoverWizard_wizard__usHTq {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  background: radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 20%, var(--surface)) 0%, color-mix(in srgb, var(--primary) 10%, var(--background)) 50%, var(--background) 100%);
  background-color: var(--background);
}

/* Progress Bar */
.DiscoverWizard_progressBar__jqFrD {
  position: sticky;
  top: 80px;
  padding: 1.5rem 0;
  background: color-mix(in srgb, var(--background) 80%, transparent);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--card-border);
  z-index: 10;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--foreground) 5%, transparent);
}

.DiscoverWizard_progressContainer__6BA0f {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 1.5rem;
}

.DiscoverWizard_progressLine__mR8DV {
  position: absolute;
  top: 24px;
  left: 3rem;
  right: 3rem;
  height: 4px;
  background: var(--card-border);
  border-radius: 4px;
  z-index: 0;
}

.DiscoverWizard_progressFill__oDKh8 {
  height: 100%;
  background: var(--gradient-primary);
  border-radius: 4px;
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 0 10px color-mix(in srgb, var(--primary) 30%, transparent);
}

.DiscoverWizard_progressStep__M6_zN {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1;
  transition: all 0.3s ease;
  padding: 0;
  position: relative;
}

.DiscoverWizard_progressStep__M6_zN:disabled {
  cursor: not-allowed;
  opacity: 1;
}

.DiscoverWizard_stepIcon__0Z631 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--surface);
  border: 2px solid var(--card-border);
  font-size: 1.25rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--text-tertiary);
  position: relative;
  z-index: 2;
}

.DiscoverWizard_progressStep__M6_zN:hover:not(:disabled) .DiscoverWizard_stepIcon__0Z631 {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--primary-300) 50%, transparent);
  color: var(--primary-300);
  box-shadow: 0 0 15px color-mix(in srgb, var(--primary-300) 20%, transparent);
}

.DiscoverWizard_progressStep__M6_zN.DiscoverWizard_active__Xcrk1 .DiscoverWizard_stepIcon__0Z631 {
  background: var(--surface-elevated);
  border-color: transparent;
  background-image: linear-gradient(var(--surface-elevated), var(--surface-elevated)), var(--gradient-primary);
  background-origin: border-box;
  background-clip: content-box, border-box;
  color: var(--primary-300);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary-300) 10%, transparent), 0 0 20px color-mix(in srgb, var(--primary) 40%, transparent);
  transform: scale(1.1);
}

.DiscoverWizard_progressStep__M6_zN.DiscoverWizard_completed__jJOm2 .DiscoverWizard_stepIcon__0Z631 {
  background: var(--accent-green);
  border-color: var(--accent-green);
  color: var(--foreground);
  box-shadow: 0 4px 6px color-mix(in srgb, var(--primary) 20%, transparent);
}

.DiscoverWizard_stepLabel__PpxrO {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
  transition: all 0.3s ease;
  transform-origin: top center;
  white-space: nowrap;
}

.DiscoverWizard_progressStep__M6_zN.DiscoverWizard_active__Xcrk1 .DiscoverWizard_stepLabel__PpxrO {
  color: var(--primary-300);
  transform: scale(1.05);
}

.DiscoverWizard_progressStep__M6_zN.DiscoverWizard_completed__jJOm2 .DiscoverWizard_stepLabel__PpxrO {
  color: var(--accent-green);
}

/* Content */
.DiscoverWizard_content__enkK_ {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

/* Responsive */
@media (max-width: 768px) {
  .DiscoverWizard_progressBar__jqFrD {
    padding: 1rem;
  }

  .DiscoverWizard_progressContainer__6BA0f {
    gap: 0.25rem;
    padding: 0 1rem;
  }

  .DiscoverWizard_stepIcon__0Z631 {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }

  .DiscoverWizard_stepLabel__PpxrO {
    display: none;
  }

  .DiscoverWizard_progressLine__mR8DV {
    left: 1.5rem;
    right: 1.5rem;
    top: 18px;
  }

  .DiscoverWizard_content__enkK_ {
    padding: 1rem;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/discover/steps/StepIntro.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StepIntro_intro__pfyFF {
  max-width: 900px;
  text-align: center;
  position: relative;
}

.StepIntro_header__YhrPd {
  margin-bottom: 3rem;
}

.StepIntro_badge__PNLiU {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent);
  border-radius: 100px;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--primary-300);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1.5rem;
}

.StepIntro_title__yaXx6 {
  font-size: 3.5rem;
  font-weight: 800;
  color: var(--foreground);
  line-height: 1.2;
  margin: 0 0 1.5rem 0;
}

.StepIntro_gradient__bpXf_ {
  display: block;
  background: linear-gradient(135deg, var(--primary), var(--primary), var(--accent-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.StepIntro_subtitle__Scs5R {
  font-size: 1.125rem;
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

.StepIntro_features__ATvgN {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 3rem;
}

.StepIntro_feature__Y_fOk {
  position: relative;
  padding: 1.5rem;
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);
  border-radius: 1rem;
  text-align: left;
  transition: all 0.3s ease;
  text-align: left;
  transition: all 0.3s ease;
}

.StepIntro_feature__Y_fOk:hover {
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
  border-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--foreground) 20%, transparent);
}

.StepIntro_featureNumber__RbLp6 {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary), var(--primary));
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--foreground);
}

.StepIntro_featureIcon__tdzA_ {
  font-size: 2rem;
  margin-bottom: 0.75rem;
}

.StepIntro_featureContent__6dzbu h3 {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 0.5rem 0;
}

.StepIntro_featureContent__6dzbu p {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  line-height: 1.5;
  margin: 0;
}

.StepIntro_cta__GI9bP {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.StepIntro_startBtn__naapb {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2.5rem;
  background: linear-gradient(135deg, var(--primary), var(--primary));
  border: none;
  border-radius: 100px;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--foreground);
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 8px 32px color-mix(in srgb, var(--primary) 40%, transparent);
}

.StepIntro_startBtn__naapb:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--primary) 50%, transparent);
}

.StepIntro_startBtn__naapb:active {
  transform: translateY(0);
}

.StepIntro_arrow__FRSmS {
  transition: transform 0.3s ease;
}

.StepIntro_startBtn__naapb:hover .StepIntro_arrow__FRSmS {
  transform: translateX(4px);
}

.StepIntro_hint__6kdeZ {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--foreground) 50%, transparent);
  margin: 0;
}

/* Decorations */
.StepIntro_decoration__Aewx5 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: -1;
}

.StepIntro_orb1__ac3_A, .StepIntro_orb2__AWSw8, .StepIntro_orb3__vlpXF {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.5;
  animation: StepIntro_float__FwF4G 8s ease-in-out infinite;
}

.StepIntro_orb1__ac3_A {
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, var(--primary), transparent);
  top: -100px;
  right: -100px;
}

.StepIntro_orb2__AWSw8 {
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, var(--primary), transparent);
  bottom: -50px;
  left: -50px;
  animation-delay: -3s;
}

.StepIntro_orb3__vlpXF {
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, var(--accent-pink), transparent);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-delay: -5s;
}

@keyframes StepIntro_float__FwF4G {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-20px) scale(1.05);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .StepIntro_title__yaXx6 {
    font-size: 2rem;
  }

  .StepIntro_features__ATvgN {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .StepIntro_feature__Y_fOk {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
  }

  .StepIntro_featureIcon__tdzA_ {
    font-size: 1.5rem;
    margin-bottom: 0;
    flex-shrink: 0;
  }

  .StepIntro_featureNumber__RbLp6 {
    top: 50%;
    left: -12px;
    transform: translateY(-50%);
  }

  .StepIntro_startBtn__naapb {
    width: 100%;
    justify-content: center;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/discover/steps/StepInterests.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StepInterests_step__4ea9K {
  max-width: 900px;
  width: 100%;
}

.StepInterests_header__N5ol1 {
  text-align: center;
  margin-bottom: 2rem;
}

.StepInterests_title__bkXFg {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 0.75rem 0;
}

.StepInterests_subtitle__ViJ95 {
  font-size: 1rem;
  color: var(--text-secondary);
  margin: 0 0 1rem 0;
  line-height: 1.6;
}

.StepInterests_counter__jfuPX {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  border-radius: 100px;
  font-size: 0.875rem;
  color: var(--text-secondary);
}

.StepInterests_count__mF_8_ {
  font-weight: 700;
  color: var(--primary-300);
}

.StepInterests_categories__IalTd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.StepInterests_category__pBr6t {
  background: color-mix(in srgb, var(--foreground) 3%, transparent);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 1.25rem;
}

.StepInterests_categoryTitle__8EsBo {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 0.875rem 0;
}

.StepInterests_items__FrKnk {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.StepInterests_item__KblHo {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  background: color-mix(in srgb, var(--foreground) 3%, transparent);
  border: 1px solid var(--border-color);
  border-radius: 100px;
  font-size: 0.8125rem;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.StepInterests_item__KblHo:hover:not(:disabled) {
  background: color-mix(in srgb, var(--foreground) 6%, transparent);
  border-color: color-mix(in srgb, var(--foreground) 20%, transparent);
  transform: translateY(-1px);
}

.StepInterests_item__KblHo:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.StepInterests_item__KblHo.StepInterests_selected__UXYBp {
  background: color-mix(in srgb, var(--primary) 15%, transparent);
  border-color: var(--primary);
  color: var(--primary-700);
}

@media (prefers-color-scheme: dark) {
  .StepInterests_item__KblHo.StepInterests_selected__UXYBp {
    color: var(--primary-300);
  }
}
[data-theme="dark"] .StepInterests_item__KblHo.StepInterests_selected__UXYBp {
  color: var(--primary-300);
}

.StepInterests_itemIcon__LMk_W {
  font-size: 1rem;
}

.StepInterests_itemLabel__KdPZX {
  font-weight: 500;
}

.StepInterests_hotTag__TLoEq {
  font-size: 0.5625rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.125rem 0.375rem;
  background: linear-gradient(135deg, var(--accent-yellow), var(--accent-red));
  border-radius: 4px;
  color: var(--foreground);
}

.StepInterests_checkmark___nUQt {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--accent-green);
}

.StepInterests_selectedPreview__N7nHa {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
  border-radius: 0.75rem;
  margin-bottom: 2rem;
}

.StepInterests_previewLabel__YNAdx {
  font-size: 0.875rem;
  color: var(--text-secondary);
}

.StepInterests_previewTag__lL_fk {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  background: var(--primary);
  border-radius: 100px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--foreground);
}

.StepInterests_previewTag__lL_fk button {
  background: none;
  border: none;
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  padding: 0;
  margin-left: 0.25rem;
}

.StepInterests_previewTag__lL_fk button:hover {
  color: var(--foreground);
}

.StepInterests_actions__nbu7i {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.StepInterests_backBtn__k5DAQ, .StepInterests_nextBtn__c_0hd {
  padding: 1rem 2rem;
  border-radius: 100px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepInterests_backBtn__k5DAQ {
  background: transparent;
  border: 1px solid var(--border-color);
  color: var(--text-secondary);
}

.StepInterests_backBtn__k5DAQ:hover {
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  border-color: color-mix(in srgb, var(--foreground) 20%, transparent);
  color: var(--foreground);
}

.StepInterests_nextBtn__c_0hd {
  background: var(--primary);
  border: none;
  color: var(--foreground);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--primary) 40%, transparent);
}

.StepInterests_nextBtn__c_0hd:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--primary) 50%, transparent);
}

.StepInterests_nextBtn__c_0hd:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

/* Responsive */
@media (max-width: 768px) {
  .StepInterests_categories__IalTd {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .StepInterests_title__bkXFg {
    font-size: 1.5rem;
  }

  .StepInterests_actions__nbu7i {
    flex-direction: column-reverse;
  }

  .StepInterests_backBtn__k5DAQ, .StepInterests_nextBtn__c_0hd {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/discover/steps/StepTrends.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StepTrends_step__Uc3pa {
  max-width: 1000px;
  width: 100%;
}

/* Loading State */
.StepTrends_loading__Cwao5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 4rem 2rem;
  text-align: center;
}

.StepTrends_loadingSpinner__j70Np {
  position: relative;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.StepTrends_spinnerRing__NryLk {
  position: absolute;
  border-radius: 50%;
  border: 3px solid transparent;
  animation: StepTrends_spin__ICIoF 1.5s ease-in-out infinite;
}

.StepTrends_spinnerRing__NryLk:nth-child(1) {
  width: 100%;
  height: 100%;
  border-top-color: color-mix(in srgb, var(--primary) 80%, var(--foreground));
}

.StepTrends_spinnerRing__NryLk:nth-child(2) {
  width: 75%;
  height: 75%;
  border-right-color: color-mix(in srgb, var(--primary) 80%, var(--foreground));
  animation-direction: reverse;
  animation-delay: -0.3s;
}

.StepTrends_spinnerRing__NryLk:nth-child(3) {
  width: 50%;
  height: 50%;
  border-bottom-color: var(--accent-pink);
  animation-delay: -0.6s;
}

@keyframes StepTrends_spin__ICIoF {
  to { transform: rotate(360deg); }
}

.StepTrends_spinnerIcon__XvJsE {
  font-size: 1.5rem;
  animation: StepTrends_pulse__TumRd 1s ease-in-out infinite;
}

@keyframes StepTrends_pulse__TumRd {
  0%, 100% { opacity: 0.5; transform: scale(0.95); }
  50% { opacity: 1; transform: scale(1); }
}

.StepTrends_loading__Cwao5 h3 {
  color: var(--foreground);
  font-size: 1.25rem;
  margin: 0;
}

.StepTrends_loading__Cwao5 p {
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  font-size: 0.9375rem;
  margin: 0;
}

/* Header */
.StepTrends_header__lnIVS {
  text-align: center;
  margin-bottom: 2rem;
}

.StepTrends_title__rubzj {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 0.75rem 0;
}

.StepTrends_subtitle__VBRKN {
  font-size: 1rem;
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  margin: 0;
  line-height: 1.6;
}

/* Trends Grid */
.StepTrends_trends__AsHJ1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}

.StepTrends_trend__uMq4f {
  position: relative;
  padding: 1.25rem;
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  border: 2px solid color-mix(in srgb, var(--foreground) 10%, transparent);
  border-radius: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.StepTrends_trend__uMq4f:hover {
  background: color-mix(in srgb, var(--foreground) 8%, transparent);
  border-color: color-mix(in srgb, var(--foreground) 20%, transparent);
  transform: translateY(-2px);
}

.StepTrends_trend__uMq4f.StepTrends_selected__qWpuC {
  background: color-mix(in srgb, var(--primary) 15%, transparent);
  border-color: color-mix(in srgb, var(--primary) 80%, var(--foreground));
}

.StepTrends_trendHeader__IxwKe {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.StepTrends_trendCategory__aaFd1 {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--primary-300);
  padding: 0.25rem 0.5rem;
  background: color-mix(in srgb, var(--primary) 20%, transparent);
  border-radius: 4px;
}

.StepTrends_trendGrowth__4y6Rl {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--accent-green);
  background: color-mix(in srgb, var(--primary) 15%, transparent);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}

.StepTrends_trendTitle__sH1Wq {
  font-size: 1rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
}

.StepTrends_trendDesc__WfL5z {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  line-height: 1.5;
  margin: 0 0 1rem 0;
}

.StepTrends_trendFooter__2cD8I {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.StepTrends_trendSource__1bWb_ {
  font-size: 0.6875rem;
  color: color-mix(in srgb, var(--foreground) 50%, transparent);
}

.StepTrends_relevanceBar__wZBGD {
  flex: 1 1;
  height: 4px;
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
  border-radius: 2px;
  overflow: hidden;
  min-width: 60px;
}

.StepTrends_relevanceFill__YAx1t {
  height: 100%;
  background: linear-gradient(90deg, var(--primary), var(--primary));
  border-radius: 2px;
  transition: width 0.5s ease;
}

.StepTrends_relevanceLabel__27c69 {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--primary-300);
}

.StepTrends_selectedBadge__mN3A6 {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--accent-green);
  background: color-mix(in srgb, var(--primary) 20%, transparent);
  padding: 0.25rem 0.625rem;
  border-radius: 100px;
}

/* Actions */
.StepTrends_actions__xariU {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.StepTrends_backBtn__oOa_7, .StepTrends_nextBtn__HSO_Y {
  padding: 1rem 2rem;
  border-radius: 100px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepTrends_backBtn__oOa_7 {
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
}

.StepTrends_backBtn__oOa_7:hover {
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
  border-color: color-mix(in srgb, var(--foreground) 30%, transparent);
}

.StepTrends_nextBtn__HSO_Y {
  background: linear-gradient(135deg, var(--primary), var(--primary));
  border: none;
  color: var(--foreground);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--primary) 40%, transparent);
}

.StepTrends_nextBtn__HSO_Y:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--primary) 50%, transparent);
}

.StepTrends_nextBtn__HSO_Y:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
  .StepTrends_trends__AsHJ1 {
    grid-template-columns: 1fr;
  }

  .StepTrends_title__rubzj {
    font-size: 1.5rem;
  }

  .StepTrends_actions__xariU {
    flex-direction: column-reverse;
  }

  .StepTrends_backBtn__oOa_7, .StepTrends_nextBtn__HSO_Y {
    width: 100%;
    text-align: center;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/discover/steps/StepBrainstorm.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StepBrainstorm_step__zOKP5 {
  max-width: 1000px;
  width: 100%;
}

/* Loading State */
.StepBrainstorm_loading__SXr3Z {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 4rem 2rem;
  text-align: center;
}

.StepBrainstorm_aiAvatar__ou_UB {
  position: relative;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary), var(--primary));
  border-radius: 50%;
  font-size: 2.5rem;
}

.StepBrainstorm_aiPulse__xkZ9w {
  position: absolute;
  inset: -8px;
  border: 3px solid var(--primary);
  border-radius: 50%;
  animation: StepBrainstorm_pulse__M48nL 1.5s ease-out infinite;
}

@keyframes StepBrainstorm_pulse__M48nL {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.3);
  }
}

.StepBrainstorm_loading__SXr3Z h3 {
  color: var(--foreground);
  font-size: 1.5rem;
  margin: 0;
}

.StepBrainstorm_loading__SXr3Z p {
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  font-size: 1rem;
  margin: 0;
  min-height: 1.5rem;
}

.StepBrainstorm_progressBar__gnyPA {
  width: 300px;
  height: 6px;
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
  border-radius: 3px;
  overflow: hidden;
}

.StepBrainstorm_progressFill__WdTaq {
  height: 100%;
  background: linear-gradient(90deg, var(--primary), var(--primary), var(--accent-pink));
  border-radius: 3px;
  transition: width 0.3s ease;
}

/* Header */
.StepBrainstorm_header__YKh3Y {
  text-align: center;
  margin-bottom: 2rem;
}

.StepBrainstorm_title__Ydwb9 {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 0.75rem 0;
}

.StepBrainstorm_subtitle__Iq_aZ {
  font-size: 1rem;
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  margin: 0 0 1rem 0;
  line-height: 1.6;
}

.StepBrainstorm_regenerateBtn__eLbsp {
  padding: 0.5rem 1rem;
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);
  border-radius: 100px;
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--foreground) 80%, transparent);
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepBrainstorm_regenerateBtn__eLbsp:hover {
  background: color-mix(in srgb, var(--foreground) 15%, transparent);
  border-color: color-mix(in srgb, var(--foreground) 30%, transparent);
}

/* Ideas Grid */
.StepBrainstorm_ideas__Vztuj {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}

.StepBrainstorm_idea__jf6hy {
  position: relative;
  padding: 1.5rem;
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  border: 2px solid color-mix(in srgb, var(--foreground) 10%, transparent);
  border-radius: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.StepBrainstorm_idea__jf6hy:hover {
  background: color-mix(in srgb, var(--foreground) 8%, transparent);
  border-color: color-mix(in srgb, var(--foreground) 20%, transparent);
  transform: translateY(-2px);
}

.StepBrainstorm_idea__jf6hy.StepBrainstorm_selected__F0XWv {
  background: color-mix(in srgb, var(--primary) 15%, transparent);
  border-color: color-mix(in srgb, var(--primary) 80%, var(--foreground));
  box-shadow: 0 0 30px color-mix(in srgb, var(--primary) 20%, transparent);
}

.StepBrainstorm_ideaHeader__VWwV6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.StepBrainstorm_ideaCategory__of9Om {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--primary-300);
  padding: 0.25rem 0.5rem;
  background: color-mix(in srgb, var(--primary) 20%, transparent);
  border-radius: 4px;
}

.StepBrainstorm_potential__YZBUN {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.625rem;
  border-radius: 100px;
}

.StepBrainstorm_potential__YZBUN.StepBrainstorm_high__HQuk0 {
  color: color-mix(in srgb, var(--accent-red) 50%, var(--accent-yellow));
  background: color-mix(in srgb, var(--accent-yellow) 15%, transparent);
}

.StepBrainstorm_potential__YZBUN.StepBrainstorm_medium__jqCoA {
  color: var(--primary-300);
  background: color-mix(in srgb, var(--accent-blue) 15%, transparent);
}

.StepBrainstorm_potential__YZBUN.StepBrainstorm_low__7YTSf {
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
}

.StepBrainstorm_ideaTitle__A_adv {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
}

.StepBrainstorm_ideaTagline__EmEpB {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
  line-height: 1.5;
  margin: 0 0 1rem 0;
}

.StepBrainstorm_ideaInnovation__jW37n {
  padding: 0.75rem;
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  border-radius: 0.5rem;
}

.StepBrainstorm_innovationLabel__596RD {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--foreground) 50%, transparent);
  display: block;
  margin-bottom: 0.375rem;
}

.StepBrainstorm_ideaInnovation__jW37n p {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--foreground) 80%, transparent);
  line-height: 1.5;
  margin: 0;
}

.StepBrainstorm_selectedBadge__YXUOe {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--accent-green);
  background: color-mix(in srgb, var(--primary) 20%, transparent);
  padding: 0.375rem 0.75rem;
  border-radius: 100px;
}

/* Actions */
.StepBrainstorm_actions__HNLdf {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.StepBrainstorm_backBtn__QSiZO, .StepBrainstorm_nextBtn__dT971 {
  padding: 1rem 2rem;
  border-radius: 100px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepBrainstorm_backBtn__QSiZO {
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
}

.StepBrainstorm_backBtn__QSiZO:hover {
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
}

.StepBrainstorm_nextBtn__dT971 {
  background: linear-gradient(135deg, var(--primary), var(--primary));
  border: none;
  color: var(--foreground);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--primary) 40%, transparent);
}

.StepBrainstorm_nextBtn__dT971:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--primary) 50%, transparent);
}

.StepBrainstorm_nextBtn__dT971:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
  .StepBrainstorm_ideas__Vztuj {
    grid-template-columns: 1fr;
  }

  .StepBrainstorm_title__Ydwb9 {
    font-size: 1.5rem;
  }

  .StepBrainstorm_actions__HNLdf {
    flex-direction: column-reverse;
  }

  .StepBrainstorm_backBtn__QSiZO, .StepBrainstorm_nextBtn__dT971 {
    width: 100%;
    text-align: center;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/discover/steps/StepRefine.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StepRefine_step__JVh8t {
  max-width: 700px;
  width: 100%;
}

.StepRefine_header__iuVKu {
  text-align: center;
  margin-bottom: 2rem;
}

.StepRefine_title___HoWa {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 0.75rem 0;
}

.StepRefine_subtitle__p38c_ {
  font-size: 1rem;
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  margin: 0;
  line-height: 1.6;
}

.StepRefine_form__opLIs {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.StepRefine_formRow__FcYAb {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.StepRefine_formGroup__kgYMu {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.StepRefine_label__YWzMZ {
  font-size: 0.875rem;
  font-weight: 600;
  color: color-mix(in srgb, var(--foreground) 80%, transparent);
}

.StepRefine_required__FYY31 {
  color: var(--accent-red);
}

.StepRefine_input__PfwJr, .StepRefine_textarea__Y3VFW, .StepRefine_select__9Q9_4 {
  padding: 0.875rem 1rem;
  background: color-mix(in srgb, var(--foreground) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--foreground) 15%, transparent);
  border-radius: 0.75rem;
  font-size: 0.9375rem;
  color: var(--foreground);
  transition: all 0.2s ease;
}

.StepRefine_input__PfwJr::placeholder, .StepRefine_textarea__Y3VFW::placeholder {
  color: color-mix(in srgb, var(--foreground) 40%, transparent);
}

.StepRefine_input__PfwJr:focus, .StepRefine_textarea__Y3VFW:focus, .StepRefine_select__9Q9_4:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--primary) 80%, var(--foreground));
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);
}

.StepRefine_textarea__Y3VFW {
  resize: vertical;
  min-height: 100px;
  line-height: 1.6;
}

.StepRefine_select__9Q9_4 {
  cursor: pointer;
}

.StepRefine_select__9Q9_4 option {
  background: var(--surface-elevated);
  color: var(--foreground);
}

.StepRefine_hint__aQRps {
  font-size: 0.75rem;
  color: color-mix(in srgb, var(--foreground) 40%, transparent);
  text-align: right;
}

/* AI Suggestions */
.StepRefine_suggestion__qR3_Z {
  padding: 1rem;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 15%, transparent), color-mix(in srgb, var(--primary) 10%, transparent));
  border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent);
  border-radius: 0.75rem;
  margin-top: 0.5rem;
}

.StepRefine_suggestionLabel__wAih9 {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--primary-300);
  display: block;
  margin-bottom: 0.5rem;
}

.StepRefine_suggestion__qR3_Z p {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--foreground) 80%, transparent);
  line-height: 1.6;
  margin: 0 0 0.75rem 0;
}

.StepRefine_applySuggestion__A91iP {
  padding: 0.5rem 1rem;
  background: linear-gradient(135deg, var(--primary), var(--primary));
  border: none;
  border-radius: 100px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--foreground);
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepRefine_applySuggestion__A91iP:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 40%, transparent);
}

.StepRefine_suggestionMini__vhFNM {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 0.875rem;
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}

.StepRefine_suggestionMini__vhFNM span {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
  flex: 1 1;
}

.StepRefine_suggestionMini__vhFNM button {
  padding: 0.375rem 0.75rem;
  background: var(--primary);
  border: none;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--foreground);
  cursor: pointer;
  flex-shrink: 0;
}

.StepRefine_aiBtn__FGtpj {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.875rem 1.5rem;
  background: color-mix(in srgb, var(--primary) 15%, transparent);
  border: 1px dashed color-mix(in srgb, var(--primary) 40%, transparent);
  border-radius: 0.75rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--primary-300);
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepRefine_aiBtn__FGtpj:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary) 20%, transparent);
  border-color: color-mix(in srgb, var(--primary) 60%, transparent);
}

.StepRefine_aiBtn__FGtpj:disabled {
  cursor: wait;
}

.StepRefine_loadingDot__KHC_m {
  width: 8px;
  height: 8px;
  background: var(--primary-300);
  border-radius: 50%;
  animation: StepRefine_blink__gReK7 1s ease-in-out infinite;
}

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

/* Actions */
.StepRefine_actions__1W3Uo {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.StepRefine_backBtn__Vaa2B, .StepRefine_nextBtn__xaQDD {
  padding: 1rem 2rem;
  border-radius: 100px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepRefine_backBtn__Vaa2B {
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
}

.StepRefine_backBtn__Vaa2B:hover {
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
}

.StepRefine_nextBtn__xaQDD {
  background: linear-gradient(135deg, var(--primary), var(--primary));
  border: none;
  color: var(--foreground);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--primary) 40%, transparent);
}

.StepRefine_nextBtn__xaQDD:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--primary) 50%, transparent);
}

.StepRefine_nextBtn__xaQDD:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
  .StepRefine_formRow__FcYAb {
    grid-template-columns: 1fr;
  }

  .StepRefine_title___HoWa {
    font-size: 1.5rem;
  }

  .StepRefine_actions__1W3Uo {
    flex-direction: column-reverse;
  }

  .StepRefine_backBtn__Vaa2B, .StepRefine_nextBtn__xaQDD {
    width: 100%;
    text-align: center;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/discover/steps/StepPlan.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StepPlan_step__ekbiq {
  max-width: 800px;
  width: 100%;
}

/* Loading */
.StepPlan_loading__7tWaG {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 4rem 2rem;
  text-align: center;
}

.StepPlan_loadingIcon__mQ0cu {
  font-size: 4rem;
  animation: StepPlan_bounce__rsqRP 1s ease-in-out infinite;
}

@keyframes StepPlan_bounce__rsqRP {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.StepPlan_loading__7tWaG h3 {
  color: var(--foreground);
  font-size: 1.5rem;
  margin: 0;
}

.StepPlan_loading__7tWaG p {
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  margin: 0;
}

.StepPlan_loadingDots__sT3S2 {
  display: flex;
  gap: 0.5rem;
}

.StepPlan_loadingDots__sT3S2 span {
  width: 8px;
  height: 8px;
  background: var(--primary);
  border-radius: 50%;
  animation: StepPlan_dot__2k32V 1.4s ease-in-out infinite;
}

.StepPlan_loadingDots__sT3S2 span:nth-child(2) { animation-delay: 0.2s; }
.StepPlan_loadingDots__sT3S2 span:nth-child(3) { animation-delay: 0.4s; }

@keyframes StepPlan_dot__2k32V {
  0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
  40% { transform: scale(1); opacity: 1; }
}

/* Header */
.StepPlan_header__9i85c {
  text-align: center;
  margin-bottom: 2rem;
}

.StepPlan_title__sdVSd {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 0.75rem 0;
}

.StepPlan_subtitle__QrgXi {
  font-size: 1rem;
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  margin: 0;
  line-height: 1.6;
}

/* Sections */
.StepPlan_sections__Rwr4a {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.StepPlan_section__kwU7a {
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);
  border-radius: 1rem;
  padding: 1.25rem;
}

.StepPlan_section__kwU7a h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 1rem 0;
}

.StepPlan_sectionHeader__Ol1Ur {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.StepPlan_sectionHeader__Ol1Ur h3 {
  margin: 0;
}

.StepPlan_addBtn__GuhAc {
  padding: 0.375rem 0.75rem;
  background: color-mix(in srgb, var(--primary) 20%, transparent);
  border: none;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--primary-300);
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepPlan_addBtn__GuhAc:hover {
  background: color-mix(in srgb, var(--primary) 30%, transparent);
}

/* Milestones */
.StepPlan_milestones__zL7AX {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.StepPlan_milestone__zQ1ZD {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  border-radius: 0.5rem;
}

.StepPlan_milestoneIndex__feSHu {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary), var(--primary));
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--foreground);
  flex-shrink: 0;
}

.StepPlan_milestoneTitle__96wGc {
  flex: 1 1;
  padding: 0.5rem 0.75rem;
  background: color-mix(in srgb, var(--foreground) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--foreground) 15%, transparent);
  border-radius: 0.375rem;
  font-size: 0.875rem;
  color: var(--foreground);
}

.StepPlan_milestoneTitle__96wGc:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--primary) 80%, var(--foreground));
}

.StepPlan_milestoneDuration__3IVv1 {
  width: 100px;
  padding: 0.5rem 0.75rem;
  background: color-mix(in srgb, var(--foreground) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--foreground) 15%, transparent);
  border-radius: 0.375rem;
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--foreground) 80%, transparent);
  text-align: center;
}

.StepPlan_milestoneDuration__3IVv1:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--primary) 80%, var(--foreground));
}

.StepPlan_removeBtn__znTB2 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-red) 20%, transparent);
  border: none;
  border-radius: 4px;
  color: var(--accent-red);
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepPlan_removeBtn__znTB2:hover {
  background: color-mix(in srgb, var(--accent-red) 30%, transparent);
}

/* Tags */
.StepPlan_tags__qV3ig {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.StepPlan_tag__E0cmN {
  padding: 0.5rem 0.875rem;
  background: color-mix(in srgb, var(--primary) 15%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent);
  border-radius: 100px;
  font-size: 0.8125rem;
  color: var(--primary-300);
}

/* Risks */
.StepPlan_risks__AAcYR {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.StepPlan_risk__tLcS8 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.875rem;
  background: color-mix(in srgb, var(--accent-yellow) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent-yellow) 20%, transparent);
  border-radius: 0.5rem;
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--foreground) 80%, transparent);
}

.StepPlan_riskIcon__vQLPT {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-yellow);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--surface-elevated);
  flex-shrink: 0;
}

/* Funding Slider */
.StepPlan_fundingSlider__HsVos {
  padding-top: 0.5rem;
}

.StepPlan_slider__Otla2 {
  width: 100%;
  height: 8px;
  appearance: none;
  background: color-mix(in srgb, var(--foreground) 15%, transparent);
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}

.StepPlan_slider__Otla2::-webkit-slider-thumb {
  appearance: none;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, var(--accent-green), color-mix(in srgb, var(--accent-green) 70%, black));
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary) 40%, transparent);
  -webkit-transition: transform 0.15s ease;
  transition: transform 0.15s ease;
}

.StepPlan_slider__Otla2::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}

.StepPlan_fundingLabels__zPKCj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.75rem;
  font-size: 0.75rem;
  color: color-mix(in srgb, var(--foreground) 50%, transparent);
}

.StepPlan_fundingValue__miiuP {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--accent-green);
}

/* Actions */
.StepPlan_actions__AiRRG {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.StepPlan_backBtn__7k9ah, .StepPlan_nextBtn__u9MB8 {
  padding: 1rem 2rem;
  border-radius: 100px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepPlan_backBtn__7k9ah {
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
}

.StepPlan_backBtn__7k9ah:hover {
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
}

.StepPlan_nextBtn__u9MB8 {
  background: linear-gradient(135deg, var(--accent-green), color-mix(in srgb, var(--accent-green) 70%, black));
  border: none;
  color: var(--foreground);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--primary) 40%, transparent);
}

.StepPlan_nextBtn__u9MB8:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--primary) 50%, transparent);
}

/* Responsive */
@media (max-width: 768px) {
  .StepPlan_milestone__zQ1ZD {
    flex-wrap: wrap;
  }

  .StepPlan_milestoneTitle__96wGc {
    order: 1;
    width: 100%;
    flex: auto;
  }

  .StepPlan_milestoneDuration__3IVv1 {
    order: 2;
    flex: 1 1;
  }

  .StepPlan_removeBtn__znTB2 {
    order: 3;
  }

  .StepPlan_title__sdVSd {
    font-size: 1.5rem;
  }

  .StepPlan_actions__AiRRG {
    flex-direction: column-reverse;
  }

  .StepPlan_backBtn__7k9ah, .StepPlan_nextBtn__u9MB8 {
    width: 100%;
    text-align: center;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/discover/steps/StepComplete.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StepComplete_complete__9IHvE, .StepComplete_success__kY8Tm {
  max-width: 700px;
  width: 100%;
  text-align: center;
}

/* Header */
.StepComplete_header__CmTft {
  margin-bottom: 2rem;
}

.StepComplete_completeBadge__nUdZJ {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 20%, transparent), color-mix(in srgb, var(--primary-700) 20%, transparent));
  border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent);
  border-radius: 100px;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--accent-green);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
}

.StepComplete_title__ZQEf6 {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 0.75rem 0;
}

.StepComplete_subtitle__HUE2L {
  font-size: 1rem;
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  margin: 0;
  line-height: 1.6;
}

/* Summary Card */
.StepComplete_summary__MOlb3 {
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);
  border-radius: 1.5rem;
  padding: 1.5rem;
  text-align: left;
  margin-bottom: 1.5rem;
}

.StepComplete_summaryHeader__kBNpR {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);
  margin-bottom: 1.25rem;
}

.StepComplete_summaryIcon___dJlH {
  font-size: 2.5rem;
  flex-shrink: 0;
}

.StepComplete_summaryHeader__kBNpR h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 0.375rem 0;
}

.StepComplete_summaryHeader__kBNpR p {
  font-size: 0.9375rem;
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  margin: 0;
}

.StepComplete_summaryGrid__vVwyS {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.StepComplete_summaryItem__nv1j0 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.StepComplete_itemLabel__ZnCQE {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--foreground) 50%, transparent);
}

.StepComplete_itemValue__MyjbV {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--foreground);
}

.StepComplete_descriptionBox__LxkbF {
  padding: 1rem;
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}

.StepComplete_descriptionBox__LxkbF:last-child {
  margin-bottom: 0;
}

.StepComplete_descriptionBox__LxkbF p {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--foreground) 80%, transparent);
  line-height: 1.6;
  margin: 0.5rem 0 0 0;
}

/* Disclaimer */
.StepComplete_disclaimer__BX_Z6 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
  border-radius: 0.75rem;
  margin-bottom: 2rem;
  text-align: left;
}

.StepComplete_checkbox__levXb {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: color-mix(in srgb, var(--primary) 80%, var(--foreground));
  cursor: pointer;
}

.StepComplete_disclaimer__BX_Z6 label {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
  line-height: 1.5;
  cursor: pointer;
}

.StepComplete_disclaimer__BX_Z6 a {
  color: var(--primary-300);
  text-decoration: underline;
}

/* Actions */
.StepComplete_actions__XmHab {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.StepComplete_backBtn__fPoaR, .StepComplete_submitBtn__5WrgA {
  padding: 1rem 2rem;
  border-radius: 100px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepComplete_backBtn__fPoaR {
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
}

.StepComplete_backBtn__fPoaR:hover {
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
}

.StepComplete_submitBtn__5WrgA {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, var(--accent-green), color-mix(in srgb, var(--accent-green) 70%, black));
  border: none;
  color: var(--foreground);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--primary) 40%, transparent);
  flex: 1 1;
  max-width: 300px;
}

.StepComplete_submitBtn__5WrgA:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--primary) 50%, transparent);
}

.StepComplete_submitBtn__5WrgA:disabled {
  opacity: 0.8;
  cursor: wait;
}

.StepComplete_spinner__s7gPW {
  width: 16px;
  height: 16px;
  border: 2px solid color-mix(in srgb, var(--foreground) 30%, transparent);
  border-top-color: var(--foreground);
  border-radius: 50%;
  animation: StepComplete_spin__5pX2r 0.8s linear infinite;
}

@keyframes StepComplete_spin__5pX2r {
  to { transform: rotate(360deg); }
}

/* Success State */
.StepComplete_success__kY8Tm h2 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--foreground);
  margin: 0 0 1rem 0;
}

.StepComplete_success__kY8Tm > p {
  font-size: 1.125rem;
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
  margin: 0 0 2rem 0;
  line-height: 1.6;
}

.StepComplete_successIcon__yOqa1 {
  position: relative;
  font-size: 5rem;
  margin-bottom: 1.5rem;
  animation: StepComplete_bounceIn__TTStc 0.5s ease;
}

@keyframes StepComplete_bounceIn__TTStc {
  0% { transform: scale(0); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

.StepComplete_confetti__wdFqi {
  position: absolute;
  inset: -50px;
  pointer-events: none;
}

.StepComplete_confettiPiece__gTI0N {
  position: absolute;
  width: 10px;
  height: 10px;
  background: hsl(calc(var(--i, 0) * 36), 80%, 60%);
  border-radius: 2px;
  animation: StepComplete_confettiFall__MB7Oh 3s ease-out forwards;
}

.StepComplete_confettiPiece__gTI0N:nth-child(1) { --i: 0; left: 10%; animation-delay: 0s; }
.StepComplete_confettiPiece__gTI0N:nth-child(2) { --i: 1; left: 20%; animation-delay: 0.1s; }
.StepComplete_confettiPiece__gTI0N:nth-child(3) { --i: 2; left: 30%; animation-delay: 0.2s; }
.StepComplete_confettiPiece__gTI0N:nth-child(4) { --i: 3; left: 40%; animation-delay: 0.1s; }
.StepComplete_confettiPiece__gTI0N:nth-child(5) { --i: 4; left: 50%; animation-delay: 0.3s; }
.StepComplete_confettiPiece__gTI0N:nth-child(6) { --i: 5; left: 60%; animation-delay: 0.15s; }
.StepComplete_confettiPiece__gTI0N:nth-child(7) { --i: 6; left: 70%; animation-delay: 0.25s; }
.StepComplete_confettiPiece__gTI0N:nth-child(8) { --i: 7; left: 80%; animation-delay: 0.05s; }
.StepComplete_confettiPiece__gTI0N:nth-child(9) { --i: 8; left: 90%; animation-delay: 0.2s; }
.StepComplete_confettiPiece__gTI0N:nth-child(10) { --i: 9; left: 15%; animation-delay: 0.3s; }

@keyframes StepComplete_confettiFall__MB7Oh {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(200px) rotate(720deg);
    opacity: 0;
  }
}

.StepComplete_nextSteps__LTxAV {
  margin-bottom: 2rem;
}

.StepComplete_nextSteps__LTxAV h3 {
  font-size: 1rem;
  font-weight: 600;
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
  margin: 0 0 1rem 0;
}

.StepComplete_stepCards__Nx77X {
  display: flex;
  gap: 0.75rem;
}

.StepComplete_stepCard__VbSwm {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);
  border-radius: 0.75rem;
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
  text-align: center;
}

.StepComplete_stepIcon__p7zE_ {
  font-size: 1.5rem;
}

.StepComplete_successActions__QcjXK {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.StepComplete_primaryBtn__0aWzj, .StepComplete_secondaryBtn__B4yza {
  padding: 1rem 2rem;
  border-radius: 100px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.StepComplete_primaryBtn__0aWzj {
  background: linear-gradient(135deg, var(--primary), var(--primary));
  border: none;
  color: var(--foreground);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--primary) 40%, transparent);
}

.StepComplete_primaryBtn__0aWzj:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--primary) 50%, transparent);
}

.StepComplete_secondaryBtn__B4yza {
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
}

.StepComplete_secondaryBtn__B4yza:hover {
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
}

/* Responsive */
@media (max-width: 768px) {
  .StepComplete_summaryGrid__vVwyS {
    grid-template-columns: 1fr;
  }

  .StepComplete_stepCards__Nx77X {
    flex-direction: column;
  }

  .StepComplete_title__ZQEf6, .StepComplete_success__kY8Tm h2 {
    font-size: 1.5rem;
  }

  .StepComplete_actions__XmHab, .StepComplete_successActions__QcjXK {
    flex-direction: column-reverse;
  }

  .StepComplete_backBtn__fPoaR, .StepComplete_submitBtn__5WrgA, .StepComplete_primaryBtn__0aWzj, .StepComplete_secondaryBtn__B4yza {
    width: 100%;
    max-width: none;
    text-align: center;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.2.4_@babel+core@7.29.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/common/Toast.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Toast_container__dhn3M {
  position: fixed;
  top: 80px;
  right: 20px;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  pointer-events: none;
}

.Toast_toast__67rHz {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 1rem 1.25rem;
  background: var(--card-bg);
  border-radius: var(--radius-xl);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--foreground) 15%, transparent), 0 0 0 1px color-mix(in srgb, var(--foreground) 5%, transparent);
  min-width: 300px;
  max-width: 420px;
  animation: Toast_toastSlideIn__Rfr07 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: auto;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  position: relative;
  overflow: hidden;
}

.Toast_toast__67rHz::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius: 4px 0 0 4px;
}

.Toast_toast__67rHz.Toast_exiting__ufpDd {
  animation: Toast_toastSlideOut__KTeyp 0.3s cubic-bezier(0.4, 0, 1, 1) forwards;
}

@keyframes Toast_toastSlideIn__Rfr07 {
  from { 
    opacity: 0; 
    transform: translateX(100%) scale(0.9);
  }
  to { 
    opacity: 1; 
    transform: translateX(0) scale(1);
  }
}

@keyframes Toast_toastSlideOut__KTeyp {
  from { 
    opacity: 1; 
    transform: translateX(0) scale(1);
  }
  to { 
    opacity: 0; 
    transform: translateX(100%) scale(0.9);
  }
}

.Toast_toast__67rHz.Toast_success__4PpFf::before {
  background: linear-gradient(180deg, var(--accent-green), color-mix(in srgb, var(--accent-green) 70%, black));
}

.Toast_toast__67rHz.Toast_error__ReeiP::before {
  background: linear-gradient(180deg, var(--accent-red), var(--accent-red));
}

.Toast_toast__67rHz.Toast_info__9tcyw::before {
  background: linear-gradient(180deg, var(--primary), var(--secondary));
}

.Toast_toast__67rHz.Toast_warning__EHHEt::before {
  background: linear-gradient(180deg, var(--accent-yellow), color-mix(in srgb, var(--accent-yellow) 70%, black));
}

.Toast_icon__ZV2Le {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: bold;
  flex-shrink: 0;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--foreground) 15%, transparent);
}

.Toast_success__4PpFf .Toast_icon__ZV2Le {
  background: linear-gradient(135deg, var(--accent-green), color-mix(in srgb, var(--accent-green) 70%, black));
  color: var(--foreground);
}

.Toast_error__ReeiP .Toast_icon__ZV2Le {
  background: linear-gradient(135deg, var(--accent-red), var(--accent-red));
  color: var(--foreground);
}

.Toast_info__9tcyw .Toast_icon__ZV2Le {
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: var(--foreground);
}

.Toast_warning__EHHEt .Toast_icon__ZV2Le {
  background: linear-gradient(135deg, var(--accent-yellow), color-mix(in srgb, var(--accent-yellow) 70%, black));
  color: var(--foreground);
}

.Toast_content___jDdX {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.Toast_title__NR9mP {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--foreground);
}

.Toast_message__VbwjE {
  font-size: 0.8125rem;
  color: var(--text-secondary);
  line-height: 1.4;
}

.Toast_close__3qMJ7 {
  background: var(--surface);
  border: none;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

.Toast_close__3qMJ7:hover {
  background: var(--card-border);
  color: var(--foreground);
  transform: scale(1.1);
}

.Toast_close__3qMJ7:active {
  transform: scale(0.95);
}

/* Progress bar for auto-dismiss */
.Toast_progress__nzz_2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--card-border);
}

.Toast_progressBar__g6L2Z {
  height: 100%;
  background: currentColor;
  animation: Toast_progressShrink__X_r4G var(--duration, 5s) linear forwards;
}

.Toast_success__4PpFf .Toast_progressBar__g6L2Z {
  background: var(--accent-green);
}

.Toast_error__ReeiP .Toast_progressBar__g6L2Z {
  background: var(--accent-red);
}

.Toast_info__9tcyw .Toast_progressBar__g6L2Z {
  background: var(--primary);
}

.Toast_warning__EHHEt .Toast_progressBar__g6L2Z {
  background: var(--accent-yellow);
}

@keyframes Toast_progressShrink__X_r4G {
  from { width: 100%; }
  to { width: 0%; }
}

/* Mobile */
@media (max-width: 480px) {
  .Toast_container__dhn3M {
    left: 16px;
    right: 16px;
    top: auto;
    bottom: 16px;
  }

  .Toast_toast__67rHz {
    min-width: 0;
    max-width: 100%;
    animation-name: Toast_toastSlideUp__tAAcQ;
  }

  @keyframes Toast_toastSlideUp__tAAcQ {
    from { 
      opacity: 0; 
      transform: translateY(100%) scale(0.9);
    }
    to { 
      opacity: 1; 
      transform: translateY(0) scale(1);
    }
  }
}