/* [project]/src/components/ui/BottomSheet.module.css [app-client] (css) */
.BottomSheet-module__L6XlUa__overlay {
  --sheet-motion: .28s;
  --sheet-dialog-width: 440px;
  --sheet-handle-width: 36px;
  z-index: var(--gds-depth-modal);
  position: fixed;
  inset: 0;
}

.BottomSheet-module__L6XlUa__dim {
  background: var(--gds-bg-dim-overlay);
  animation: BottomSheet-module__L6XlUa__sheet-fade var(--sheet-motion) ease-out;
  position: absolute;
  inset: 0;
}

.BottomSheet-module__L6XlUa__stage {
  pointer-events: none;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0;
}

.BottomSheet-module__L6XlUa__panel {
  pointer-events: auto;
  background: var(--gds-bg-surface-default);
  width: 100%;
  max-height: 92%;
  color: var(--gds-text-primary);
  border-radius: var(--gds-radius-xl) var(--gds-radius-xl) 0 0;
  box-shadow: var(--gds-shadow-lg);
  animation: BottomSheet-module__L6XlUa__sheet-rise var(--sheet-motion) ease-out;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.BottomSheet-module__L6XlUa__handle {
  width: var(--sheet-handle-width);
  height: var(--gds-space-2xs);
  margin-top: var(--gds-space-xs);
  border-radius: var(--gds-radius-pill);
  background: var(--gds-line-default);
  flex: none;
  align-self: center;
}

.BottomSheet-module__L6XlUa__header {
  gap: var(--gds-space-2xs);
  padding: var(--gds-space-md) var(--gds-space-lg) var(--gds-space-xs);
  flex-direction: column;
  display: flex;
}

.BottomSheet-module__L6XlUa__title {
  font-weight: var(--gds-font-weight-bold);
  color: var(--gds-text-primary);
  margin: 0;
}

.BottomSheet-module__L6XlUa__description {
  color: var(--gds-text-secondary);
  margin: 0;
}

.BottomSheet-module__L6XlUa__body {
  min-height: 0;
  padding: var(--gds-space-xs) var(--gds-space-lg);
  color: var(--gds-text-primary);
  flex: auto;
  overflow-y: auto;
}

.BottomSheet-module__L6XlUa__body input[type="checkbox"], .BottomSheet-module__L6XlUa__body input[type="radio"] {
  appearance: auto;
  width: var(--gds-space-md);
  height: var(--gds-space-md);
  accent-color: var(--hc-color-primary);
  cursor: pointer;
  flex: none;
}

.BottomSheet-module__L6XlUa__footer {
  gap: var(--gds-space-xs);
  padding: var(--gds-space-sm) var(--gds-space-lg) calc(var(--gds-space-md) + env(safe-area-inset-bottom));
  flex: none;
  display: flex;
}

.BottomSheet-module__L6XlUa__footer:empty {
  display: none;
}

@media (min-width: 720px) {
  .BottomSheet-module__L6XlUa__stage {
    padding: var(--gds-space-lg);
    align-items: center;
  }

  .BottomSheet-module__L6XlUa__panel {
    width: var(--sheet-dialog-width);
    border-radius: var(--gds-radius-xl);
    max-height: 86%;
    animation-name: BottomSheet-module__L6XlUa__sheet-pop;
  }

  .BottomSheet-module__L6XlUa__handle {
    display: none;
  }

  .BottomSheet-module__L6XlUa__header {
    padding-top: var(--gds-space-lg);
  }

  .BottomSheet-module__L6XlUa__footer {
    padding-bottom: var(--gds-space-lg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .BottomSheet-module__L6XlUa__dim, .BottomSheet-module__L6XlUa__panel {
    animation: none;
  }
}

@keyframes BottomSheet-module__L6XlUa__sheet-fade {
  from {
    opacity: 0;
  }
}

@keyframes BottomSheet-module__L6XlUa__sheet-rise {
  from {
    transform: translateY(100%);
  }
}

@keyframes BottomSheet-module__L6XlUa__sheet-pop {
  from {
    opacity: 0;
    transform: translateY(var(--gds-space-lg));
  }
}

/* [project]/src/components/ui/Snackbar.module.css [app-client] (css) */
.Snackbar-module__3mVkAa__region {
  --snackbar-max: 420px;
  left: var(--gds-space-md);
  right: var(--gds-space-md);
  bottom: calc(var(--gds-space-3xl) + var(--gds-space-lg) + env(safe-area-inset-bottom));
  z-index: var(--gds-depth-toast);
  pointer-events: none;
  justify-content: center;
  display: flex;
  position: fixed;
}

.Snackbar-module__3mVkAa__snack {
  max-width: var(--snackbar-max);
  width: 100%;
  padding: var(--gds-space-sm) var(--gds-space-md);
  border-radius: var(--gds-radius-lg);
  background: var(--hc-color-ink);
  color: var(--hc-color-inverse);
  font-family: inherit;
  font-weight: var(--gds-font-weight-medium);
  text-align: left;
  box-shadow: var(--gds-shadow-lg);
  pointer-events: auto;
  cursor: pointer;
  border: none;
  animation: .2s ease-out Snackbar-module__3mVkAa__snack-in;
}

@media (prefers-reduced-motion: reduce) {
  .Snackbar-module__3mVkAa__snack {
    animation: none;
  }
}

@keyframes Snackbar-module__3mVkAa__snack-in {
  from {
    opacity: 0;
    transform: translateY(var(--gds-space-xs));
  }
}

/* [project]/src/components/ui/Controls.module.css [app-client] (css) */
.Controls-module___rFs1W__chip {
  min-height: calc(var(--gds-space-xl) + var(--gds-space-2xs));
  padding: 0 var(--gds-space-sm);
  border: 1px solid var(--gds-line-default);
  border-radius: var(--gds-radius-pill);
  background: var(--gds-bg-surface-default);
  color: var(--gds-text-primary);
  cursor: pointer;
  align-items: center;
  font-family: inherit;
  display: inline-flex;
}

.Controls-module___rFs1W__chipOn {
  border-color: var(--hc-color-primary);
  background: var(--hc-color-primary);
  color: var(--hc-color-on-primary);
}

.Controls-module___rFs1W__chip:focus-visible, .Controls-module___rFs1W__segItem:focus-within, .Controls-module___rFs1W__input:focus-visible {
  outline: 2px solid var(--hc-color-primary);
  outline-offset: 2px;
}

.Controls-module___rFs1W__segment {
  gap: var(--gds-space-2xs);
  width: 100%;
  padding: var(--gds-space-2xs);
  border-radius: var(--gds-radius-lg);
  background: var(--hc-color-soft);
  display: flex;
}

.Controls-module___rFs1W__segItem {
  min-height: calc(var(--gds-space-xl) + var(--gds-space-2xs));
  border-radius: var(--gds-radius-md);
  color: var(--gds-text-secondary);
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.Controls-module___rFs1W__segOn {
  background: var(--gds-bg-surface-default);
  color: var(--gds-text-primary);
  font-weight: var(--gds-font-weight-bold);
  box-shadow: var(--gds-shadow-sm);
}

.Controls-module___rFs1W__segInput {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.Controls-module___rFs1W__field {
  gap: var(--gds-space-2xs);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.Controls-module___rFs1W__fieldLabel {
  color: var(--gds-text-secondary);
}

.Controls-module___rFs1W__input {
  width: 100%;
  min-height: var(--gds-space-2xl);
  padding: 0 var(--gds-space-sm);
  border: 1px solid var(--gds-line-default);
  border-radius: var(--gds-radius-md);
  background: var(--gds-bg-surface-default);
  color: var(--gds-text-primary);
  font-family: inherit;
}

.Controls-module___rFs1W__input::placeholder {
  color: var(--hc-color-weak);
}

/* [project]/src/lib/hanja/hanja.module.css [app-client] (css) */
.hanja-module__7KQWZG__hj {
  white-space: nowrap;
  font-style: normal;
}

.hanja-module__7KQWZG__ko {
  font-weight: inherit;
}

.hanja-module__7KQWZG__cn {
  font-size: max(.85em, var(--gds-font-size-2xs));
  color: var(--gds-text-secondary);
  margin: 0 0 0 .08em;
  font-weight: 500;
}

.hanja-module__7KQWZG__hj:not(.hanja-module__7KQWZG__cnOnly) .hanja-module__7KQWZG__cn:before {
  content: "(";
}

.hanja-module__7KQWZG__hj:not(.hanja-module__7KQWZG__cnOnly) .hanja-module__7KQWZG__cn:after {
  content: ")";
}

html[data-hanja="hide"] .hanja-module__7KQWZG__hj:not(.hanja-module__7KQWZG__cnOnly) .hanja-module__7KQWZG__cn {
  display: none;
}

html[data-hanja="main"] .hanja-module__7KQWZG__hj:not(.hanja-module__7KQWZG__cnOnly) {
  flex-direction: row-reverse;
  align-items: baseline;
  gap: 0;
  display: inline-flex;
}

html[data-hanja="main"] .hanja-module__7KQWZG__hj:not(.hanja-module__7KQWZG__cnOnly) .hanja-module__7KQWZG__cn {
  color: inherit;
  font-size: 1em;
  font-weight: inherit;
  margin: 0;
}

html[data-hanja="main"] .hanja-module__7KQWZG__hj:not(.hanja-module__7KQWZG__cnOnly) .hanja-module__7KQWZG__cn:before {
  content: none;
}

html[data-hanja="main"] .hanja-module__7KQWZG__hj:not(.hanja-module__7KQWZG__cnOnly) .hanja-module__7KQWZG__cn:after {
  content: none;
}

html[data-hanja="main"] .hanja-module__7KQWZG__hj:not(.hanja-module__7KQWZG__cnOnly) .hanja-module__7KQWZG__ko {
  font-size: max(.85em, var(--gds-font-size-2xs));
  color: var(--gds-text-secondary);
  margin: 0 0 0 .08em;
  font-weight: 500;
}

html[data-hanja="main"] .hanja-module__7KQWZG__hj:not(.hanja-module__7KQWZG__cnOnly) .hanja-module__7KQWZG__ko:before {
  content: "(";
}

html[data-hanja="main"] .hanja-module__7KQWZG__hj:not(.hanja-module__7KQWZG__cnOnly) .hanja-module__7KQWZG__ko:after {
  content: ")";
}

.hanja-module__7KQWZG__cnOnly .hanja-module__7KQWZG__cn {
  color: inherit;
  margin: 0;
  font-size: 1em;
}

/* [project]/src/features/birth-input/_components/BirthInputFields.module.css [app-client] (css) */
.BirthInputFields-module__jXPj6G__form {
  padding: var(--gds-space-md);
  border-radius: var(--gds-radius-xl);
  background: var(--hc-color-card);
  box-shadow: var(--gds-shadow-md);
  gap: var(--gds-space-md);
  flex-direction: column;
  display: flex;
}

.BirthInputFields-module__jXPj6G__fgroup {
  gap: var(--gds-space-xs);
  flex-direction: column;
  display: flex;
}

.BirthInputFields-module__jXPj6G__label {
  color: var(--hc-color-weak);
  font-weight: var(--gds-font-weight-bold);
}

.BirthInputFields-module__jXPj6G__note {
  color: var(--hc-color-weak);
}

.BirthInputFields-module__jXPj6G__selects {
  gap: var(--gds-space-xs);
  display: flex;
}

.BirthInputFields-module__jXPj6G__selWrap {
  flex: 1;
  min-width: 0;
  position: relative;
}

.BirthInputFields-module__jXPj6G__select {
  appearance: none;
  width: 100%;
  padding: var(--gds-space-sm) var(--gds-space-lg) var(--gds-space-sm) var(--gds-space-sm);
  border-radius: var(--gds-radius-lg);
  background: var(--hc-color-soft);
  color: var(--hc-color-ink);
  font-family: var(--hc-font-num);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}

.BirthInputFields-module__jXPj6G__selectEmpty {
  color: var(--hc-color-weak);
}

.BirthInputFields-module__jXPj6G__select:focus {
  box-shadow: 0 0 0 2px var(--hc-color-primary);
  outline: 0;
}

.BirthInputFields-module__jXPj6G__chev {
  right: var(--gds-space-sm);
  width: var(--gds-space-xs);
  height: var(--gds-space-xs);
  margin-top: calc(-1 * var(--gds-space-2xs));
  border-right: 2px solid var(--hc-color-weak);
  border-bottom: 2px solid var(--hc-color-weak);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
}

.BirthInputFields-module__jXPj6G__chips {
  gap: var(--gds-space-xs);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.BirthInputFields-module__jXPj6G__chip {
  align-items: center;
  gap: var(--gds-space-2xs);
  padding: var(--gds-space-xs) 0;
  border-radius: var(--gds-radius-lg);
  background: var(--hc-color-soft);
  color: var(--hc-color-ink);
  cursor: pointer;
  flex-direction: column;
  transition: transform .12s, background .12s, color .12s;
  display: flex;
}

.BirthInputFields-module__jXPj6G__chip:active {
  transform: scale(.96);
}

.BirthInputFields-module__jXPj6G__chipK {
  font-weight: var(--gds-font-weight-bold);
}

.BirthInputFields-module__jXPj6G__chipT {
  font-family: var(--hc-font-num);
  color: var(--hc-color-weak);
  font-variant-numeric: tabular-nums;
}

.BirthInputFields-module__jXPj6G__chipOn {
  background: var(--hc-color-primary);
  color: var(--hc-color-on-primary);
}

.BirthInputFields-module__jXPj6G__chipOn .BirthInputFields-module__jXPj6G__chipT {
  color: var(--hc-color-on-primary);
  opacity: .82;
}

.BirthInputFields-module__jXPj6G__leapChip {
  padding: var(--gds-space-xs) var(--gds-space-md);
  flex-direction: row;
  align-self: flex-start;
}

.BirthInputFields-module__jXPj6G__fieldError {
  color: var(--gds-text-error-default);
}

.BirthInputFields-module__jXPj6G__seg {
  gap: var(--gds-space-2xs);
  padding: var(--gds-space-2xs);
  border-radius: var(--gds-radius-lg);
  background: var(--hc-color-line);
  display: flex;
}

.BirthInputFields-module__jXPj6G__segBtn {
  min-width: 0;
  padding: var(--gds-space-sm) 0;
  border-radius: var(--gds-radius-md);
  color: var(--hc-color-sub);
  font-family: var(--hc-font-display);
  font-weight: var(--gds-font-weight-medium);
  text-align: center;
  cursor: pointer;
  background: none;
  flex: 1;
}

.BirthInputFields-module__jXPj6G__segBtnOn {
  background: var(--hc-color-soft);
  color: var(--hc-color-primary);
  font-weight: var(--gds-font-weight-bold);
  box-shadow: var(--gds-shadow-sm);
}

.BirthInputFields-module__jXPj6G__input {
  width: 100%;
  padding: var(--gds-space-sm) var(--gds-space-sm);
  border-radius: var(--gds-radius-lg);
  background: var(--hc-color-soft);
  color: var(--hc-color-ink);
  font-family: var(--hc-font-sans);
}

.BirthInputFields-module__jXPj6G__input::placeholder {
  color: var(--hc-color-weak);
}

.BirthInputFields-module__jXPj6G__input:focus {
  box-shadow: 0 0 0 2px var(--hc-color-primary);
  outline: 0;
}

/* [project]/src/app/onboarding/_components/onboarding.module.css [app-client] (css) */
.onboarding-module__UDL2iq__shell {
  --ob-leave: .42s;
  --ob-enter: .56s;
  --ob-ease-out: cubic-bezier(.2, .8, .2, 1);
  --ob-ease-in: cubic-bezier(.4, 0, 1, 1);
  background: var(--hc-color-bg);
  min-height: 100dvh;
  color: var(--hc-color-ink);
  flex-direction: column;
  display: flex;
}

.onboarding-module__UDL2iq__welcomeWrap {
  transition: opacity var(--ob-leave) var(--ob-ease-in),
    transform var(--ob-leave) var(--ob-ease-in),
    filter var(--ob-leave) var(--ob-ease-in);
}

.onboarding-module__UDL2iq__welcomeLeaving {
  opacity: 0;
  filter: blur(4px);
  pointer-events: none;
  transform: scale(1.03);
}

.onboarding-module__UDL2iq__obEnter {
  animation: onboarding-module__UDL2iq__obEnter var(--ob-enter) var(--ob-ease-out) both;
}

@keyframes onboarding-module__UDL2iq__obEnter {
  from {
    opacity: 0;
    transform: translate3d(0, var(--gds-space-md), 0);
    filter: blur(2px);
  }

  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .onboarding-module__UDL2iq__welcomeWrap {
    transition: none;
  }

  .onboarding-module__UDL2iq__obEnter {
    animation: none;
  }
}

.onboarding-module__UDL2iq__ob {
  width: 100%;
  max-width: 480px;
  min-height: 0;
  padding: 0 var(--gds-space-md);
  word-break: keep-all;
  overflow-wrap: anywhere;
  flex-direction: column;
  flex: 1;
  margin: 0 auto;
  display: flex;
}

.onboarding-module__UDL2iq__top {
  padding: var(--gds-space-sm) 0 var(--gds-space-xs);
  flex: none;
}

.onboarding-module__UDL2iq__scroll {
  flex: 1;
  min-height: 0;
  overflow: hidden auto;
}

.onboarding-module__UDL2iq__cta {
  padding: var(--gds-space-sm) 0 var(--gds-space-md);
  flex: none;
}

.onboarding-module__UDL2iq__dots {
  gap: var(--gds-space-xs);
  align-items: center;
  display: flex;
}

.onboarding-module__UDL2iq__dot {
  width: var(--gds-space-xs);
  height: var(--gds-space-xs);
  border-radius: var(--gds-radius-pill);
  background: var(--hc-color-line);
  transition: background .2s, width .2s;
}

.onboarding-module__UDL2iq__dotOn {
  background: var(--hc-color-primary);
}

.onboarding-module__UDL2iq__dotCur {
  width: var(--gds-space-lg);
}

.onboarding-module__UDL2iq__head {
  font-family: var(--hc-font-display);
  font-weight: var(--gds-font-weight-bold);
  color: var(--hc-color-ink);
  margin: var(--gds-space-2xs) 0 var(--gds-space-xs);
}

.onboarding-module__UDL2iq__sub {
  color: var(--hc-color-sub);
  margin: 0 0 var(--gds-space-md);
}

.onboarding-module__UDL2iq__primary {
  width: 100%;
  padding: var(--gds-space-md) 0;
  border-radius: var(--gds-radius-xl);
  background: var(--hc-color-primary);
  color: var(--hc-color-on-primary);
  font-family: var(--hc-font-display);
  font-weight: var(--gds-font-weight-bold);
  text-align: center;
  cursor: pointer;
  display: block;
}

.onboarding-module__UDL2iq__primary:active {
  background: var(--hc-color-press);
}

.onboarding-module__UDL2iq__primary:disabled {
  opacity: .5;
  cursor: default;
}

.onboarding-module__UDL2iq__ghost {
  width: 100%;
  min-height: var(--hc-touch-min);
  margin-top: var(--gds-space-xs);
  padding: var(--gds-space-xs) 0;
  color: var(--hc-color-sub);
  font-weight: var(--gds-font-weight-medium);
  text-align: center;
  cursor: pointer;
  background: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.onboarding-module__UDL2iq__ghost:active {
  color: var(--hc-color-ink);
}

.onboarding-module__UDL2iq__form {
  padding: var(--gds-space-md);
  border-radius: var(--gds-radius-xl);
  background: var(--hc-color-card);
  box-shadow: var(--gds-shadow-md);
  gap: var(--gds-space-md);
  flex-direction: column;
  display: flex;
}

.onboarding-module__UDL2iq__fgroup {
  gap: var(--gds-space-xs);
  flex-direction: column;
  display: flex;
}

.onboarding-module__UDL2iq__label {
  color: var(--hc-color-weak);
  font-weight: var(--gds-font-weight-bold);
}

.onboarding-module__UDL2iq__note {
  color: var(--hc-color-weak);
}

.onboarding-module__UDL2iq__selects {
  gap: var(--gds-space-xs);
  display: flex;
}

.onboarding-module__UDL2iq__selWrap {
  flex: 1;
  min-width: 0;
  position: relative;
}

.onboarding-module__UDL2iq__select {
  appearance: none;
  width: 100%;
  padding: var(--gds-space-sm) var(--gds-space-lg) var(--gds-space-sm) var(--gds-space-sm);
  border-radius: var(--gds-radius-lg);
  background: var(--hc-color-soft);
  color: var(--hc-color-ink);
  font-family: var(--hc-font-num);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}

.onboarding-module__UDL2iq__select:focus {
  box-shadow: 0 0 0 2px var(--hc-color-primary);
  outline: 0;
}

.onboarding-module__UDL2iq__chev {
  right: var(--gds-space-sm);
  width: var(--gds-space-xs);
  height: var(--gds-space-xs);
  margin-top: calc(-1 * var(--gds-space-2xs));
  border-right: 2px solid var(--hc-color-weak);
  border-bottom: 2px solid var(--hc-color-weak);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
}

.onboarding-module__UDL2iq__chips {
  gap: var(--gds-space-xs);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.onboarding-module__UDL2iq__chip {
  align-items: center;
  gap: var(--gds-space-2xs);
  padding: var(--gds-space-xs) 0;
  border-radius: var(--gds-radius-lg);
  background: var(--hc-color-soft);
  color: var(--hc-color-ink);
  cursor: pointer;
  flex-direction: column;
  transition: transform .12s, background .12s, color .12s;
  display: flex;
}

.onboarding-module__UDL2iq__chip:active {
  transform: scale(.96);
}

.onboarding-module__UDL2iq__chipK {
  font-weight: var(--gds-font-weight-bold);
}

.onboarding-module__UDL2iq__chipT {
  font-family: var(--hc-font-num);
  color: var(--hc-color-weak);
  font-variant-numeric: tabular-nums;
}

.onboarding-module__UDL2iq__chipOn {
  background: var(--hc-color-primary);
  color: var(--hc-color-on-primary);
}

.onboarding-module__UDL2iq__chipOn .onboarding-module__UDL2iq__chipT {
  color: var(--hc-color-on-primary);
  opacity: .82;
}

.onboarding-module__UDL2iq__leapChip {
  padding: var(--gds-space-xs) var(--gds-space-md);
  flex-direction: row;
  align-self: flex-start;
}

.onboarding-module__UDL2iq__fieldError {
  color: var(--gds-text-error-default);
}

.onboarding-module__UDL2iq__loadIcon {
  width: var(--gds-space-3xl);
  height: var(--gds-space-3xl);
  display: block;
}

.onboarding-module__UDL2iq__loadIcon img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.onboarding-module__UDL2iq__load {
  justify-content: center;
  align-items: center;
  gap: var(--gds-space-lg);
  min-height: 0;
  padding: 0 var(--gds-space-xs);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.onboarding-module__UDL2iq__status {
  color: var(--hc-color-sub);
  min-height: 1.4em;
  transition: opacity .12s;
}

.onboarding-module__UDL2iq__bar {
  width: 70%;
  max-width: 240px;
  height: var(--gds-space-2xs);
  border-radius: var(--gds-radius-pill);
  background: var(--hc-color-line);
  overflow: hidden;
}

.onboarding-module__UDL2iq__barFill {
  border-radius: var(--gds-radius-pill);
  background: var(--hc-color-primary);
  width: 0;
  height: 100%;
  display: block;
}

.onboarding-module__UDL2iq__result {
  padding: var(--gds-space-xl) var(--gds-space-lg);
  border-radius: var(--gds-radius-xl);
  background: var(--hc-color-card);
  box-shadow: var(--gds-shadow-md);
  text-align: center;
}

.onboarding-module__UDL2iq__avatar {
  border-radius: var(--gds-radius-lg);
  width: fit-content;
  margin: 0 auto;
  overflow: hidden;
}

.onboarding-module__UDL2iq__race {
  color: var(--hc-color-ink);
  font-weight: var(--gds-font-weight-bold);
  margin-top: var(--gds-space-sm);
}

.onboarding-module__UDL2iq__raceWhy {
  color: var(--hc-color-sub);
  margin-top: var(--gds-space-2xs);
}

.onboarding-module__UDL2iq__glyph {
  font-family: var(--hc-font-serif);
  color: var(--hc-color-primary);
  margin: var(--gds-space-sm) 0 var(--gds-space-2xs);
  line-height: 1;
}

.onboarding-module__UDL2iq__title {
  font-family: var(--hc-font-display);
  font-weight: var(--gds-font-weight-bold);
  color: var(--hc-color-ink);
  margin: var(--gds-space-xs) 0 var(--gds-space-sm);
}

.onboarding-module__UDL2iq__desc {
  color: var(--hc-color-ink);
  margin: 0 0 var(--gds-space-sm);
  line-height: 1.6;
}

.onboarding-module__UDL2iq__hint {
  color: var(--hc-color-sub);
  line-height: 1.5;
}

.onboarding-module__UDL2iq__seg {
  gap: var(--gds-space-2xs);
  padding: var(--gds-space-2xs);
  border-radius: var(--gds-radius-lg);
  background: var(--hc-color-line);
  display: flex;
}

.onboarding-module__UDL2iq__segBtn {
  min-width: 0;
  padding: var(--gds-space-sm) 0;
  border-radius: var(--gds-radius-md);
  color: var(--hc-color-sub);
  font-family: var(--hc-font-display);
  font-weight: var(--gds-font-weight-medium);
  text-align: center;
  cursor: pointer;
  background: none;
  flex: 1;
}

.onboarding-module__UDL2iq__segBtnOn {
  background: var(--hc-color-soft);
  color: var(--hc-color-primary);
  font-weight: var(--gds-font-weight-bold);
  box-shadow: var(--gds-shadow-sm);
}

.onboarding-module__UDL2iq__input {
  width: 100%;
  padding: var(--gds-space-sm) var(--gds-space-sm);
  border-radius: var(--gds-radius-lg);
  background: var(--hc-color-soft);
  color: var(--hc-color-ink);
  font-family: var(--hc-font-sans);
}

.onboarding-module__UDL2iq__input::placeholder {
  color: var(--hc-color-weak);
}

.onboarding-module__UDL2iq__input:focus {
  box-shadow: 0 0 0 2px var(--hc-color-primary);
  outline: 0;
}

.onboarding-module__UDL2iq__welcome {
  word-break: keep-all;
  overflow-wrap: anywhere;
  width: 100%;
  container-type: inline-size;
}

.onboarding-module__UDL2iq__hero {
  width: 100%;
  max-width: 56.25svh;
  height: 100svh;
  min-height: calc(var(--gds-space-3xl) * 8);
  isolation: isolate;
  background: var(--hc-color-bg);
  margin-inline: auto;
  position: relative;
  overflow: hidden;
}

.onboarding-module__UDL2iq__heroStage {
  position: absolute;
  inset: 0;
}

.onboarding-module__UDL2iq__heroLoop {
  object-fit: cover;
  object-position: 50% 30%;
  background: var(--hc-color-bg);
  width: 100%;
  height: 100%;
  display: block;
}

.onboarding-module__UDL2iq__heroScrim {
  pointer-events: none;
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--hc-color-bg) 55%, transparent) 0%,
    transparent 18%,
    transparent 46%,
    color-mix(in srgb, var(--hc-color-bg) 86%, transparent) 72%,
    var(--hc-color-bg) 100%);
  position: absolute;
  inset: 0;
}

.onboarding-module__UDL2iq__heroCopy {
  padding: 0 var(--gds-space-md) var(--gds-space-lg);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.onboarding-module__UDL2iq__wordmarkGold {
  margin-bottom: var(--gds-space-sm);
  font-family: var(--hc-font-display);
  font-weight: var(--gds-font-weight-bold);
  letter-spacing: -.02em;
  color: var(--hc-color-on-soft);
  background-image: linear-gradient(180deg, var(--hc-color-on-soft) 0%, var(--hc-color-gold) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
}

.onboarding-module__UDL2iq__heroLine {
  margin: 0 0 var(--gds-space-md);
  font-family: var(--hc-font-display);
  font-weight: var(--gds-font-weight-bold);
  color: var(--hc-color-ink);
}

.onboarding-module__UDL2iq__heroKind {
  margin: 0 0 var(--gds-space-2xs);
  font-weight: var(--gds-font-weight-bold);
  letter-spacing: .06em;
  color: var(--hc-color-on-soft);
}

.onboarding-module__UDL2iq__guide {
  margin: 0 0 var(--gds-space-lg);
  padding: var(--gds-space-xs);
  gap: var(--gds-space-2xs);
  border-radius: var(--gds-radius-xl);
  background: color-mix(in srgb, var(--hc-color-card) 78%, transparent);
  border: 1px solid color-mix(in srgb, var(--hc-color-gold) 28%, transparent);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  display: grid;
}

.onboarding-module__UDL2iq__guideItem {
  align-items: center;
  gap: var(--gds-space-2xs);
  min-width: 0;
  padding: var(--gds-space-2xs);
  display: flex;
}

.onboarding-module__UDL2iq__guideIcon {
  width: var(--gds-space-lg);
  height: var(--gds-space-lg);
  object-fit: contain;
  flex: none;
}

.onboarding-module__UDL2iq__guideName {
  min-width: 0;
  font-weight: var(--gds-font-weight-bold);
  letter-spacing: -.02em;
  word-break: keep-all;
  color: var(--hc-color-ink);
}

@container (min-width: 720px) {
  .onboarding-module__UDL2iq__heroStage {
    left: 34%;
  }

  .onboarding-module__UDL2iq__heroScrim {
    background: linear-gradient(90deg,
      color-mix(in srgb, var(--hc-color-bg) 90%, transparent) 0%,
      color-mix(in srgb, var(--hc-color-bg) 55%, transparent) 38%,
      transparent 62%);
  }

  .onboarding-module__UDL2iq__heroCopy {
    width: 46%;
    padding: 0 0 0 var(--gds-space-2xl);
    flex-direction: column;
    justify-content: center;
    display: flex;
    top: 0;
    right: auto;
  }

  .onboarding-module__UDL2iq__heroLine {
    font-size: var(--gds-font-size-5xl);
    line-height: var(--gds-line-height-5xl);
  }

  .onboarding-module__UDL2iq__heroBtn, .onboarding-module__UDL2iq__guide {
    max-width: calc(var(--gds-space-3xl) * 6);
  }
}

/*# sourceMappingURL=src_1-y790r._.css.map*/