.dropdown-menu[data-v-559adfea] {
  border-radius:12px;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #FFFFFF */;
  border: 1px solid;
  --un-border-opacity:1;border-color:rgb(229 229 232 / var(--un-border-opacity));
  box-shadow: 0 8px 24px rgba(0,0,0,0.1), 0 1px 4px rgba(0,0,0,0.06);
  overflow: hidden;
  z-index: 40;
}
.dropdown-enter-from[data-v-559adfea],
.dropdown-leave-to[data-v-559adfea] {
  opacity: 0;
  transform: translateY(4px);
}
.dropdown-enter-active[data-v-559adfea],
.dropdown-leave-active[data-v-559adfea] {
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.tt-box[data-v-b9e2d36d] {
  position: absolute;
  width: 200px;
  background: #2A2A2E;
  color: #F5F5F5;
  line-height: 1.5;
  font-weight: 400;
  padding: 7px 10px;
  border-radius: 8px;
  text-align: left;
  white-space: normal;
  z-index: 200;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  pointer-events: none;
}
.tt-arrow[data-v-b9e2d36d] {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #2A2A2E;
}
.prog-track[data-v-25fec809] {
  height: 2px;
  border-radius: 9px;
  overflow: hidden;
}
.prog-fill[data-v-25fec809] {
  height: 100%;
  border-radius: 9px;
  transition: width 0.3s ease;
}
.pcard[data-v-13036b0f] {
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  padding: 13px 13px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: box-shadow 0.15s, transform 0.15s;
}
@media (hover: hover) {
.pcard[data-v-13036b0f]:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    transform: translateY(-1px);
}
}
.pcard[data-v-13036b0f]:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.drill-bar[data-v-07dfdc9e] {
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  overflow: hidden;
  display: flex;
}
.drill-cell[data-v-07dfdc9e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 11px 4px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.12s;
}
.drill-cell[data-v-07dfdc9e]:not(:last-child) {
  border-right-width:1px;--un-border-opacity:1;border-color:rgb(238 238 239 / var(--un-border-opacity));
}
@media (hover: hover) {
.drill-cell[data-v-07dfdc9e]:hover {
    --un-bg-opacity:1;background-color:rgb(247 247 248 / var(--un-bg-opacity)) /* #F7F7F8 */;
}
}
.drill-cell[data-v-07dfdc9e]:active {
  --un-bg-opacity:1;background-color:rgb(238 238 239 / var(--un-bg-opacity)) /* #EEEEEF */;
}
.loading-overlay[data-v-a25c2884] {
  position: absolute;
  inset: 0;
  background: rgba(247,247,248,0.72);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(2px);
}
.spinner[data-v-a25c2884] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2.5px solid #e5e5e8;
  border-top-color: #17171a;
  animation: animation-spin 0.8s linear infinite;
}

.section-divider[data-v-e92aa853] {
  height: 1px;
  background: #e8e8ea;
  margin: 0 16px;
}
.empty-card[data-v-e92aa853] {
  display:flex;align-items:center;justify-content:center;border-radius:12px;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #FFFFFF */;text-align:center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 48px 16px;
}
.btn[data-v-e00a4330] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
  transition: opacity 0.14s, transform 0.1s;
  -webkit-tap-highlight-color: transparent;
}
.btn[data-v-e00a4330]:active {
  opacity: 0.82;
  transform: scale(0.985);
}
.btn[data-size='default'][data-v-e00a4330] {
  padding: 15px 20px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.btn[data-size='sm'][data-v-e00a4330] {
  padding: 6px 12px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
}
.btn[data-variant='primary'][data-v-e00a4330] {
  background: #17171a;
  color: #fff;
}
.btn[data-variant='secondary'][data-v-e00a4330] {
  background: #fff;
  color: #17171a;
  border: 1.5px solid #e5e5e8;
}
.btn[data-variant='soft'][data-v-e00a4330] {
  background: #eeeeef;
  color: #5f5f68;
}
.btn[data-variant='text'][data-v-e00a4330] {
  background: transparent;
  color: #3f3f46;
  padding: 4px 0;
  border-radius: 0;
  font-size: 13px;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 3px;
  text-decoration-color: rgba(63,63,70,0.35);
}
.btn[data-variant='text'][data-size='sm'][data-v-e00a4330] {
  font-size: 11px;
  font-weight: 500;
}
.btn-spinner[data-v-e00a4330] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  flex-shrink: 0;
  animation: spin-e00a4330 0.65s linear infinite;
}
.btn-spinner[data-variant='primary'][data-v-e00a4330] {
  border: 2px solid rgba(255,255,255,0.28);
  border-top-color: #fff;
}
.btn-spinner[data-variant='secondary'][data-v-e00a4330] {
  border: 2px solid rgba(23,23,26,0.15);
  border-top-color: #17171a;
}
.btn-spinner[data-variant='soft'][data-v-e00a4330],
.btn-spinner[data-variant='text'][data-v-e00a4330] {
  border: 2px solid rgba(95,95,104,0.3);
  border-top-color: #5f5f68;
}
@-moz-keyframes spin-e00a4330 {
to {
    transform: rotate(360deg);
}
}
@-webkit-keyframes spin-e00a4330 {
to {
    transform: rotate(360deg);
}
}
@-o-keyframes spin-e00a4330 {
to {
    transform: rotate(360deg);
}
}
@keyframes spin-e00a4330 {
to {
    transform: rotate(360deg);
}
}
.jp-simple-text {
  line-height: 1.7;
}
.jp-simple-text u {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #a4a4ae;
  text-underline-offset: 3px;
  font-weight: 600;
  margin: 0 2px;
}
.choice-item[data-v-2dd7f022] {
  display: flex;
  align-items: center;
  padding: 11px 16px;
  gap: 12px;
  border-radius: 10px;
  border: 1px solid #e5e5e8;
  background: #fff;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
  user-select: none;
}
.choice-item[data-v-2dd7f022]:active {
  background: #f7f7f8;
}
.choice-item.selected[data-v-2dd7f022] {
  border-color: #17171a;
}
.choice-item.correct[data-v-2dd7f022] {
  border-color: #2e7d42;
  background: #eaf4ec;
  cursor: default;
}
.choice-item.wrong[data-v-2dd7f022] {
  border-color: #b83232;
  background: #fdecea;
  cursor: default;
}
.choice-no[data-v-2dd7f022] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid #e5e5e8;
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  color: #a4a4ae;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.choice-no.selected[data-v-2dd7f022] {
  background: #17171a;
  border-color: #17171a;
  color: #fff;
}
.choice-no.correct[data-v-2dd7f022] {
  background: #2e7d42;
  border-color: #2e7d42;
  color: #fff;
}
.choice-no.wrong[data-v-2dd7f022] {
  background: #b83232;
  border-color: #b83232;
  color: #fff;
}

.jp-text[data-highlight='true'][data-v-0eff105e] {
  color: #17171a;
  font-weight: 600;
  background: rgba(23, 23, 26, 0.07);
  border-radius: 3px;
  padding: 1px 4px;
  margin: 0 -4px;
}
.tab-btn[data-v-8715a13f] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  transition: background 0.12s, color 0.12s;
  flex-shrink: 0;
  background: transparent;
  color: #a4a4ae;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-btn.active[data-v-8715a13f] {
  background: #17171a;
  color: #fff;
}
.audio-player[data-v-2ca8681c] {
  background: #fff;
  border-top: 1px solid #eeeeef;
  padding-top: 10px;
  padding-bottom: 12px;
}
.play-btn-spinner[data-v-2ca8681c] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.35);
  border-top-color: #fff;
  animation: spin-2ca8681c 0.7s linear infinite;
}
.error-state[data-v-2ca8681c] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
}
.error-icon[data-v-2ca8681c] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fef2f2;
  color: #ef4444;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.track[data-v-2ca8681c] {
  flex: 1;
  padding: 8px 0;
  cursor: pointer;
  position: relative;
}
.track-bg[data-v-2ca8681c] {
  height: 3px;
  background: #eeeeef;
  border-radius: 9px;
  position: relative;
  overflow: visible;
}
.track-fill[data-v-2ca8681c] {
  height: 100%;
  background: #17171a;
  border-radius: 9px;
  position: relative;
  transition: width 0.1s linear;
}
.track-thumb[data-v-2ca8681c] {
  position: absolute;
  right: -5px;
  top: -3.5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #17171a;
}
.ctrl-btn[data-v-2ca8681c] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  cursor: pointer;
  color: #5f5f68;
  border-radius: 8px;
  transition: background 0.12s;
  -webkit-tap-highlight-color: transparent;
}
.ctrl-btn[data-v-2ca8681c]:active {
  background: #eeeeef;
}
.play-btn[data-v-2ca8681c] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #17171a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity 0.12s;
  -webkit-tap-highlight-color: transparent;
}
.play-btn[data-v-2ca8681c]:active {
  opacity: 0.75;
}
.speed-btn[data-v-2ca8681c] {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  color: #5f5f68;
  background: #eeeeef;
  padding: 4px 8px;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  transition: background 0.12s;
  user-select: none;
  box-sizing: content-box;
  width: 5ch;
}
.speed-btn[data-v-2ca8681c]:active {
  background: #e0e0e2;
}
.speed-menu-item[data-v-2ca8681c] {
  font-family: 'DM Mono', monospace;
  font-size: 12px;
  font-weight: 500;
  color: #5f5f68;
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.1s;
  user-select: none;
  min-width: 72px;
}
.speed-menu-item[data-v-2ca8681c]:active,
.speed-menu-item[data-v-2ca8681c]:hover {
  background: #f7f7f8;
}
.speed-menu-item.active[data-v-2ca8681c] {
  color: #17171a;
  font-weight: 600;
}
@-moz-keyframes spin-2ca8681c {
to {
    transform: rotate(360deg);
}
}
@-webkit-keyframes spin-2ca8681c {
to {
    transform: rotate(360deg);
}
}
@-o-keyframes spin-2ca8681c {
to {
    transform: rotate(360deg);
}
}
@keyframes spin-2ca8681c {
to {
    transform: rotate(360deg);
}
}
.bs-overlay[data-v-20706579] {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.32);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.bs-panel[data-v-20706579] {
  background: #fff;
  border-radius: 20px 20px 0 0;
  width: 100%;
}
.bs-handle[data-v-20706579] {
  width: 32px;
  height: 3px;
  border-radius: 2px;
  background: #e5e5e8;
  margin-bottom: 10px;
  flex-shrink: 0;
}
.bs-enter-from[data-v-20706579],
.bs-leave-to[data-v-20706579] {
  opacity: 0;
}
.bs-enter-from .bs-panel[data-v-20706579],
.bs-leave-to .bs-panel[data-v-20706579] {
  transform: translateY(100%);
}
.bs-enter-active[data-v-20706579] {
  transition: opacity 0.22s ease;
}
.bs-enter-active .bs-panel[data-v-20706579] {
  transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
}
.bs-leave-active[data-v-20706579] {
  transition: opacity 0.22s ease;
}
.bs-leave-active .bs-panel[data-v-20706579] {
  transition: transform 0.22s cubic-bezier(0.32, 0.72, 0, 1);
}

.checkbox-box[data-v-f6522fa1] {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  flex-shrink: 0;
  border: 1.5px solid #d0d0d4;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.12s, border-color 0.12s;
}
.checkbox-box.checked[data-v-f6522fa1] {
  background: #17171a;
  border-color: #17171a;
}
.action-btn[data-v-a3be51ac] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 8px 4px;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.12s;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.action-btn[data-v-a3be51ac]:active {
  background: rgba(0,0,0,0.04);
}
@media (hover: hover) {
.action-btn[data-v-a3be51ac]:hover {
    background: #eeeeef;
}
}
.sheet-cell[data-v-a3be51ac] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.1s;
  -webkit-tap-highlight-color: transparent;
}
.sheet-cell[data-v-a3be51ac]:active {
  opacity: 0.7;
}
.sheet-cell--unanswered[data-v-a3be51ac] {
  background: #eeeeef;
  color: #c8c8cc;
}
.sheet-cell--answered[data-v-a3be51ac] {
  background: #eeeeef;
  color: #17171a;
  font-weight: 600;
}
.sheet-cell--active[data-v-a3be51ac] {
  background: #17171a;
  color: #fff;
}
.sheet-cell--correct[data-v-a3be51ac] {
  background: #eaf4ec;
  color: #2e7d42;
}
.sheet-cell--wrong[data-v-a3be51ac] {
  background: #fdecea;
  color: #b83232;
}
.sheet-cell--active-correct[data-v-a3be51ac] {
  outline: 2px solid #2e7d42;
  outline-offset: 2px;
}
.sheet-cell--active-wrong[data-v-a3be51ac] {
  outline: 2px solid #b83232;
  outline-offset: 2px;
}
.body[data-v-dbc393e4] {
  padding: 16px 16px 12px;
}
.title-row[data-v-dbc393e4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 6px;
}
.dot[data-v-dbc393e4] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #b83232;
  opacity: 0.85;
  flex-shrink: 0;
}
.title[data-v-dbc393e4] {
  font-size: 15px;
  font-weight: 600;
  color: #17171a;
}
.msg[data-v-dbc393e4] {
  font-size: 13px;
  color: #5f5f68;
  text-align: center;
  line-height: 1.65;
}
.btn[data-v-dbc393e4] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 10px;
  font-size: 15px;
  font-weight: 600;
  color: #17171a;
  cursor: pointer;
  user-select: none;
  transition: background 0.12s;
}
.btn[data-v-dbc393e4]:hover {
  background: rgba(0,0,0,0.03);
}
.btn[data-v-dbc393e4]:active {
  background: rgba(0,0,0,0.06);
}
.body[data-v-022c5d88] {
  padding: 16px 16px 12px;
}
.btn[data-v-022c5d88] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 10px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  transition: background 0.12s;
  font-family: inherit;
}
.btn[data-v-022c5d88]:hover {
  background: rgba(0,0,0,0.03);
}
.btn[data-v-022c5d88]:active {
  background: rgba(0,0,0,0.06);
}
.btn.cancel[data-v-022c5d88] {
  color: #5f5f68;
}
.btn.ok[data-v-022c5d88] {
  color: #17171a;
  font-weight: 600;
}
.btn.destructive[data-v-022c5d88] {
  color: #b83232;
  font-weight: 600;
}
.heatmap-grid[data-v-fe801e31] {
  display: grid;
  grid-template-columns: repeat(18, 1fr);
  gap: 2px;
}
.heatmap-cell[data-v-fe801e31] {
  aspect-ratio: 1;
  border-radius: 2px;
}
.toast[data-v-e0188282] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(23,23,26,0.88);
  backdrop-filter: blur(4px);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  padding: 9px 16px;
  border-radius: 10px;
  white-space: nowrap;
  pointer-events: none;
  z-index: 80;
}
.t-scale-enter-active[data-v-e0188282] {
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.t-scale-leave-active[data-v-e0188282] {
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.t-scale-enter-from[data-v-e0188282],
.t-scale-leave-to[data-v-e0188282] {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.92);
}
.d-overlay[data-v-8db41898] {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.28);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  z-index: 60;
}
.d-overlay--narrow[data-v-8db41898] {
  padding: 0 52px;
}
.d-card[data-v-8db41898] {
  background: #fff;
  border-radius: 14px;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.06);
}
.d-overlay-enter-active[data-v-8db41898],
.d-overlay-leave-active[data-v-8db41898] {
  transition: opacity 0.18s ease;
}
.d-overlay-enter-from[data-v-8db41898],
.d-overlay-leave-to[data-v-8db41898] {
  opacity: 0;
}
.d-card-enter-active[data-v-8db41898] {
  transition: transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);
}
.d-card-leave-active[data-v-8db41898] {
  transition: transform 0.15s ease;
}
.d-card-enter-from[data-v-8db41898],
.d-card-leave-to[data-v-8db41898] {
  transform: scale(0.92);
}
.iv-overlay[data-v-d0851984] {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: none;
  z-index: 200;
}
.iv-img[data-v-d0851984] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.iv-close[data-v-d0851984] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0,0,0,0.45);
  color: rgba(255,255,255,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  backdrop-filter: blur(4px);
  transition: background 0.15s;
}
.iv-close[data-v-d0851984]:active {
  background: rgba(0,0,0,0.65);
}
.iv-enter-from[data-v-d0851984],
.iv-leave-to[data-v-d0851984] {
  opacity: 0;
}
.iv-enter-from .iv-img[data-v-d0851984],
.iv-leave-to .iv-img[data-v-d0851984] {
  transform: scale(0.92) !important;
}
.iv-enter-active[data-v-d0851984] {
  transition: opacity 0.18s ease;
}
.iv-leave-active[data-v-d0851984] {
  transition: opacity 0.18s ease;
}

.answer-cell[data-current='true'][data-v-cd71a42c] {
  border-style:none !important;--un-bg-opacity:1;background-color:rgb(107 114 128 / var(--un-bg-opacity)) /* #6b7280 */;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;
}
/* practice mode */
.answer-cell[data-answered='true'][data-v-cd71a42c] {
  border-width:1px;border-width:2px;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));
}
/* view mode */
.answer-cell[data-correct='true'][data-v-cd71a42c] {
  border-width:1px;border-width:2px;--un-border-opacity:1;border-color:rgb(134 239 172 / var(--un-border-opacity));
}
.answer-cell[data-wrong='true'][data-v-cd71a42c] {
  border-width:1px;border-width:2px;--un-border-opacity:1;border-color:rgb(252 165 165 / var(--un-border-opacity));
}
svg[data-disabled='true'][data-v-cd71a42c] {
  --un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity)) /* #d1d5db */;
}

.input-wrap[data-v-0345d8ae] {
  transition: box-shadow 0.15s, border-color 0.15s;
}
.input-wrap[data-v-0345d8ae]:focus-within {
  box-shadow: 0 0 0 2px rgba(23, 23, 26, 0.12);
  border-color: #c8c8cc;
}
.input-field[data-v-0345d8ae] {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #17171a;
  caret-color: #17171a;
}
.input-field[data-v-0345d8ae]::placeholder {
  color: #a4a4ae;
  font-weight: 400;
}

.step-btn[data-v-72df9799] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid #e5e5e8;
  background: #fff;
  color: #17171a;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.12s;
}
.step-btn[data-v-72df9799]:hover:not(:disabled) {
  background: #eeeeef;
}
.step-btn[data-v-72df9799]:disabled {
  color: #a4a4ae;
  border-color: #eeeeef;
  cursor: default;
}

.switch-track[data-v-62c09aad] {
  position: relative;
  width: 40px;
  height: 24px;
  border-radius: 999px;
  background: #eeeeef;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.18s;
}
.switch-track.on[data-v-62c09aad] {
  background: #17171a;
}
.switch-thumb[data-v-62c09aad] {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  transition: transform 0.18s;
}
.switch-track.on .switch-thumb[data-v-62c09aad] {
  transform: translateX(16px);
}

.sect-label[data-v-62886edf] {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #a4a4ae;
}
.qt-row[data-v-62886edf] {
  transition: background 0.1s;
}
.qt-row[data-v-62886edf]:active {
  background: rgba(0, 0, 0, 0.025);
}

.sect-label[data-v-cbb19312] {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #a4a4ae;
}
.avatar-grid[data-v-bb7cd070] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 20px 16px;
}
.avatar-opt[data-v-bb7cd070] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #eeeeef;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  transition: border-color 0.12s, transform 0.12s;
  cursor: pointer;
  margin: 0 auto;
}
.avatar-opt[data-v-bb7cd070]:active {
  transform: scale(0.96);
}
.avatar-opt.selected[data-v-bb7cd070] {
  border-color: #17171a;
}
.avatar-edit-badge[data-v-355c9069] {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #17171a;
  border: 1.5px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pro-badge[data-v-8b8c7039] {
  flex-shrink: 0;
  padding: 1px 5px;
  border-radius: 4px;
  border: 1px solid #e8d07a;
  background: #fdf6dc;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  color: #7a5c08;
  letter-spacing: 0.4px;
}
.check-circle[data-v-91fe2052] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid #e5e5e8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.12s, border-color 0.12s;
}
.check-circle.checked[data-v-91fe2052] {
  background: #17171a;
  border-color: #17171a;
}
.action-btn[data-v-ec527613] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 8px 4px;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.12s;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.action-btn[data-v-ec527613]:active {
  background: rgba(0,0,0,0.04);
}
@media (hover: hover) {
.action-btn[data-v-ec527613]:hover {
    background: #eeeeef;
}
}
.root[data-v-91e6605d] {
  padding: 28px 24px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.header[data-v-91e6605d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}
.icon[data-v-91e6605d] {
  width: 52px;
  height: 52px;
  color: #17171a;
  margin-bottom: 4px;
}
.title[data-v-91e6605d] {
  font-size: 17px;
  font-weight: 700;
  color: #17171a;
  letter-spacing: -0.3px;
}
.subtitle[data-v-91e6605d] {
  font-size: 13px;
  color: #5f5f68;
  line-height: 1.65;
  padding: 0 8px;
}
.actions[data-v-91e6605d] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.btn-update[data-v-91e6605d] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px;
  background: #17171a;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 12px;
  transition: background 0.12s;
}
.btn-update[data-v-91e6605d]:active {
  background: #333;
}
.btn-later[data-v-91e6605d] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  font-size: 14px;
  color: #8e8e93;
  transition: opacity 0.12s;
}
.btn-later[data-v-91e6605d]:active {
  opacity: 0.6;
}
.app-shell {
  height: 100dvh;
}
.phone-shell {
  display: flex;
  flex-direction: column;
  width: 390px;
  height: 844px;
  border-radius: 48px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0,0,0,0.15), 0 2px 6px rgba(0,0,0,0.07);
}
body:has(.phone-shell) {
  background-color: #ebebec;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.entry {
  position: relative;
  flex: 1;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  contain: layout;
}
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}:root { --lc-color-brand: #DC9E38; }.hstack{display:flex;align-items:center;}.lc-card-item{display:flex;cursor:pointer;align-items:center;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:120ms;}.vstack{display:flex;flex-direction:column;align-items:center;}.lc-card{border-width:1px;--un-border-opacity:1;border-color:rgb(229 229 232 / var(--un-border-opacity));border-radius:12px;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #FFFFFF */;--un-shadow:0 1px 3px var(--un-shadow-color, rgba(0, 0, 0, 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.lc-card-item:active{background-color:rgb(0 0 0 / 0.04) /* #000 */;}@media(hover:hover){.lc-card-item:hover{background-color:rgb(0 0 0 / 0.018) /* #000 */;}}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent;}.pointer-events-none{pointer-events:none;}.visible{visibility:visible;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.-top-px{top:-1px;}.bottom-0{bottom:0;}.left-2{left:0.5rem;}.right-2{right:0.5rem;}.right-3{right:0.75rem;}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}.grid{display:grid;}.col-span-2{grid-column:span 2/span 2;}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.-mx-0\.5{margin-left:-0.125rem;margin-right:-0.125rem;}.mx-4{margin-left:1rem;margin-right:1rem;}.mx-6{margin-left:1.5rem;margin-right:1.5rem;}.my-4{margin-top:1rem;margin-bottom:1rem;}.-ml-1{margin-left:-0.25rem;}.-mr-1{margin-right:-0.25rem;}.-mt-1{margin-top:-0.25rem;}.mb-\[10px\]{margin-bottom:10px;}.mb-0\.5{margin-bottom:0.125rem;}.mb-1\.5{margin-bottom:0.375rem;}.mb-2{margin-bottom:0.5rem;}.mb-2\.5{margin-bottom:0.625rem;}.mb-3{margin-bottom:0.75rem;}.mb-4{margin-bottom:1rem;}.mb-8{margin-bottom:2rem;}.me{margin-inline-end:1rem;}.ml-1{margin-left:0.25rem;}.ml-1\.5{margin-left:0.375rem;}.ml-2{margin-left:0.5rem;}.ml-3{margin-left:0.75rem;}.ml-4{margin-left:1rem;}.ml-auto{margin-left:auto;}.mr-0\.5{margin-right:0.125rem;}.mr-1{margin-right:0.25rem;}.mt-0\.5{margin-top:0.125rem;}.mt-1{margin-top:0.25rem;}.mt-1\.5{margin-top:0.375rem;}.mt-2{margin-top:0.5rem;}.mt-20{margin-top:5rem;}.mt-3{margin-top:0.75rem;}.mt-30{margin-top:7.5rem;}.mt-4{margin-top:1rem;}.mt-5{margin-top:1.25rem;}.mt-8{margin-top:2rem;}.mt-auto{margin-top:auto;}.inline{display:inline;}.block{display:block;}.inline-block{display:inline-block;}.hidden{display:none;}.\!h-3px{height:3px !important;}.h-\[13px\]{height:13px;}.h-\[14px\]{height:14px;}.h-\[15px\]{height:15px;}.h-\[17px\]{height:17px;}.h-\[18px\]{height:18px;}.h-\[20px\]{height:20px;}.h-\[22px\]{height:22px;}.h-\[36px\]{height:36px;}.h-\[48px\],.h-48px{height:48px;}.h-\[56px\]{height:56px;}.h-\[6px\]{height:6px;}.h-\[72px\]{height:72px;}.h-\[7px\]{height:7px;}.h-0\.5{height:0.125rem;}.h-1,.h1{height:0.25rem;}.h-1px,.h-px{height:1px;}.h-2\.5{height:0.625rem;}.h-3{height:0.75rem;}.h-4{height:1rem;}.h-5{height:1.25rem;}.h-60px{height:60px;}.h-64px{height:64px;}.h-8{height:2rem;}.h-9{height:2.25rem;}.h-full{height:100%;}.h2{height:0.5rem;}.min-h-0{min-height:0;}.min-w-\[22px\]{min-width:22px;}.min-w-\[72px\]{min-width:72px;}.min-w-0{min-width:0;}.w-\[11px\]{width:11px;}.w-\[13px\]{width:13px;}.w-\[14px\]{width:14px;}.w-\[15px\],.w-15px{width:15px;}.w-\[16px\]{width:16px;}.w-\[17px\]{width:17px;}.w-\[18px\]{width:18px;}.w-\[20px\],.w-20px{width:20px;}.w-\[22px\],.w-22px{width:22px;}.w-\[38px\]{width:38px;}.w-\[6px\]{width:6px;}.w-\[7px\]{width:7px;}.w-12px{width:12px;}.w-1px{width:1px;}.w-2\.5{width:0.625rem;}.w-28px{width:28px;}.w-3{width:0.75rem;}.w-32px{width:32px;}.w-4{width:1rem;}.w-48px{width:48px;}.w-5{width:1.25rem;}.w-60px{width:60px;}.w-64px{width:64px;}.w-7{width:1.75rem;}.w-8{width:2rem;}.w-9{width:2.25rem;}.w-9px{width:9px;}.w-fit{width:fit-content;}.w-full{width:100%;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink,.shrink-to-fit\=no\,{flex-shrink:1;}.shrink-0{flex-shrink:0;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-pointer{cursor:pointer;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.items-baseline{align-items:baseline;}.items-stretch{align-items:stretch;}.self-center{align-self:center;}.justify-start{justify-content:flex-start;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-\[14px\]{gap:14px;}.gap-\[4px\]{gap:4px;}.gap-\[5px\]{gap:5px;}.gap-\[7px\]{gap:7px;}.gap-\[9px\]{gap:9px;}.gap-0\.5{gap:0.125rem;}.gap-1{gap:0.25rem;}.gap-1\.5{gap:0.375rem;}.gap-2{gap:0.5rem;}.gap-2\.25{gap:0.5625rem;}.gap-2\.5{gap:0.625rem;}.gap-3{gap:0.75rem;}.gap-3\.5{gap:0.875rem;}.gap-4{gap:1rem;}.gap-5{gap:1.25rem;}.gap-8{gap:2rem;}.gap-px{gap:1px;}.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}.divide-app-soft>:not([hidden])~:not([hidden]){--un-divide-opacity:1;border-color:rgb(238 238 239 / var(--un-divide-opacity)) /* #EEEEEF */;}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.whitespace-nowrap{white-space:nowrap;}.whitespace-pre-line{white-space:pre-line;}.break-all{word-break:break-all;}.b,.border{border-width:1px;}.border-1\.5{border-width:1.5px;}.border-2{border-width:2px;}.border-b{border-bottom-width:1px;}.border-r{border-right-width:1px;}.border-t{border-top-width:1px;}.border-\[\#D8D8DA\]{--un-border-opacity:1;border-color:rgb(216 216 218 / var(--un-border-opacity));}.border-app-border{--un-border-opacity:1;border-color:rgb(229 229 232 / var(--un-border-opacity));}.border-app-soft{--un-border-opacity:1;border-color:rgb(238 238 239 / var(--un-border-opacity));}.border-brand-ring{--un-border-opacity:1;border-color:rgb(232 208 122 / var(--un-border-opacity));}.border-gray-300{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));}.border-green-300{--un-border-opacity:1;border-color:rgb(134 239 172 / var(--un-border-opacity));}.border-red-300{--un-border-opacity:1;border-color:rgb(252 165 165 / var(--un-border-opacity));}.border-t-base{--un-border-opacity:1;border-color:rgb(23 23 26 / var(--un-border-opacity));}.rounded{border-radius:0.25rem;}.rounded-\[10px\]{border-radius:10px;}.rounded-\[14px\]{border-radius:14px;}.rounded-\[7px\]{border-radius:7px;}.rounded-\[9px\],.rounded-icon{border-radius:9px;}.rounded-16px{border-radius:16px;}.rounded-card{border-radius:12px;}.rounded-chip{border-radius:4px;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.5rem;}.rounded-md{border-radius:0.375rem;}.rounded-pill{border-radius:999px;}.\!border-none{border-style:none !important;}.bg-app-bar{--un-bg-opacity:1;background-color:rgb(250 250 250 / var(--un-bg-opacity)) /* #FAFAFA */;}.bg-app-bg{--un-bg-opacity:1;background-color:rgb(247 247 248 / var(--un-bg-opacity)) /* #F7F7F8 */;}.bg-app-border{--un-bg-opacity:1;background-color:rgb(229 229 232 / var(--un-bg-opacity)) /* #E5E5E8 */;}.bg-app-card{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #FFFFFF */;}.bg-app-soft{--un-bg-opacity:1;background-color:rgb(238 238 239 / var(--un-bg-opacity)) /* #EEEEEF */;}.bg-brand-bg{--un-bg-opacity:1;background-color:rgb(253 246 220 / var(--un-bg-opacity)) /* #FDF6DC */;}.bg-error-bg{--un-bg-opacity:1;background-color:rgb(253 236 234 / var(--un-bg-opacity)) /* #FDECEA */;}.bg-gray-500{--un-bg-opacity:1;background-color:rgb(107 114 128 / var(--un-bg-opacity)) /* #6b7280 */;}.bg-prac{--un-bg-opacity:1;background-color:rgb(154 154 164 / var(--un-bg-opacity)) /* #9A9AA4 */;}.bg-success-bg{--un-bg-opacity:1;background-color:rgb(234 244 236 / var(--un-bg-opacity)) /* #EAF4EC */;}.bg-t-base{--un-bg-opacity:1;background-color:rgb(23 23 26 / var(--un-bg-opacity)) /* #17171A */;}.bg-t-secondary{--un-bg-opacity:1;background-color:rgb(95 95 104 / var(--un-bg-opacity)) /* #5F5F68 */;}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}.hover\:bg-black\/\[0\.025\]:hover{background-color:rgb(0 0 0 / 0.025) /* #000 */;}.hover\:bg-black\/\[0\.04\]:hover{background-color:rgb(0 0 0 / 0.04) /* #000 */;}.active\:bg-black\/\[0\.03\]:active{background-color:rgb(0 0 0 / 0.03) /* #000 */;}.active\:bg-black\/\[0\.04\]:active{background-color:rgb(0 0 0 / 0.04) /* #000 */;}.active\:bg-black\/\[0\.045\]:active{background-color:rgb(0 0 0 / 0.045) /* #000 */;}.p-\[3px\]{padding:3px;}.p-1{padding:0.25rem;}.p-1\.5{padding:0.375rem;}.p-3\.5{padding:0.875rem;}.p-4{padding:1rem;}.\!py-8{padding-top:2rem !important;padding-bottom:2rem !important;}.px,.px-4{padding-left:1rem;padding-right:1rem;}.px-\[14px\]{padding-left:14px;padding-right:14px;}.px-\[6px\]{padding-left:6px;padding-right:6px;}.px-1{padding-left:0.25rem;padding-right:0.25rem;}.px-1\.5{padding-left:0.375rem;padding-right:0.375rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.py-\[10px\]{padding-top:10px;padding-bottom:10px;}.py-\[11px\]{padding-top:11px;padding-bottom:11px;}.py-\[14px\]{padding-top:14px;padding-bottom:14px;}.py-\[3px\]{padding-top:3px;padding-bottom:3px;}.py-\[9px\]{padding-top:9px;padding-bottom:9px;}.py-0\.25{padding-top:0.0625rem;padding-bottom:0.0625rem;}.py-0\.75{padding-top:0.1875rem;padding-bottom:0.1875rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}.py-12{padding-top:3rem;padding-bottom:3rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-2\.25{padding-top:0.5625rem;padding-bottom:0.5625rem;}.py-2\.75{padding-top:0.6875rem;padding-bottom:0.6875rem;}.py-20{padding-top:5rem;padding-bottom:5rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.py-8{padding-top:2rem;padding-bottom:2rem;}.pb-\[13px\]{padding-bottom:13px;}.pb-1{padding-bottom:0.25rem;}.pb-1\.5{padding-bottom:0.375rem;}.pb-10{padding-bottom:2.5rem;}.pb-2{padding-bottom:0.5rem;}.pb-4{padding-bottom:1rem;}.pb-5{padding-bottom:1.25rem;}.pb-6{padding-bottom:1.5rem;}.pb-7{padding-bottom:1.75rem;}.pb-8{padding-bottom:2rem;}.pr-3{padding-right:0.75rem;}.pt-\[11px\]{padding-top:11px;}.pt-\[14px\]{padding-top:14px;}.pt-1{padding-top:0.25rem;}.pt-2{padding-top:0.5rem;}.pt-3{padding-top:0.75rem;}.pt-4{padding-top:1rem;}.pt-5{padding-top:1.25rem;}.pt-6{padding-top:1.5rem;}.text-center{text-align:center;}.align-middle{vertical-align:middle;}.text-\[10px\]{font-size:10px;}.text-\[11px\]{font-size:11px;}.text-\[12px\]{font-size:12px;}.text-\[13px\]{font-size:13px;}.text-\[17px\]{font-size:17px;}.text-\[19px\]{font-size:19px;}.text-\[9px\]{font-size:9px;}.text-base{font-size:15px;line-height:1.4;}.text-lg{font-size:17px;line-height:1.3;letter-spacing:-0.4px;}.text-sm{font-size:13px;line-height:1.5;}.text-xs{font-size:11px;line-height:1.4;}.\!text-brand{--un-text-opacity:1 !important;color:rgb(220 158 56 / var(--un-text-opacity)) /* #DC9E38 */ !important;}.\!text-t-third{--un-text-opacity:1 !important;color:rgb(164 164 174 / var(--un-text-opacity)) /* #A4A4AE */ !important;}.text-brand{--un-text-opacity:1;color:rgb(220 158 56 / var(--un-text-opacity)) /* #DC9E38 */;}.text-brand-text{--un-text-opacity:1;color:rgb(122 92 8 / var(--un-text-opacity)) /* #7A5C08 */;}.text-error-text{--un-text-opacity:1;color:rgb(184 50 50 / var(--un-text-opacity)) /* #B83232 */;}.text-icon{--un-text-opacity:1;color:rgb(190 190 196 / var(--un-text-opacity)) /* #BEBEC4 */;}.text-success-text{--un-text-opacity:1;color:rgb(46 125 66 / var(--un-text-opacity)) /* #2E7D42 */;}.text-t-base{--un-text-opacity:1;color:rgb(23 23 26 / var(--un-text-opacity)) /* #17171A */;}.text-t-secondary{--un-text-opacity:1;color:rgb(95 95 104 / var(--un-text-opacity)) /* #5F5F68 */;}.text-t-third{--un-text-opacity:1;color:rgb(164 164 174 / var(--un-text-opacity)) /* #A4A4AE */;}.color-white,.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}.hover\:text-t-secondary:hover{--un-text-opacity:1;color:rgb(95 95 104 / var(--un-text-opacity)) /* #5F5F68 */;}.color-gray-300{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity)) /* #d1d5db */;}.font-500,.font-medium{font-weight:500;}.font-600,.font-semibold{font-weight:600;}.font-normal{font-weight:400;}.leading-\[1\.85\]{line-height:1.85;}.leading-relaxed{line-height:1.625;}.leading-snug{line-height:1.375;}.leading-tight{line-height:1.25;}.tracking-\[0\.4px\]{letter-spacing:0.4px;}.tracking-head{letter-spacing:0.8px;}.tracking-label{letter-spacing:-0.2px;}.tracking-title{letter-spacing:-0.4px;}.font-mono{font-family:DM Mono,monospace;}.uppercase{text-transform:uppercase;}.underline{text-decoration-line:underline;}.underline-offset-2{text-underline-offset:2px;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.opacity-0{opacity:0;}.opacity-100{opacity:1;}.opacity-25{opacity:0.25;}.opacity-30{opacity:0.3;}.opacity-38{opacity:0.38;}.opacity-40{opacity:0.4;}.hover\:opacity-60:hover{opacity:0.6;}.active\:opacity-70:active{opacity:0.7;}.active\:opacity-85:active{opacity:0.85;}.shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-\[120ms\]{transition-duration:120ms;}.duration-100{transition-duration:100ms;}.duration-150{transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}@media(hover:hover){.\[\@media\(hover\:hover\)\]\:hover\:bg-app-bar:hover{--un-bg-opacity:1;background-color:rgb(250 250 250 / var(--un-bg-opacity)) /* #FAFAFA */;}.\[\@media\(hover\:hover\)\]\:hover\:bg-app-soft:hover{--un-bg-opacity:1;background-color:rgb(238 238 239 / var(--un-bg-opacity)) /* #EEEEEF */;}.\[\@media\(hover\:hover\)\]\:hover\:bg-black\/\[0\.018\]:hover{background-color:rgb(0 0 0 / 0.018) /* #000 */;}.\[\@media\(hover\:hover\)\]\:hover\:bg-black\/\[0\.02\]:hover{background-color:rgb(0 0 0 / 0.02) /* #000 */;}.\[\@media\(hover\:hover\)\]\:hover\:bg-black\/\[0\.05\]:hover{background-color:rgb(0 0 0 / 0.05) /* #000 */;}.\[\@media\(hover\:hover\)\]\:hover\:bg-error-bg\/55:hover{background-color:rgb(253 236 234 / 0.55) /* #FDECEA */;}.\[\@media\(hover\:hover\)\]\:hover\:text-t-secondary:hover{--un-text-opacity:1;color:rgb(95 95 104 / var(--un-text-opacity)) /* #5F5F68 */;}}body {
  font-family: DM Sans, Noto Sans SC, sans-serif;
  font-size:15px;line-height:1.4;--un-text-opacity:1;color:rgb(23 23 26 / var(--un-text-opacity)) /* #17171A */;
}

* {
  scrollbar-width: none;
}
*::-webkit-scrollbar {
  display: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@keyframes animation-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
