@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";
@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Mohave:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Bebas+Neue&family=Mohave:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";

/* src/app/components/RecruiterSidebarRedesign.css */
.recruiter-sidebar-new {
  --sidebar-new-bg: oklch(0.145 0.014 280);
  --sidebar-new-border: oklch(0.3 0.018 280 / 0.72);
  --sidebar-new-text: oklch(0.93 0.008 280);
  --sidebar-new-muted: oklch(0.67 0.04 280);
  --sidebar-new-accent: #00C281;
  --sidebar-new-active: oklch(0.2 0.04 235);
  background: var(--sidebar-new-bg);
  border-right: 1px solid var(--sidebar-new-border);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  left: 0;
  min-height: 0;
  overflow: hidden;
  top: 0;
  transition: width 200ms cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 50;
}
.recruiter-sidebar-new * {
  box-sizing: border-box;
}
.recruiter-sidebar-new__header {
  border-bottom: 1px solid var(--sidebar-new-border);
  flex: 0 0 72px;
  padding: 14px 20px 11px;
  position: relative;
}
.recruiter-sidebar-new__brand {
  display: block;
  height: 27px;
  width: 112px;
}
.recruiter-sidebar-new__brand img {
  display: block;
  height: 100%;
  object-fit: contain;
  object-position: left center;
  width: 100%;
}
.recruiter-sidebar-new__organization {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-top: 5px;
  min-width: 0;
}
.recruiter-sidebar-new__organization span {
  color: var(--sidebar-new-muted);
  font-size: 13px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recruiter-sidebar-new__organization strong {
  background: rgba(0, 194, 129, 0.12);
  border-radius: 5px;
  color: var(--sidebar-new-accent);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.045em;
  padding: 4px 7px;
  text-transform: uppercase;
}
.recruiter-sidebar-new__header-action {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0.5rem;
  color: var(--sidebar-new-muted);
  cursor: pointer;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  min-height: 40px;
  min-width: 40px;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 12px;
  transition:
    opacity 160ms ease,
    color 160ms ease,
    background-color 160ms ease;
  width: 40px;
  box-shadow: none;
}
.recruiter-sidebar-new__header:hover .recruiter-sidebar-new__header-action,
.recruiter-sidebar-new__header-action:focus-visible,
.recruiter-sidebar-new__header-action.is-visible {
  opacity: 1;
}
.recruiter-sidebar-new__header-action:hover,
.recruiter-sidebar-new__header-action:focus-visible {
  background: rgba(255, 255, 255, 0.05);
  color: var(--sidebar-new-text);
  outline: none;
}
.recruiter-sidebar-new__header-action:focus-visible {
  outline: 2px solid var(--sidebar-new-accent);
  outline-offset: 2px;
}
.recruiter-sidebar-new__nav {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px 12px;
}
.recruiter-sidebar-new__nav-item {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 15px;
  color: var(--sidebar-new-muted);
  display: flex;
  flex: 0 0 40px;
  font-size: 14px;
  gap: 14px;
  min-width: 0;
  padding: 0 15px;
  position: relative;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease;
}
.recruiter-sidebar-new__nav-item:hover {
  background: oklch(0.2 0.02 280);
  color: var(--sidebar-new-text);
}
.recruiter-sidebar-new__nav-item.is-active {
  background: var(--sidebar-new-active);
  border-color: var(--sidebar-new-accent);
  box-shadow: inset 0 0 0 1px var(--sidebar-new-accent);
  color: var(--sidebar-new-text);
  font-weight: 600;
}
.recruiter-sidebar-new__nav-item.is-active::before {
  background: var(--sidebar-new-accent);
  border-radius: 99px;
  content: "";
  height: 24px;
  left: 1px;
  position: absolute;
  width: 4px;
}
.recruiter-sidebar-new__nav-item svg {
  color: currentColor;
  flex-shrink: 0;
}
.recruiter-sidebar-new__nav-item.is-active svg {
  color: var(--sidebar-new-accent);
}
.recruiter-sidebar-new__nav-item > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recruiter-sidebar-new__nav-item > em {
  align-items: center;
  background: oklch(0.62 0.22 22);
  border-radius: 99px;
  color: oklch(0.97 0.01 22);
  display: flex;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  height: 18px;
  justify-content: center;
  min-width: 18px;
  padding: 0 5px;
}
.recruiter-sidebar-new__footer {
  border-top: 1px solid var(--sidebar-new-border);
  flex-shrink: 0;
  padding: 12px 15px 11px;
}
.recruiter-sidebar-new__account-row {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.recruiter-sidebar-new__account {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}
.recruiter-sidebar-new__avatar {
  align-items: center;
  background:
    linear-gradient(
      135deg,
      #00C281,
      oklch(0.67 0.18 230));
  border-radius: 13px;
  color: oklch(0.98 0.01 210);
  display: flex;
  flex: 0 0 40px;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  overflow: hidden;
}
.recruiter-sidebar-new__avatar img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.recruiter-sidebar-new__account-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.recruiter-sidebar-new__account-copy strong {
  color: var(--sidebar-new-text);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recruiter-sidebar-new__account-copy small {
  color: var(--sidebar-new-muted);
  font-size: 12px;
  margin-top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recruiter-sidebar-new__account-row > button {
  align-items: center;
  border-radius: 7px;
  color: var(--sidebar-new-muted);
  display: flex;
  flex: 0 0 34px;
  height: 34px;
  justify-content: center;
}
.recruiter-sidebar-new__account-row > button:hover {
  background: oklch(0.2 0.02 280);
  color: var(--sidebar-new-text);
}
.recruiter-sidebar-new__view-status {
  align-items: center;
  background: rgba(0, 194, 129, 0.1);
  border-radius: 13px;
  color: var(--sidebar-new-accent);
  display: flex;
  font-size: 12px;
  gap: 9px;
  height: 32px;
  margin-top: 11px;
  padding: 0 14px;
}
.recruiter-sidebar-new__view-status > span {
  background: var(--sidebar-new-accent);
  border-radius: 50%;
  height: 6px;
  width: 6px;
}
.recruiter-sidebar-new.is-collapsed .recruiter-sidebar-new__header {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 12px;
}
.recruiter-sidebar-new.is-collapsed .recruiter-sidebar-new__brand {
  height: 34px;
  width: 34px;
}
.recruiter-sidebar-new.is-collapsed .recruiter-sidebar-new__header-action {
  background: transparent;
  border: 0;
  inset: 19px auto auto 23px;
}
.recruiter-sidebar-new.is-collapsed .recruiter-sidebar-new__brand {
  opacity: 0;
}
.recruiter-sidebar-new.is-collapsed .recruiter-sidebar-new__nav {
  padding-left: 10px;
  padding-right: 10px;
}
.recruiter-sidebar-new.is-collapsed .recruiter-sidebar-new__nav-item {
  border-radius: 12px;
  justify-content: center;
  padding: 0;
}
.recruiter-sidebar-new.is-collapsed .recruiter-sidebar-new__footer {
  padding: 12px 10px;
}
.recruiter-sidebar-new.is-collapsed .recruiter-sidebar-new__account-row {
  flex-direction: column;
}
.recruiter-sidebar-new.is-collapsed .recruiter-sidebar-new__account {
  justify-content: center;
}
@media (max-height: 760px) {
  .recruiter-sidebar-new__nav-item {
    flex-basis: 36px;
  }
  .recruiter-sidebar-new__footer {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .recruiter-sidebar-new,
  .recruiter-sidebar-new * {
    transition-duration: 0.01ms !important;
  }
}

/* src/app/components/NotificationCentre.css */
.notification-centre__panel {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  width: min(26.25rem, calc(100vw - 1.5rem));
  max-height: min(38rem, calc(100dvh - 5.25rem));
  overflow: hidden;
  color: var(--color-text-primary);
  background: var(--color-surface) !important;
  border: 1px solid var(--color-border);
  border-radius: 1rem;
  box-shadow: 0 1.25rem 3.5rem rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 255, 255, 0.025);
  transform-origin: top right;
  will-change: transform, opacity;
}
.notification-centre__header {
  flex: 0 0 auto;
  padding: 1.125rem 1.125rem 0.875rem;
  background: rgba(255, 255, 255, 0.012);
  border-bottom: 1px solid var(--color-border);
}
.notification-centre__heading-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.notification-centre__title {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.25;
}
.notification-centre__summary {
  margin: 0.3rem 0 0;
  color: var(--color-text-muted);
  font-size: 0.6875rem;
  line-height: 1.25;
}
.notification-centre__header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 auto;
}
.notification-centre__mark-all,
.notification-centre__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0.35rem 0.6rem;
  color: var(--color-primary);
  font: inherit;
  font-size: 0.6875rem;
  font-weight: 600;
  white-space: nowrap;
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--color-primary) 36%, var(--color-border));
  border-radius: 0.5rem;
  cursor: pointer;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease;
}
.notification-centre__mark-all:hover {
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
  border-color: color-mix(in srgb, var(--color-primary) 65%, var(--color-border));
}
.notification-centre__close {
  width: 2rem;
  padding: 0;
  color: var(--color-text-secondary);
  border-color: var(--color-border);
}
.notification-centre__close:hover {
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.05);
}
.notification-centre__tabs {
  display: flex;
  gap: 0.4rem;
  margin-top: 1rem;
  padding-bottom: 0.125rem;
  overflow-x: auto;
}
.notification-centre__tab {
  flex: 0 0 auto;
  min-height: 2rem;
  padding: 0.35rem 0.7rem;
  color: var(--color-text-secondary);
  font: inherit;
  font-size: 0.6875rem;
  font-weight: 600;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--color-border);
  border-radius: 0.6rem;
  cursor: pointer;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease;
}
.notification-centre__tab:hover {
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.06);
}
.notification-centre__tab.is-active {
  color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
  border-color: color-mix(in srgb, var(--color-primary) 66%, var(--color-border));
}
.notification-centre__list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.notification-centre__item {
  border-bottom: 1px solid var(--color-border);
}
.notification-centre__item:last-child {
  border-bottom: 0;
}
.notification-centre__item.is-unread {
  background: rgba(0, 194, 129, 0.045);
}
.notification-centre__item-button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  width: 100%;
  gap: 0.75rem;
  padding: 0.95rem 1.125rem;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: background 160ms ease;
}
.notification-centre__item-button:hover {
  background: rgba(255, 255, 255, 0.045);
}
.notification-centre__item-button:focus-visible,
.notification-centre__tab:focus-visible,
.notification-centre__mark-all:focus-visible,
.notification-centre__close:focus-visible,
.notification-centre__expanded-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.notification-centre__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.22rem;
}
.notification-centre__item-heading {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.45rem;
}
.notification-centre__item-title {
  min-width: 0;
  overflow: hidden;
  color: var(--color-text-primary);
  font-size: 0.8125rem;
  font-weight: 650;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notification-centre__item.is-read .notification-centre__item-title {
  color: var(--color-text-secondary);
}
.notification-centre__new-label {
  flex: 0 0 auto;
  padding: 0.12rem 0.35rem;
  color: var(--color-primary);
  font-size: 0.5625rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
  background: rgba(0, 194, 129, 0.1);
  border-radius: 0.3rem;
}
.notification-centre__item-message {
  display: -webkit-box;
  overflow: hidden;
  color: var(--color-text-secondary);
  font-size: 0.75rem;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.notification-centre__meta {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.22rem;
  color: var(--color-text-muted);
  font-size: 0.625rem;
  font-weight: 550;
  line-height: 1.2;
}
.notification-centre__meta > span:first-child {
  color: var(--color-primary);
}
.notification-centre__item-trailing {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.25rem;
  color: var(--color-text-muted);
}
.notification-centre__unread-dot {
  display: inline-block;
  width: 0.45rem;
  height: 0.45rem;
  background: var(--color-primary);
  border-radius: 999px;
  box-shadow: 0 0 0 3px rgba(0, 194, 129, 0.1);
}
.notification-centre__expanded {
  padding: 0 1.125rem 0.875rem;
}
.notification-centre__expanded-link {
  padding: 0;
  color: var(--color-primary);
  font: inherit;
  font-size: 0.6875rem;
  font-weight: 600;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.notification-centre__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 12rem;
  padding: 2rem 1.5rem;
  text-align: center;
  flex-direction: column;
}
.notification-centre__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: 0.75rem;
  color: var(--color-primary);
  background: rgba(0, 194, 129, 0.1);
  border: 1px solid rgba(0, 194, 129, 0.2);
  border-radius: 0.85rem;
}
.notification-centre__empty p {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 0.8125rem;
  font-weight: 600;
}
.notification-centre__empty > span:last-child {
  max-width: 18rem;
  margin-top: 0.35rem;
  color: var(--color-text-muted);
  font-size: 0.6875rem;
  line-height: 1.45;
}
@media (max-width: 767px) {
  .notification-centre__panel {
    position: fixed;
    top: var(--topbar-height);
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: calc(100dvh - 4rem);
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 1rem 1rem 0 0;
    transform-origin: top center;
  }
  .notification-centre__header {
    padding-top: 1rem;
  }
  .notification-centre__item-button {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .notification-centre__expanded {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .notification-centre__panel,
  .notification-centre__item-button,
  .notification-centre__tab,
  .notification-centre__mark-all,
  .notification-centre__close {
    transition: none;
  }
}

/* src/app/components/TopBar.css */
.student-topbar {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  min-width: 0;
  height: var(--topbar-height);
  gap: clamp(0.75rem, 1.5vw, 1.5rem);
  padding: 0 1.5rem;
  overflow: visible;
  box-sizing: border-box;
  background: var(--color-background);
  border-bottom: 1px solid var(--color-border);
}
.student-topbar__menu {
  flex: 0 0 40px;
}
.student-topbar__menu:focus-visible,
.student-topbar__notifications > button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.student-topbar__menu-lines,
.student-topbar__menu-lines::before,
.student-topbar__menu-lines::after {
  display: block;
  width: 1.25rem;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  content: "";
}
.student-topbar__menu-lines {
  position: relative;
}
.student-topbar__menu-lines::before,
.student-topbar__menu-lines::after {
  position: absolute;
  left: 0;
}
.student-topbar__menu-lines::before {
  top: -6px;
}
.student-topbar__menu-lines::after {
  top: 6px;
}
.student-topbar__title {
  flex: 0 0 auto;
  max-width: 220px;
  font-size: 17px;
  font-weight: 600;
  color: var(--color-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  transition: max-width 200ms ease, opacity 160ms ease;
}
.student-topbar__search {
  flex: 1 1 26.5rem;
  width: auto;
  max-width: 26.5rem;
  min-width: 0;
  margin: 0 auto;
}
.student-topbar__search-shell {
  display: flex;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  min-width: 0;
  gap: 0.625rem;
  padding: 0 0.875rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}
.student-topbar__search-shell:focus-within {
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(0, 194, 129, 0.55);
  box-shadow: 0 0 0 3px rgba(0, 194, 129, 0.1);
}
.student-topbar__search-input {
  width: 100%;
  min-width: 0;
  padding: 0;
  color: var(--color-text-primary);
  font:
    400 0.875rem/1.25 Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  background: transparent;
  border: 0;
  outline: none;
}
.student-topbar__search-input::placeholder {
  color: rgba(207, 207, 207, 0.5);
  opacity: 1;
}
.student-topbar__search-shortcut,
.topbar-search-shortcut {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  height: 1.5rem;
  padding-inline: 0.375rem;
  color: var(--color-text-muted, rgba(207, 207, 207, 0.55));
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--color-border);
  border-radius: 0.4375rem;
}
.topbar-search-clear {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0.375rem;
  cursor: pointer;
}
.topbar-search-clear:hover {
  background: rgba(255, 255, 255, 0.07);
}
.student-topbar__search-clear {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0.375rem;
  cursor: pointer;
}
.student-topbar__search-clear:hover {
  background: rgba(255, 255, 255, 0.07);
}
.student-topbar__actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  min-width: 0;
}
.student-topbar__platform {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  max-width: 28rem;
  opacity: 1;
  overflow: hidden;
  transition:
    opacity 160ms ease,
    max-width 200ms ease,
    margin 200ms ease,
    padding 200ms ease,
    border-color 160ms ease;
}
.student-topbar__search-toggle {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  color: var(--color-text-secondary);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  cursor: pointer;
  transition:
    color 160ms ease,
    background 160ms ease,
    border-color 160ms ease;
}
.student-topbar__search-toggle:hover {
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--color-border);
}
.student-topbar__search-toggle:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.student-topbar__search {
  transition:
    flex-grow 200ms ease,
    max-width 200ms ease,
    opacity 160ms ease;
}
.student-topbar--search-expanded .student-topbar__title {
  max-width: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
  transition: max-width 200ms ease, opacity 160ms ease;
}
.student-topbar--search-expanded .student-topbar__platform {
  max-width: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
}
.student-topbar--search-expanded .student-topbar__search {
  flex: 1 1 auto;
  max-width: none;
  width: auto;
  margin: 0;
}
.topbar-platform {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 28rem;
  opacity: 1;
  overflow: hidden;
  transition:
    opacity 160ms ease,
    max-width 200ms ease,
    margin 200ms ease;
}
.topbar-search {
  transition:
    flex-grow 200ms ease,
    max-width 200ms ease,
    opacity 160ms ease;
}
.topbar--search-expanded .topbar-title {
  max-width: 0 !important;
  opacity: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
  transition: max-width 200ms ease, opacity 160ms ease;
}
.topbar--search-expanded .topbar-platform {
  max-width: 0;
  opacity: 0;
  margin: 0;
  pointer-events: none;
}
.topbar--search-expanded .topbar-search {
  flex: 1 1 auto;
  max-width: none;
}
.student-topbar__notifications {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
}
.student-topbar__notifications > button {
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0;
  color: var(--color-text-secondary);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.75rem;
}
.student-topbar__notifications > button:hover,
.student-topbar__notifications > button[aria-expanded=true] {
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--color-border);
}
.student-topbar__notifications > button > span {
  top: 0.125rem !important;
  right: 0.125rem !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  min-width: 1.125rem;
  color: oklch(0.98 0.01 145) !important;
  font-size: 0.625rem !important;
  line-height: 1;
  background: var(--color-error) !important;
  border: 2px solid var(--color-background);
}
@media (max-width: 767px) {
  .student-topbar {
    gap: 0.25rem;
    padding-right: 0.5rem;
    padding-left: 0.25rem;
  }
  .student-topbar__title {
    max-width: 100px;
    font-size: 15px;
  }
  .student-topbar:not(.student-topbar--search-expanded) .student-topbar__search {
    display: none;
  }
  .student-topbar--search-expanded .student-topbar__search {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    margin: 0;
  }
  .student-topbar__search-shell {
    height: 2.5rem;
    gap: 0.5rem;
    padding: 0 0.75rem;
  }
  .student-topbar__search-input {
    font-size: 0.875rem;
  }
  .student-topbar__search-input::placeholder {
    text-overflow: ellipsis;
  }
  .student-topbar__notifications {
    margin-left: 0;
  }
  .student-topbar__actions {
    gap: 0.25rem;
  }
}
@media (max-width: 360px) {
  .student-topbar__search-input::placeholder {
    font-size: 0.8125rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .student-topbar__menu,
  .student-topbar__search-shell,
  .student-topbar__platform,
  .student-topbar__search,
  .student-topbar__title,
  .topbar-platform,
  .topbar-search,
  .topbar-title {
    transition: none;
  }
}

/* src/app/pages/RecruiterOverviewRedesign.css */
.recruiter-dashboard-new {
  --recruiter-bg: oklch(0.105 0.012 280);
  --recruiter-panel: oklch(0.155 0.018 280);
  --recruiter-raised: oklch(0.19 0.025 280);
  --recruiter-border: oklch(0.31 0.02 280 / 0.7);
  --recruiter-grid: oklch(0.31 0.02 280 / 0.4);
  --recruiter-axis: oklch(0.6 0.018 280);
  --recruiter-text: oklch(0.94 0.009 280);
  --recruiter-secondary: oklch(0.72 0.026 280);
  --recruiter-muted: oklch(0.57 0.035 280);
  --recruiter-accent: #00C281;
  --recruiter-accent-wash: rgba(0, 194, 129, 0.14);
  color: var(--recruiter-text);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 32px;
}
.recruiter-dashboard-new * {
  box-sizing: border-box;
}
.recruiter-dashboard-new__kpi-grid {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.recruiter-dashboard-new__kpi-grid > a {
  display: block;
  min-width: 0;
}
.recruiter-dashboard-new__kpi {
  background: var(--recruiter-panel);
  border: 1px solid var(--recruiter-border);
  border-radius: 12px;
  height: 114px;
  min-width: 0;
  padding: 16px;
  transition: border-color 180ms cubic-bezier(0.22, 1, 0.36, 1), transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}
a:hover > .recruiter-dashboard-new__kpi {
  border-color: oklch(0.52 0.04 280 / 0.78);
  transform: translateY(-2px);
}
.recruiter-dashboard-new__kpi > span {
  color: var(--recruiter-secondary);
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.055em;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.recruiter-dashboard-new__kpi > div {
  align-items: baseline;
  display: flex;
  gap: 5px;
  margin-top: 6px;
}
.recruiter-dashboard-new__kpi strong {
  font-size: 26px;
  line-height: 1;
}
.recruiter-dashboard-new__kpi small {
  color: var(--recruiter-secondary);
  font-size: 11px;
  font-weight: 600;
}
.recruiter-dashboard-new__kpi p {
  color: oklch(0.75 0.18 152);
  font-size: 11px;
  margin: 7px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recruiter-dashboard-new__kpi em {
  color: var(--recruiter-muted);
  display: block;
  font-size: 9px;
  font-style: normal;
  margin-top: 3px;
}
.recruiter-dashboard-new__roles-section {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.recruiter-dashboard-new__section-heading {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
}
.recruiter-dashboard-new h2,
.recruiter-dashboard-new h3 {
  color: var(--recruiter-text);
}
.recruiter-dashboard-new__section-heading h2 {
  font-size: 23px;
  line-height: 1;
  margin: 0;
}
.recruiter-dashboard-new__section-heading > a,
.recruiter-dashboard-new__applications-link {
  align-items: center;
  color: var(--recruiter-secondary);
  display: inline-flex;
  font-size: 11px;
  font-weight: 600;
  gap: 4px;
}
.recruiter-dashboard-new__section-heading > a:hover,
.recruiter-dashboard-new__applications-link:hover {
  color: var(--recruiter-accent);
}
.recruiter-dashboard-new__role-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.recruiter-dashboard-new__role-card {
  background: var(--recruiter-panel);
  border: 1px solid var(--recruiter-border);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: 154px;
  justify-content: space-between;
  padding: 18px 16px 16px;
  transition: border-color 180ms cubic-bezier(0.22, 1, 0.36, 1), transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}
.recruiter-dashboard-new__role-card:hover {
  border-color: rgba(0, 194, 129, 0.42);
  transform: translateY(-2px);
}
.recruiter-dashboard-new__role-card h3 {
  font-size: 15px;
  line-height: 1.35;
  margin: 0;
}
.recruiter-dashboard-new__role-card dl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
}
.recruiter-dashboard-new__role-card dl > div {
  min-width: 0;
  padding: 0 8px;
}
.recruiter-dashboard-new__role-card dl > div:first-child {
  padding-left: 0;
}
.recruiter-dashboard-new__role-card dl > div + div {
  border-left: 1px solid var(--recruiter-border);
}
.recruiter-dashboard-new__role-card dt {
  color: var(--recruiter-muted);
  font-size: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recruiter-dashboard-new__role-card dd {
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  margin: 5px 0 0;
}
.recruiter-dashboard-new__empty-row {
  align-items: center;
  background: var(--recruiter-panel);
  border: 1px solid var(--recruiter-border);
  border-radius: 12px;
  color: var(--recruiter-secondary);
  display: flex;
  justify-content: space-between;
  padding: 22px;
}
.recruiter-dashboard-new__empty-row a {
  color: var(--recruiter-accent);
  font-weight: 600;
}
.recruiter-dashboard-new__analytics-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 2.05fr) minmax(280px, 1fr);
}
.recruiter-dashboard-new__panel {
  background: var(--recruiter-panel);
  border: 1px solid var(--recruiter-border);
  border-radius: 12px;
  padding: 24px;
}
.recruiter-dashboard-new__panel > h2 {
  font-size: 15px;
  margin: 0;
}
.recruiter-dashboard-new__chart-panel {
  min-height: 360px;
}
.recruiter-dashboard-new__chart {
  height: 290px;
  margin-top: 10px;
  width: 100%;
}
.recruiter-dashboard-new__interested-panel {
  display: flex;
  flex-direction: column;
  min-height: 360px;
}
.recruiter-dashboard-new__candidate-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}
.recruiter-dashboard-new__candidate-list > a {
  align-items: center;
  background: var(--recruiter-raised);
  border: 1px solid var(--recruiter-border);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  min-height: 60px;
  padding: 12px 14px;
}
.recruiter-dashboard-new__candidate-list > a:hover {
  border-color: rgba(0, 194, 129, 0.35);
}
.recruiter-dashboard-new__candidate-list > a > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.recruiter-dashboard-new__candidate-list strong {
  font-size: 13px;
}
.recruiter-dashboard-new__candidate-list span,
.recruiter-dashboard-new__candidate-list > p {
  color: var(--recruiter-secondary);
  font-size: 11px;
  margin-top: 3px;
}
.recruiter-dashboard-new__candidate-list svg {
  color: var(--recruiter-secondary);
  flex-shrink: 0;
}
.recruiter-dashboard-new__discover-button {
  align-items: center;
  border: 1px solid var(--recruiter-border);
  border-radius: 8px;
  color: var(--recruiter-text);
  display: flex;
  font-size: 13px;
  font-weight: 600;
  justify-content: space-between;
  min-height: 50px;
  padding: 0 18px;
}
.recruiter-dashboard-new__discover-button:hover {
  background: var(--recruiter-raised);
  border-color: oklch(0.5 0.03 280);
}
.recruiter-dashboard-new__applications-panel {
  min-height: 382px;
}
.recruiter-dashboard-new__applications-panel > h2 {
  margin-bottom: 20px;
}
.recruiter-dashboard-new__table-wrap {
  overflow-x: auto;
}
.recruiter-dashboard-new table {
  border-collapse: collapse;
  min-width: 760px;
  width: 100%;
}
.recruiter-dashboard-new th,
.recruiter-dashboard-new td {
  border-bottom: 1px solid var(--recruiter-border);
  padding: 11px 8px;
  text-align: left;
}
.recruiter-dashboard-new th {
  color: var(--recruiter-secondary);
  font-size: 11px;
  font-weight: 500;
}
.recruiter-dashboard-new td {
  color: var(--recruiter-secondary);
  font-size: 12px;
}
.recruiter-dashboard-new td:first-child,
.recruiter-dashboard-new th:first-child {
  width: 31%;
}
.recruiter-dashboard-new td:first-child a {
  align-items: center;
  color: var(--recruiter-text);
  display: flex;
  gap: 11px;
}
.recruiter-dashboard-new td:first-child a > span {
  align-items: center;
  background: oklch(0.72 0.19 153);
  border-radius: 50%;
  color: oklch(0.98 0.01 153);
  display: flex;
  font-size: 10px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.recruiter-dashboard-new td strong {
  font-size: 12px;
  font-weight: 600;
}
.recruiter-dashboard-new td em {
  background: var(--recruiter-accent-wash);
  border-radius: 4px;
  color: var(--recruiter-accent);
  font-size: 10px;
  font-style: normal;
  padding: 5px 8px;
  white-space: nowrap;
}
.recruiter-dashboard-new__applications-link {
  float: right;
  margin-top: 18px;
}
.recruiter-dashboard-new__empty-cell {
  color: var(--recruiter-muted) !important;
  padding: 36px !important;
  text-align: center !important;
}
.recruiter-dashboard-new__error {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 420px;
  justify-content: center;
  text-align: center;
}
.recruiter-dashboard-new__error p {
  color: var(--color-text-secondary);
  margin: 8px 0 16px;
}
.recruiter-dashboard-new__error button {
  background: var(--color-primary);
  border-radius: 8px;
  color: #061c15;
  font-weight: 600;
  padding: 9px 14px;
}
@media (max-width: 1220px) {
  .recruiter-dashboard-new__kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  .recruiter-dashboard-new__role-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .recruiter-dashboard-new__analytics-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .recruiter-dashboard-new {
    gap: 18px;
  }
  .recruiter-dashboard-new__kpi-grid {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .recruiter-dashboard-new__kpi {
    height: 108px;
    padding: 14px 12px;
  }
  .recruiter-dashboard-new__kpi > span {
    font-size: 9px;
  }
  .recruiter-dashboard-new__kpi strong {
    font-size: 23px;
  }
  .recruiter-dashboard-new__section-heading h2 {
    font-size: 20px;
  }
  .recruiter-dashboard-new__role-grid {
    grid-template-columns: 1fr;
  }
  .recruiter-dashboard-new__panel {
    padding: 18px 14px;
  }
  .recruiter-dashboard-new__chart {
    height: 250px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .recruiter-dashboard-new *,
  .recruiter-dashboard-new *::before,
  .recruiter-dashboard-new *::after {
    transition-duration: 0.01ms !important;
  }
}

/* src/app/components/UpgradeNotificationCard.css */
.upgrade-notification-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
  border-radius: 16px;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)) 0%,
      var(--color-surface) 72%);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
}
.upgrade-notification-card--compact {
  padding: 14px;
}
.upgrade-notification-card__icon {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  color: var(--color-primary);
  border-radius: 10px;
  background: color-mix(in srgb, var(--color-primary) 14%, transparent);
}
.upgrade-notification-card__copy {
  min-width: 0;
}
.upgrade-notification-card__copy strong {
  display: block;
  color: var(--color-text-primary);
  font-family:
    "Bebas Neue",
    Impact,
    sans-serif;
  font-size: 1.22rem;
  font-weight: 400;
  letter-spacing: .035em;
  line-height: 1.1;
  text-transform: uppercase;
}
.upgrade-notification-card__copy p {
  margin: 7px 0 12px;
  color: var(--color-text-secondary);
  font-size: .9rem;
  line-height: 1.5;
}
.upgrade-notification-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 40px;
  padding: 8px 13px;
  border-radius: 10px;
  background: var(--color-primary);
  color: #04130d;
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
}
.upgrade-notification-card__cta:hover {
  background: var(--color-primary-dark);
}
@media (max-width: 640px) {
  .upgrade-notification-card {
    padding: 15px;
  }
  .upgrade-notification-card__copy p {
    font-size: .86rem;
  }
}

/* src/app/components/cv-tailor/CVReviewWorkspace.css */
.cv-review-shell {
  font-family:
    "Mohave",
    system-ui,
    sans-serif;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  inset: 0;
  min-height: 100dvh;
  overflow: hidden;
  overflow: clip;
  position: fixed;
  z-index: 100;
  background: var(--color-background);
  color: var(--color-text-primary);
  overscroll-behavior: none;
}
.cv-review-shell .cv-document-pane__heading h1,
.cv-review-shell .cv-review-panel__header h2,
.cv-review-shell .cv-review-detail h3,
.cv-review-shell .cv-coverage__heading h3 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  letter-spacing: .02em;
}
.cv-review-shell .cv-real-document,
.cv-review-shell .cv-measurer-container {
  font-family: "Inter", sans-serif;
}
.cv-review-topbar {
  align-items: center;
  border-bottom: 1px solid var(--color-border);
  display: flex;
  flex-shrink: 0;
  gap: 16px;
  justify-content: space-between;
  min-height: 64px;
  padding: 10px clamp(16px, 3vw, 38px);
}
.cv-review-topbar__left,
.cv-review-topbar__right,
.cv-review-panel__controls,
.cv-document-pane__heading,
.cv-review-detail__meta,
.cv-coverage__heading,
.cv-review-actions {
  align-items: center;
  display: flex;
  gap: 10px;
}
.cv-review-topbar__left {
  flex: 1;
  min-width: 0;
}
.cv-review-topbar__left > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}
.cv-review-topbar__left strong {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cv-review-topbar__right {
  flex-shrink: 0;
  justify-content: flex-end;
}
.cv-icon-button {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--color-text-secondary);
  display: inline-flex;
  flex-shrink: 0;
  height: 34px;
  justify-content: center;
  padding: 0;
  width: 34px;
}
.cv-icon-button:hover:not(:disabled) {
  background: var(--color-surface-elevated);
  color: var(--color-text-primary);
}
.cv-icon-button:disabled {
  cursor: not-allowed;
  opacity: .35;
}
.cv-autosave-status {
  align-items: center;
  color: var(--color-text-secondary);
  display: inline-flex;
  font-size: 11px;
  gap: 5px;
  white-space: nowrap;
}
.cv-autosave-status.is-saved {
  color: var(--color-primary);
}
.cv-autosave-status.is-error {
  color: var(--color-warning);
}
.cv-stale-warning-banner {
  align-items: center;
  background: var(--color-surface-elevated, #1a1a24);
  border-bottom: 1px solid rgba(233, 168, 77, 0.28);
  color: var(--color-text-primary, #ffffff);
  display: flex;
  font-size: 12px;
  gap: 12px;
  justify-content: space-between;
  padding: 8px 18px;
  z-index: 10;
}
.cv-stale-warning-content {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 8px;
  min-width: 0;
}
.cv-stale-warning-content svg {
  color: var(--color-warning, #e9a84d);
  flex-shrink: 0;
}
.cv-stale-reload-button {
  align-items: center;
  background: var(--color-warning, #e9a84d);
  border: none;
  border-radius: 6px;
  color: #111111;
  cursor: pointer;
  display: inline-flex;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  white-space: nowrap;
}
.cv-stale-reload-button:hover {
  filter: brightness(1.1);
}
.cv-review-layout {
  display: grid;
  flex: 1;
  grid-template-columns: minmax(0, 1fr) 1px minmax(380px, 34vw);
  min-height: 0;
  position: relative;
}
.cv-review-layout.is-panel-collapsed {
  grid-template-columns: minmax(0, 1fr) 0px;
}
.cv-document-pane {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  padding: 24px clamp(20px, 3vw, 48px) 0;
}
.cv-document-pane__body {
  display: flex;
  flex: 1;
  gap: 0;
  justify-content: center;
  min-height: 0;
  overflow: hidden;
}
.cv-document-pane__body.has-multiple-pages {
  display: grid;
  grid-template-columns: 56px minmax(0, 826px) 56px;
  justify-content: center;
  width: 100%;
}
.is-panel-collapsed .cv-document-pane {
  align-items: center;
}
.cv-document-pane__heading {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 16px;
  max-width: 800px;
  width: 100%;
  flex-shrink: 0;
}
.cv-document-pane__heading h1 {
  font-size: clamp(22px, 2.4vw, 31px);
  letter-spacing: -.045em;
  margin: 4px 0 0;
}
.cv-document-pane__hint {
  align-items: center;
  color: var(--color-text-muted);
  display: inline-flex;
  flex-shrink: 0;
  font-size: 11px;
  gap: 5px;
  padding-bottom: 4px;
}
.cv-document-toolbar {
  align-self: flex-start;
  box-sizing: border-box;
  overflow-x: auto;
  scrollbar-color: rgba(155, 154, 184, .48) transparent;
  scrollbar-width: thin;
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 9px;
  display: inline-flex;
  gap: 3px;
  margin: 0 auto 16px;
  max-width: 100%;
  padding: 4px 6px;
  position: sticky;
  top: 0;
  width: fit-content;
  z-index: 2;
  flex-shrink: 0;
}
.cv-document-toolbar::-webkit-scrollbar {
  height: 4px;
}
.cv-document-toolbar::-webkit-scrollbar-track {
  background: transparent;
}
.cv-document-toolbar::-webkit-scrollbar-thumb {
  background: rgba(155, 154, 184, .48);
  border-radius: 999px;
}
.cv-document-toolbar:hover::-webkit-scrollbar-thumb {
  background: rgba(190, 189, 214, .72);
}
.cv-document-toolbar select,
.cv-document-toolbar button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--color-text-secondary);
  cursor: pointer;
  font-size: 11px;
  height: 28px;
  line-height: 28px;
  outline: none;
  flex-shrink: 0;
  transition: background-color .15s ease, color .15s ease;
}
.cv-document-toolbar select:focus-visible,
.cv-document-toolbar button:focus-visible {
  box-shadow: 0 0 0 2px var(--color-background), 0 0 0 4px var(--color-primary);
  outline: none;
  position: relative;
  z-index: 1;
}
.cv-document-toolbar select:disabled,
.cv-document-toolbar button:disabled {
  cursor: not-allowed;
  opacity: .35;
}
.cv-document-toolbar select {
  padding: 0 5px;
  font-family: inherit;
}
.cv-document-toolbar select[aria-label="Font size"] {
  padding: 0 2px;
  max-width: 42px;
}
.cv-document-toolbar select option {
  background: var(--color-surface);
  color: var(--color-text-primary);
}
.cv-document-toolbar select:hover,
.cv-document-toolbar button:hover {
  background: var(--color-surface-elevated);
  color: var(--color-text-primary);
}
.cv-document-toolbar button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  min-width: 28px;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
}
.cv-document-toolbar button svg {
  display: block;
  flex-shrink: 0;
}
.cv-document-toolbar__divider {
  background: var(--color-border);
  height: 18px;
  margin: 0 3px;
  width: 1px;
  flex-shrink: 0;
}
.cv-document-scroll {
  --cv-scale: 1;
  flex: 1;
  margin: 0 auto;
  max-width: 826px;
  min-height: 0;
  overflow-y: auto;
  overflow-x: auto;
  padding: 0 16px 32px;
  width: 100%;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.14) transparent;
}
.cv-document-scroll::-webkit-scrollbar {
  width: 6px;
}
.cv-document-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.cv-document-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 999px;
}
.cv-document-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.28);
}
.cv-real-document {
  background: #f8f8f4;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.32);
  color: #1c2425;
  margin: 0 auto;
  width: 794px;
  height: 1123px;
  padding: 48px 44px;
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  zoom: calc(var(--cv-scale, 1) * var(--cv-user-zoom, 1));
}
.cv-real-document + .cv-real-document {
  margin-top: 24px;
}
@supports not (zoom: 1) {
  .cv-real-document {
    transform-origin: top center;
    transform: scale(calc(var(--cv-scale, 1) * var(--cv-user-zoom, 1)));
  }
}
.cv-measurer-container {
  position: fixed;
  top: 0;
  left: -9999px;
  width: 794px;
  padding: 48px 44px;
  box-sizing: border-box;
  visibility: hidden;
  pointer-events: none;
  background: #f8f8f4;
  color: #1c2425;
  z-index: -1000;
}
.cv-real-document__section--continuation {
  margin-top: 0;
}
.cv-section-cont-label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  color: #698079;
}
.cv-page-thumbnail-rail {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 10px 4px 0;
  flex-shrink: 0;
  width: 56px;
  overflow-y: auto;
  scrollbar-width: none;
}
.cv-page-thumbnail-rail::-webkit-scrollbar {
  display: none;
}
.cv-page-thumbnail-rail-spacer {
  flex-shrink: 0;
  width: 56px;
  pointer-events: none;
  visibility: hidden;
}
.cv-page-thumbnail {
  align-items: center;
  background: var(--color-surface-elevated);
  border: 2px solid var(--color-border);
  border-radius: 4px;
  color: var(--color-text-muted);
  cursor: pointer;
  display: flex;
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  transition: border-color .15s ease, background-color .15s ease;
  width: 40px;
}
.cv-page-thumbnail:hover {
  border-color: color-mix(in srgb, var(--color-primary) 55%, var(--color-border));
  color: var(--color-text-primary);
}
.cv-page-thumbnail.is-active {
  background: var(--color-primary-subtle);
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.cv-review-divider {
  align-items: center;
  background: var(--color-border);
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  transition: background-color .15s ease;
  width: 1px;
  z-index: 10;
}
.cv-review-divider::before {
  bottom: 0;
  content: "";
  cursor: pointer;
  left: -8px;
  position: absolute;
  right: -8px;
  top: 0;
  z-index: 1;
}
.cv-review-divider:hover {
  background: color-mix(in srgb, var(--color-primary) 50%, var(--color-border));
}
.cv-panel-toggle {
  align-items: center;
  background: #1f2937;
  border: 1px solid #475569;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.55), 0 0 1px rgba(255, 255, 255, 0.2);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  left: 50%;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition:
    background-color .15s ease,
    border-color .15s ease,
    color .15s ease,
    box-shadow .15s ease;
  width: 22px;
  z-index: 2;
}
.cv-panel-toggle svg {
  display: block;
  flex-shrink: 0;
}
.cv-review-divider:hover .cv-panel-toggle,
.cv-panel-toggle:hover,
.cv-panel-toggle:focus-visible {
  background: #283548;
  border-color: var(--color-primary);
  box-shadow: 0 0 12px rgba(0, 194, 129, 0.45), 0 2px 8px rgba(0, 0, 0, 0.55);
  color: var(--color-primary);
}
.cv-panel-toggle:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 1px;
}
.is-panel-collapsed .cv-review-divider {
  border-left: 1px solid var(--color-border);
  width: 0;
}
.is-panel-collapsed .cv-review-divider::before {
  left: -14px;
  right: 0;
}
.is-panel-collapsed .cv-panel-toggle {
  border-radius: 5px 0 0 5px;
  border-right: none;
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}
.cv-real-document__header {
  border-bottom: 2px solid #1e302d;
  margin-bottom: 24px;
  padding-bottom: 16px;
}
.cv-real-document__name {
  color: #162321;
  font-family:
    Georgia,
    "Times New Roman",
    serif;
  font-size: clamp(28px, 4vw, 43px);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.06;
}
.cv-real-document__contact {
  color: #58706a;
  font-size: 11px;
  margin-top: 9px;
}
.cv-real-document__section {
  margin-top: 24px;
}
.cv-real-document__section h2 {
  border-bottom: 1px solid #c8d2cc;
  color: #163b34;
  font-family:
    Georgia,
    "Times New Roman",
    serif;
  font-size: 14px;
  letter-spacing: .11em;
  margin: 0 0 13px;
  padding-bottom: 6px;
  text-transform: uppercase;
}
.cv-document-summary,
.cv-document-skills {
  color: #3b4e4b;
  font-size: 12px;
  line-height: 1.7;
}
.cv-real-document .cv-document-entry {
  margin: 0 0 16px;
  padding: 0;
}
.cv-real-document .cv-document-entry:last-child {
  margin-bottom: 0;
}
.cv-real-document .cv-document-entry > .cv-editable-copy {
  display: block;
}
.cv-real-document .cv-document-entry__topline {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px 12px;
  justify-content: space-between;
}
.cv-document-entry__title {
  color: #172a27;
  font-size: 13px;
  font-weight: 700;
}
.cv-document-entry__date {
  color: #698079;
  flex: 0 1 auto;
  font-size: 10px;
  max-width: 100%;
  text-align: right;
}
.cv-document-entry__org {
  color: #58706a;
  font-size: 11px;
  margin-top: 2px;
}
.cv-document-entry__description {
  color: #3b4e4b;
  font-size: 11.5px;
  line-height: 1.6;
  margin-top: 7px;
}
.cv-editable-copy {
  border-radius: 4px;
  min-height: 1.1em;
  outline: none;
  padding: 2px 3px;
  transition: background-color .18s ease, box-shadow .18s ease;
}
.cv-real-document .cv-editable-copy {
  min-width: 0;
  overflow-wrap: anywhere;
}
.cv-real-document .cv-editable-copy p,
.cv-real-document .cv-editable-copy h1,
.cv-real-document .cv-editable-copy h2,
.cv-real-document .cv-editable-copy h3 {
  color: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  margin: 0;
  padding: 0;
  text-transform: none;
}
.cv-real-document .cv-editable-copy p {
  font-size: 1em;
  font-weight: inherit;
  line-height: inherit;
}
.cv-real-document .cv-editable-copy h1 {
  border: 0;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.15;
}
.cv-real-document .cv-editable-copy h2 {
  border: 0;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.2;
}
.cv-real-document .cv-editable-copy h3 {
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.25;
}
.cv-real-document .cv-editable-copy ul,
.cv-real-document .cv-editable-copy ol {
  margin: .25em 0;
  padding-left: 1.5em;
}
.cv-real-document .cv-editable-copy ul {
  list-style: disc outside;
}
.cv-real-document .cv-editable-copy ol {
  list-style: decimal outside;
}
.cv-real-document .cv-editable-copy li {
  display: list-item;
}
.cv-real-document .cv-editable-copy ul ul {
  list-style-type: circle;
}
.cv-real-document .cv-editable-copy ul ul ul {
  list-style-type: square;
}
.cv-real-document .cv-editable-copy blockquote {
  margin: 0 0 0 2em;
  padding: 0;
}
.cv-editable-copy:hover,
.cv-editable-copy:focus {
  background: rgba(0, 194, 129, .055);
  box-shadow: 0 0 0 1px rgba(0, 194, 129, .18);
}
.cv-editable-copy.has-change {
  cursor: pointer;
}
.cv-editable-copy.has-change.is-resolved {
  opacity: .85;
}
.cv-change-wrapper {
  display: inline;
}
.cv-highlighted-word {
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  display: inline;
  padding: 1px 2px;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.cv-highlighted-word.is-selected {
  background: color-mix(in srgb, var(--change-color) 42%, transparent);
  box-shadow: 0 0 0 1.5px var(--change-color), 0 2px 5px color-mix(in srgb, var(--change-color) 25%, transparent);
  font-weight: 600;
}
.cv-highlighted-word.is-subdued {
  background: color-mix(in srgb, var(--change-color) 18%, transparent);
  box-shadow: none;
}
.cv-highlighted-word.is-resolved {
  background: color-mix(in srgb, var(--change-color) 12%, transparent);
  opacity: 0.65;
}
.cv-highlighted-word:hover {
  background: color-mix(in srgb, var(--change-color) 32%, transparent);
}
.cv-highlighted-text {
  background: color-mix(in srgb, var(--change-color) 22%, transparent);
  border-radius: 3px;
  padding: 2px 1px;
}
.cv-highlighted-text mark {
  background: color-mix(in srgb, var(--change-color) 38%, transparent);
  color: inherit;
}
.cv-change-marker {
  background: var(--change-color);
  border: 0;
  border-radius: 4px;
  color: #101418;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 8.5px;
  font-weight: 700;
  margin-left: 5px;
  padding: 2px 5px;
  vertical-align: middle;
  line-height: 1.2;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    opacity 0.15s ease;
}
.cv-change-marker.is-selected {
  opacity: 1;
  transform: scale(1.1);
  box-shadow: 0 0 0 2px #ffffff, 0 2px 8px color-mix(in srgb, var(--change-color) 60%, #000);
  z-index: 2;
}
.cv-change-marker.is-subdued {
  opacity: 0.75;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.cv-change-marker.is-resolved {
  opacity: 0.55;
}
.cv-change-marker.is-rejected {
  opacity: 0.45;
  text-decoration: line-through;
}
.cv-change-marker:hover {
  opacity: 1;
  transform: scale(1.15);
}
.cv-section-header {
  align-items: center;
  border-bottom: 1px solid #c8d2cc;
  display: flex;
  justify-content: space-between;
  margin: 0 0 13px;
  padding-bottom: 6px;
}
.cv-section-header h2 {
  border-bottom: none !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
}
.cv-section-controls {
  align-items: center;
  display: inline-flex;
  gap: 3px;
  opacity: 0.65;
  transition: opacity 0.15s ease;
}
.cv-section-header:hover .cv-section-controls,
.cv-section-controls:focus-within {
  opacity: 1;
}
.cv-section-control-btn {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #4b5d56;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  padding: 3px 5px;
  transition: all 0.15s ease;
}
.cv-section-control-btn:hover:not(:disabled) {
  background: rgba(22, 59, 52, 0.08);
  border-color: rgba(22, 59, 52, 0.15);
  color: #163b34;
}
.cv-section-control-btn:disabled {
  cursor: not-allowed;
  opacity: 0.25;
}
.cv-section-control-btn--danger:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.25);
  color: #dc2626;
}
.cv-add-section-dropdown {
  display: inline-block;
  position: relative;
}
.cv-add-section-btn {
  align-items: center;
  background: var(--color-surface, #1e2229);
  border: 1px solid var(--color-border, #2d333f);
  border-radius: 6px;
  color: var(--color-text-primary, #f0f3f6);
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  gap: 6px;
  padding: 6px 12px;
  transition: all 0.15s ease;
}
.cv-add-section-btn:hover:not(:disabled) {
  background: var(--color-surface-hover, #282e38);
  border-color: #00c281;
  color: #00c281;
}
.cv-add-section-btn:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.cv-add-section-menu {
  background: #111317;
  border: 1px solid var(--color-border, #2d333f);
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  left: 0;
  min-width: 170px;
  padding: 4px;
  position: absolute;
  top: calc(100% + 4px);
  z-index: 40;
}
.cv-add-section-menu-item {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 4px;
  color: var(--color-text-primary, #e2e8f0);
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: 12px;
  gap: 8px;
  padding: 8px 10px;
  text-align: left;
  transition: background 0.15s ease;
}
.cv-add-section-menu-item:hover {
  background: rgba(0, 194, 129, 0.12);
  color: #00c281;
}
.cv-document-pane__heading-actions {
  align-items: center;
  display: flex;
  gap: 12px;
}
.cv-document-bottom-actions {
  display: flex;
  justify-content: center;
  padding: 20px 0 32px;
}
@media print {
  .cv-section-controls,
  .cv-add-section-dropdown,
  .cv-document-bottom-actions {
    display: none !important;
  }
}
.cv-review-panel {
  background: var(--color-surface);
  border-left: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  padding: 24px;
}
.cv-review-panel__scroll-content {
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-inline-end: 8px;
}
.cv-review-panel.is-desktop-collapsed,
.is-panel-collapsed .cv-review-panel {
  display: none;
}
.cv-review-panel::-webkit-scrollbar,
.cv-review-panel__scroll-content::-webkit-scrollbar {
  width: 2px;
}
.cv-review-list::-webkit-scrollbar {
  width: 4px;
}
.cv-review-panel::-webkit-scrollbar-track,
.cv-review-panel__scroll-content::-webkit-scrollbar-track,
.cv-review-list::-webkit-scrollbar-track {
  background: transparent;
}
.cv-review-panel::-webkit-scrollbar-thumb,
.cv-review-panel__scroll-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 999px;
}
.cv-review-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 999px;
}
.cv-review-panel:hover::-webkit-scrollbar-thumb,
.cv-review-panel__scroll-content:hover::-webkit-scrollbar-thumb,
.cv-review-list.is-scrollable:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.38);
}
.cv-review-panel__header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}
.cv-review-panel__header h2 {
  font-size: 22px;
  letter-spacing: -.04em;
  margin: 3px 0 0;
}
.cv-mobile-edit-button,
.cv-mobile-close-button {
  display: none;
}
.cv-change-nav {
  align-items: center;
  border-bottom: 1px solid var(--color-border);
  border-top: 1px solid var(--color-border);
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
  padding: 9px 0;
  flex-shrink: 0;
}
.cv-change-nav strong {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
}
.cv-filter-row {
  display: flex;
  gap: 6px;
  margin: 12px 0;
  overflow-x: auto;
  padding: 2px 2px 6px;
  scrollbar-width: none;
  flex-shrink: 0;
}
.cv-filter-row::-webkit-scrollbar {
  display: none;
}
.cv-filter-row button {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--color-text-muted);
  font-size: 10px;
  padding: 6px 8px;
  white-space: nowrap;
  transition: all .15s ease;
}
.cv-filter-row button:hover {
  background: var(--color-surface-elevated);
  color: var(--color-text-primary);
}
.cv-filter-row button[aria-selected=true] {
  background: var(--color-primary-subtle);
  border-color: color-mix(in srgb, var(--color-primary) 34%, transparent);
  color: var(--color-text-primary);
}
.cv-filter-row button span {
  color: var(--family-color, var(--color-text-muted));
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  margin-left: 2px;
}
.cv-review-list {
  border-bottom: 1px solid var(--color-border);
  max-height: 216px;
  overflow-y: hidden;
  flex-shrink: 0;
}
.cv-review-list.is-scrollable {
  overflow-y: scroll;
}
.cv-review-list.is-scrollable:hover::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.16);
}
@supports (-moz-appearance: none) {
  .cv-review-panel,
  .cv-review-panel__scroll-content,
  .cv-review-list {
    scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
    scrollbar-width: thin;
  }
  .cv-review-list.is-scrollable:hover {
    scrollbar-color: rgba(255, 255, 255, 0.38) rgba(0, 0, 0, 0.16);
  }
}
.cv-review-list__item {
  align-items: center;
  background: transparent;
  border: 0;
  border-left: 2px solid transparent;
  color: var(--color-text-primary);
  display: flex;
  gap: 9px;
  min-height: 54px;
  padding: 9px 12px 9px 8px;
  text-align: left;
  width: 100%;
}
.cv-review-list__item:hover {
  background: var(--color-glass);
}
.cv-review-list__item.is-selected {
  background: var(--color-primary-subtle);
  border-left-color: var(--color-primary);
}
.cv-review-list__number {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  width: 22px;
}
.cv-review-list__copy {
  display: grid;
  flex: 1;
  gap: 2px;
  min-width: 0;
}
.cv-review-list__copy strong {
  font-size: 10px;
}
.cv-review-list__copy span {
  color: var(--color-text-secondary);
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cv-review-status {
  border: 1px solid var(--color-border);
  border-radius: 999px;
  color: var(--color-text-muted);
  flex: none;
  font-size: 8px;
  padding: 3px 6px;
}
.cv-review-status.is-accepted {
  color: var(--color-primary);
}
.cv-review-status.is-rejected {
  color: var(--color-error);
}
.cv-review-status.is-customised {
  color: var(--color-accent-blue);
}
.cv-review-detail {
  border-bottom: 1px solid var(--color-border);
  padding: 18px 0 20px;
  flex-shrink: 0;
}
.cv-review-detail__meta {
  justify-content: space-between;
}
.cv-review-detail__meta span:first-child {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cv-review-detail__meta span:last-child {
  color: var(--color-text-muted);
  font-size: 9px;
  text-transform: uppercase;
}
.cv-review-detail h3 {
  font-size: 15px;
  letter-spacing: -.02em;
  margin: 9px 0 13px;
}
.cv-comparison {
  display: grid;
  gap: 10px;
}
.cv-comparison > div {
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 11px;
}
.cv-comparison > div > span,
.cv-why strong {
  color: var(--color-text-muted);
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  letter-spacing: .08em;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.cv-empty-placeholder {
  color: var(--color-text-muted);
  font-size: 11px;
  font-style: italic;
  margin: 0;
}
.cv-comparison p {
  color: var(--color-text-secondary);
  font-size: 11px;
  line-height: 1.55;
  margin: 0;
}
.cv-comparison textarea {
  background: transparent;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  color: var(--color-text-primary);
  font: inherit;
  font-size: 11px;
  line-height: 1.55;
  min-height: 80px;
  padding: 8px;
  resize: vertical;
  width: 100%;
}
.cv-reasoned-copy {
  color: var(--color-text-primary) !important;
}
.cv-reasoned-copy mark {
  background: rgba(0, 194, 129, .22);
  border-radius: 3px;
  color: inherit;
  padding: 1px 2px;
}
.cv-why {
  border-left: 2px solid var(--color-primary);
  margin-top: 14px;
  padding: 3px 0 3px 11px;
}
.cv-why p {
  color: var(--color-text-secondary);
  font-size: 11px;
  line-height: 1.55;
  margin: 0;
}
.cv-review-actions {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 16px;
}
.cv-review-actions .cv-secondary-button,
.cv-review-actions .cv-primary-button {
  min-height: 34px;
  padding: 7px 11px;
}
.cv-review-actions .cv-primary-button {
  margin-left: auto;
}
.cv-reject-action {
  color: var(--color-error);
}
.cv-coverage {
  border-bottom: 1px solid var(--color-border);
  padding: 18px 0;
  flex-shrink: 0;
}
.cv-coverage__heading {
  justify-content: space-between;
  margin-bottom: 11px;
}
.cv-coverage__heading h3 {
  font-size: 15px;
  margin: 3px 0 0;
}
.cv-coverage__heading > span {
  color: var(--color-text-muted);
  font-size: 9px;
  max-width: 50%;
  overflow-wrap: anywhere;
  text-align: right;
}
.cv-coverage__item {
  align-items: center;
  display: grid;
  gap: 6px 8px;
  grid-template-columns: 8px minmax(0, 1fr) minmax(92px, 35%);
  margin-top: 8px;
}
.cv-coverage-dot {
  background: var(--color-text-muted);
  border-radius: 999px;
  height: 7px;
  width: 7px;
}
.cv-coverage-dot.is-strong {
  background: #25c7af;
}
.cv-coverage-dot.is-limited {
  background: var(--color-warning);
}
.cv-coverage__item > span:nth-child(2) {
  color: var(--color-text-secondary);
  font-size: 10px;
}
.cv-coverage__item strong {
  color: var(--color-text-muted);
  font-size: 9px;
  font-weight: 500;
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: right;
}
.cv-coverage__item a {
  color: var(--color-primary);
  font-size: 9px;
  grid-column: 2 / 4;
}
.cv-review-footer {
  background: var(--color-surface);
  border-top: 1px solid var(--color-border);
  box-shadow: 0 -12px 24px rgba(0, 0, 0, 0.16);
  margin-top: 0;
  padding-top: 16px;
  padding-bottom: 8px;
  flex-shrink: 0;
  position: relative;
  z-index: 20;
}
.cv-review-footer > .cv-secondary-button,
.cv-review-footer > .cv-accept-all {
  margin-bottom: 8px;
  width: 100%;
}
.cv-accept-all {
  min-height: 42px;
}
.cv-all-reviewed {
  align-items: center;
  background: var(--color-primary-subtle);
  border-radius: 8px;
  color: var(--color-primary);
  display: flex;
  font-size: 11px;
  gap: 6px;
  justify-content: center;
  margin: 0 0 8px;
  padding: 11px;
}
.cv-export-link {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-text-secondary);
  display: flex;
  font-size: 11px;
  gap: 4px;
  justify-content: center;
  padding: 6px;
  width: 100%;
}
.cv-export-link:hover {
  color: var(--color-text-primary);
}
.cv-mobile-review-button {
  display: none;
}
.cv-walkthrough {
  inset: 0;
  position: fixed;
  z-index: 300;
}
.cv-walkthrough__spotlight {
  border: 2px solid var(--color-primary);
  border-radius: 9px;
  box-shadow: 0 0 0 9999px rgba(4, 7, 9, .72), 0 0 0 5px rgba(0, 194, 129, .16);
  pointer-events: none;
  position: fixed;
  transition:
    inset 180ms cubic-bezier(.23, 1, .32, 1),
    width 180ms cubic-bezier(.23, 1, .32, 1),
    height 180ms cubic-bezier(.23, 1, .32, 1);
}
.cv-walkthrough__callout {
  background: var(--color-surface);
  border: 1px solid color-mix(in srgb, var(--color-primary) 34%, var(--color-border));
  border-radius: 10px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .42);
  box-sizing: border-box;
  left: var(--walkthrough-left);
  padding: 18px;
  position: fixed;
  top: var(--walkthrough-top);
  width: 300px;
}
.cv-walkthrough__callout::before {
  background: var(--color-surface);
  border: solid color-mix(in srgb, var(--color-primary) 34%, var(--color-border));
  content: "";
  height: 10px;
  position: absolute;
  transform: rotate(45deg);
  width: 10px;
}
.cv-walkthrough__callout.is-right::before {
  border-width: 0 0 1px 1px;
  left: -6px;
  top: calc(50% - 5px);
}
.cv-walkthrough__callout.is-left::before {
  border-width: 1px 1px 0 0;
  right: -6px;
  top: calc(50% - 5px);
}
.cv-walkthrough__callout.is-below::before {
  border-width: 1px 0 0 1px;
  left: calc(50% - 5px);
  top: -6px;
}
.cv-walkthrough__callout.is-above::before {
  border-width: 0 1px 1px 0;
  bottom: -6px;
  left: calc(50% - 5px);
}
.cv-walkthrough__progress {
  display: flex;
  gap: 5px;
  margin-bottom: 14px;
}
.cv-walkthrough__progress span {
  background: var(--color-border);
  border-radius: 999px;
  height: 3px;
  width: 24px;
}
.cv-walkthrough__progress span.is-current {
  background: var(--color-primary);
}
.cv-walkthrough__step {
  color: var(--color-primary);
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  letter-spacing: .08em;
  margin: 0 0 5px;
}
.cv-walkthrough__callout h2 {
  color: var(--color-text-primary);
  font-family: "Bebas Neue", sans-serif;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.12;
  margin: 0;
}
.cv-walkthrough__controls {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 18px;
}
.cv-walkthrough__controls > div {
  display: flex;
  gap: 8px;
}
.cv-walkthrough__controls .cv-primary-button,
.cv-walkthrough__controls .cv-secondary-button {
  min-height: 34px;
  padding: 7px 13px;
}
.cv-walkthrough__skip {
  background: transparent;
  border: 0;
  color: var(--color-text-secondary);
  font: inherit;
  font-size: 11px;
  padding: 7px 0;
}
.cv-walkthrough__skip:hover {
  color: var(--color-text-primary);
}
.cv-walkthrough__skip:focus-visible,
.cv-walkthrough__controls button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
@media (max-width: 1100px) {
  .cv-review-layout:not(.is-panel-collapsed) {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 42vw);
  }
  .cv-review-panel {
    padding: 18px;
  }
  .cv-document-pane {
    padding: 20px 20px 0;
  }
}
@media (max-width: 1023px) {
  .cv-review-shell {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
  }
  .cv-review-topbar {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 8px;
    height: 56px;
    justify-content: space-between;
    min-height: 56px;
    padding: 0 16px;
  }
  .cv-review-topbar__left {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 8px;
    min-width: 0;
  }
  .cv-review-topbar__left > div {
    display: grid;
    gap: 1px;
    min-width: 0;
  }
  .cv-review-topbar__left strong {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .cv-review-topbar__right {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 8px;
  }
  .cv-review-topbar__right .cv-secondary-button {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    gap: 0;
    height: 28px;
    justify-content: center;
    min-height: 28px;
    min-width: 28px;
    padding: 0;
    width: 28px;
    flex-shrink: 0;
  }
  .cv-review-topbar__right .cv-secondary-button svg {
    display: block;
    flex-shrink: 0;
    margin: 0;
  }
  .cv-review-export-label {
    display: none;
  }
  .cv-review-topbar__right .cv-development-badge {
    display: none;
  }
  .cv-review-layout {
    flex: 1;
    min-height: 0;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .cv-document-pane {
    display: block;
    height: auto;
    min-height: 100%;
    padding: 16px 16px calc(80px + max(16px, env(safe-area-inset-bottom, 0px)));
    overflow: visible;
  }
  .cv-document-pane__heading {
    display: block;
    margin-bottom: 16px;
  }
  .cv-document-pane__heading h1 {
    font-size: 22px;
    line-height: 1.2;
    margin: 2px 0 0;
  }
  .cv-document-pane__hint {
    display: none;
  }
  .cv-document-toolbar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    position: sticky;
    top: 0;
    z-index: 10;
    gap: 3px;
    margin: 0 auto 16px;
    padding: 4px 6px;
  }
  .cv-document-toolbar::-webkit-scrollbar {
    display: none;
  }
  .cv-document-toolbar select {
    padding: 0 4px;
  }
  .cv-document-toolbar select[aria-label="Font size"] {
    padding: 0 2px;
    max-width: 38px;
  }
  .cv-document-scroll {
    max-height: none;
    overflow-y: auto;
    overflow-x: auto;
    padding: 0;
  }
  .cv-real-document {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  }
  .cv-panel-toggle {
    display: none;
  }
  .cv-review-divider {
    display: none;
  }
  .cv-document-pane__body {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    overflow: visible;
  }
  .cv-document-pane__body.has-multiple-pages {
    display: flex;
    width: auto;
  }
  .cv-page-thumbnail-rail {
    display: flex;
    flex-direction: column;
    width: 34px;
    padding: 2px 2px 2px 0;
    gap: 6px;
    position: sticky;
    top: 56px;
    z-index: 15;
    flex-shrink: 0;
  }
  .cv-page-thumbnail-rail-spacer {
    display: none;
  }
  .cv-page-thumbnail {
    width: 28px;
    height: 39px;
    font-size: 8px;
    border-radius: 3px;
    border-width: 1.5px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .cv-mobile-review-button {
    align-items: center;
    background: var(--color-primary);
    border: 0;
    border-radius: 12px;
    bottom: max(16px, env(safe-area-inset-bottom, 16px));
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
    color: var(--color-background);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    left: 16px;
    margin: 0 auto;
    max-width: 800px;
    min-height: 48px;
    padding: 0 16px;
    position: fixed;
    right: 16px;
    z-index: 4;
  }
  .cv-mobile-review-button span {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 999px;
    font-family: "JetBrains Mono", monospace;
    font-size: 10px;
    padding: 3px 7px;
  }
  .cv-review-panel {
    display: flex;
    flex-direction: column;
    position: fixed;
    inset: 0;
    z-index: 100;
    background: var(--color-surface);
    padding: 0 16px max(24px, env(safe-area-inset-bottom, 24px));
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
    transition:
      transform 280ms cubic-bezier(0.32, 0.72, 0, 1),
      opacity 200ms cubic-bezier(0.23, 1, 0.32, 1),
      visibility 0s linear 280ms;
    visibility: hidden;
  }
  .cv-review-panel.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
    visibility: visible;
  }
  .cv-review-panel__header {
    position: sticky;
    top: 0;
    background: var(--color-surface);
    margin: 0 -16px;
    padding: max(16px, env(safe-area-inset-top, 16px)) 16px 12px;
    border-bottom: 1px solid var(--color-border);
    z-index: 10;
    flex-shrink: 0;
  }
  .cv-mobile-edit-button,
  .cv-mobile-close-button {
    display: inline-flex;
    min-height: 38px;
  }
  .cv-mobile-edit-button {
    background: transparent;
    border: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 500;
    padding: 8px 12px;
  }
  .cv-mobile-close-button {
    border-color: var(--color-border);
  }
  .cv-change-nav {
    flex-shrink: 0;
    margin-top: 14px;
  }
  .cv-filter-row {
    flex-shrink: 0;
    margin: 10px 0;
  }
  .cv-review-list {
    flex-shrink: 0;
    max-height: 216px;
  }
  .cv-review-detail {
    flex-shrink: 0;
    padding-bottom: 20px;
  }
  .cv-review-actions {
    align-items: stretch;
    display: grid;
    gap: 8px;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    margin-top: 16px;
  }
  .cv-review-actions .cv-secondary-button,
  .cv-review-actions .cv-primary-button {
    min-width: 0;
    min-height: 42px;
    margin: 0;
    padding: 8px;
    font-size: 13px;
  }
  .cv-coverage {
    flex-shrink: 0;
    padding: 16px 0;
  }
  .cv-review-footer {
    flex-shrink: 0;
    margin-top: 16px;
    padding-top: 16px;
    padding-bottom: max(16px, env(safe-area-inset-bottom, 16px));
  }
  .cv-walkthrough__callout {
    bottom: max(12px, env(safe-area-inset-bottom, 12px));
    left: 12px;
    padding: 14px;
    right: 12px;
    top: auto;
    width: auto;
  }
  .cv-walkthrough__callout::before {
    display: none;
  }
  .cv-walkthrough__progress {
    margin-bottom: 10px;
  }
  .cv-walkthrough__callout h2 {
    font-size: 20px;
  }
  .cv-walkthrough__controls {
    margin-top: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cv-editable-copy,
  .cv-review-list__item {
    transition: none;
  }
  .cv-review-panel {
    transform: none;
    transition: opacity 160ms cubic-bezier(0.23, 1, 0.32, 1), visibility 0s linear 160ms;
  }
  .cv-review-panel.is-open {
    transition-delay: 0s;
  }
  .cv-walkthrough__spotlight {
    transition: none;
  }
}
.cv-review-layout.is-standard {
  grid-template-columns: minmax(0, 1fr);
}

/* src/app/pages/development/CVTailorLandingPreview.css */
.cvp-page {
  --cvp-font-body:
    "Mohave",
    system-ui,
    sans-serif;
  --cvp-font-display: "Bebas Neue", sans-serif;
  --cvp-primary: var(--brand-color-primary, #00c281);
  --cvp-primary-hover: var(--brand-color-primary-hover, #00a369);
  --cvp-background: var(--rt-bg-page, #0a0a0f);
  --cvp-surface: var(--rt-bg-card, #12121a);
  --cvp-surface-elevated: var(--rt-bg-card-elevated, #1a1a26);
  --cvp-border: var(--rt-border, #2a2a3a);
  --cvp-text-primary: var(--rt-text-primary, #f0f0f5);
  --cvp-text-secondary: var(--rt-text-secondary, #8888a8);
  --cvp-text-muted: var(--rt-text-tertiary, #5a6a65);
  background: var(--cvp-background);
  color: var(--cvp-text-primary);
  font-family: var(--cvp-font-body);
  min-height: 100vh;
  box-sizing: border-box;
  overflow-x: clip;
  padding: clamp(36px, 4vw, 72px) 24px clamp(72px, 8vw, 120px);
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .app-shell--contained .cvp-page--contained {
    min-height: 100%;
    padding: clamp(20px, 2.5vw, 40px) 24px clamp(32px, 4vw, 56px);
  }
  .app-shell--contained .cvp-page--contained .cvp-shell {
    max-width: 1080px;
  }
}
.cvp-shell {
  margin: 0 auto;
  max-width: 1160px;
  position: relative;
  z-index: 1;
}
.cvp-page :is(h1, h2, h3),
.cvp-template-picker legend {
  font-family: var(--cvp-font-display);
  font-weight: 400;
}
.cvp-hero {
  margin: 0 auto 28px;
  max-width: 820px;
  text-align: center;
}
.cvp-my-cv {
  align-items: center;
  background: var(--cvp-primary);
  border: 1px solid var(--cvp-primary);
  border-radius: 8px;
  color: #07110e;
  display: inline-flex;
  font-size: 14px;
  font-weight: 650;
  gap: 7px;
  padding: 10px 16px;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 0;
}
.cvp-my-cv:hover {
  filter: brightness(1.08);
}
.cvp-my-cv:focus-visible {
  outline: 2px solid var(--cvp-text-primary);
  outline-offset: 3px;
}
.cvp-hero h1 {
  color: var(--cvp-text-primary);
  font-family: var(--cvp-font-display);
  font-size: clamp(40px, 4.8vw, 60px);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 1;
  margin: 0 0 19px;
}
.cvp-hero p {
  color: var(--cvp-text-secondary);
  font-size: clamp(17px, 1.55vw, 20px);
  font-weight: 500;
  letter-spacing: 0.005em;
  line-height: 1.42;
  margin: 0;
}
.cvp-facts {
  align-items: center;
  background: color-mix(in srgb, var(--cvp-primary) 8%, var(--cvp-surface));
  border: 1px solid color-mix(in srgb, var(--cvp-primary) 18%, var(--cvp-border));
  border-radius: 999px;
  display: flex;
  gap: 22px;
  justify-content: center;
  margin: 0 auto 22px;
  max-width: 1100px;
  min-height: 82px;
  padding: 15px 28px;
}
.cvp-fact {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: center;
  min-width: 0;
}
.cvp-fact__icon {
  align-items: center;
  background: var(--cvp-primary);
  border-radius: 50%;
  color: #07110d;
  display: flex;
  flex: none;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.cvp-fact__icon svg {
  height: 18px;
  stroke-width: 2.1;
  width: 18px;
}
.cvp-fact p {
  color: var(--cvp-text-secondary);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 0;
  max-width: 72ch;
}
.cvp-fact-dots {
  align-items: center;
  display: flex;
  flex: none;
  gap: 6px;
}
.cvp-fact-dots button {
  background: var(--cvp-border);
  border: 0;
  border-radius: 999px;
  height: 7px;
  padding: 0;
  transition: background-color 180ms ease, width 180ms ease;
  width: 7px;
}
.cvp-fact-dots button[aria-current=true] {
  background: var(--cvp-primary);
  width: 20px;
}
.cvp-card {
  background: var(--cvp-surface);
  border: 1px solid var(--cvp-border);
  border-radius: var(--rt-radius-card, 12px);
  box-shadow: var(--rt-shadow-card, 0 0 25px rgba(0, 0, 0, 0.6));
  padding: 24px;
}
.cvp-retailor-banner {
  align-items: center;
  background: color-mix(in srgb, var(--cvp-primary) 10%, var(--cvp-background));
  border: 1px solid color-mix(in srgb, var(--cvp-primary) 35%, var(--cvp-border));
  border-radius: 9px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 12px 16px;
}
.cvp-retailor-banner--loading {
  color: var(--cvp-text-secondary);
  font-size: 14px;
}
.cvp-retailor-banner__info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.cvp-retailor-banner__info .cvp-eyebrow {
  color: var(--cvp-primary);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  margin: 0;
  text-transform: uppercase;
}
.cvp-retailor-banner__info p {
  color: var(--cvp-text-primary);
  font-size: 14px;
  margin: 0;
}
.cvp-retailor-banner__clear {
  background: transparent;
  border: 1px solid var(--cvp-border);
  border-radius: 6px;
  color: var(--cvp-text-secondary);
  cursor: pointer;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  transition: color 150ms ease, border-color 150ms ease;
}
.cvp-retailor-banner__clear:hover {
  border-color: var(--cvp-text-primary);
  color: var(--cvp-text-primary);
}
.cvp-tabs {
  background: var(--cvp-background);
  border-radius: 9px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
}
.cvp-tabs button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 9px;
  color: var(--cvp-text-secondary);
  display: flex;
  font: 650 15px/1 var(--cvp-font-body);
  gap: 10px;
  justify-content: center;
  min-height: 52px;
  transition: background-color 160ms ease, color 160ms ease;
}
.cvp-tabs button[aria-selected=true] {
  background: var(--cvp-primary);
  color: #07110d;
}
.cvp-tabs button:not([aria-selected=true]):hover {
  background: var(--cvp-surface-elevated);
  color: var(--cvp-text-primary);
}
.cvp-form-panel {
  padding-top: 17px;
}
.cvp-field {
  color: var(--cvp-text-primary);
  display: grid;
  font-size: 15px;
  font-weight: 650;
  gap: 8px;
  min-width: 0;
}
.cvp-field > span:first-child small {
  color: var(--cvp-text-secondary);
  font-size: 12px;
  font-weight: 500;
  margin-left: 4px;
}
.cvp-field input,
.cvp-field textarea {
  background: var(--cvp-background);
  border: 1px solid var(--cvp-border);
  border-radius: 9px;
  color: var(--cvp-text-primary);
  font: 500 16px/1.45 var(--cvp-font-body);
  min-height: 50px;
  outline: none;
  padding: 13px 16px;
  resize: vertical;
  width: 100%;
}
.cvp-field textarea {
  min-height: 82px;
}
.cvp-field input:focus,
.cvp-field textarea:focus {
  border-color: var(--cvp-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cvp-primary) 12%, transparent);
}
.cvp-input-wrap {
  display: block;
  position: relative;
}
.cvp-input-wrap input {
  padding-right: 50px;
}
.cvp-input-wrap > svg {
  color: var(--cvp-primary);
  height: 22px;
  position: absolute;
  right: 16px;
  top: 14px;
  width: 22px;
}
.cvp-input-wrap.is-valid input {
  border-color: var(--cvp-primary);
  background: color-mix(in srgb, var(--cvp-primary) 3%, var(--cvp-background));
}
.cvp-field-row {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cvp-description-fields {
  display: grid;
  gap: 13px;
}
.cvp-progressive {
  animation: cvp-reveal 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.cvp-notice {
  background: color-mix(in srgb, var(--cvp-primary) 8%, var(--cvp-background));
  border-left: 3px solid var(--cvp-primary);
  color: var(--cvp-text-secondary);
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 16px;
  padding: 12px 14px;
}
.cvp-submit {
  align-items: center;
  background: var(--cvp-primary);
  border: 0;
  border-radius: 9px;
  color: #07110d;
  display: flex;
  font: 700 16px/1 var(--cvp-font-body);
  gap: 9px;
  justify-content: center;
  margin-top: 16px;
  min-height: 52px;
  transition: background-color 160ms ease, transform 160ms ease;
  width: 100%;
}
.cvp-submit:hover:not(:disabled) {
  background: var(--cvp-primary-hover);
  transform: translateY(-1px);
}
.cvp-submit:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}
.cvp-processing-time {
  color: var(--cvp-text-secondary);
  font-size: 13px;
  margin: 7px 0 0;
  text-align: center;
}
.cvp-standard-link {
  background: transparent;
  border: 0;
  color: var(--cvp-text-secondary);
  display: block;
  font: 600 14px/1.4 var(--cvp-font-body);
  margin: 10px auto 0;
  padding: 6px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cvp-standard-link:hover {
  color: var(--cvp-text-primary);
}
.cvp-ack-space {
  color: var(--cvp-primary);
  font-size: 13px;
  font-weight: 600;
  min-height: 25px;
  padding-top: 4px;
  text-align: center;
}
.cvp-state {
  padding: 28px 0 8px;
  text-align: center;
}
.cvp-state h2 {
  font-size: 28px;
  margin: 0 0 10px;
}
.cvp-state p {
  color: var(--cvp-text-secondary);
  line-height: 1.5;
  margin: 0 auto;
  max-width: 650px;
}
.cvp-state__actions {
  display: grid;
  gap: 8px;
  margin: 18px auto 0;
  max-width: 460px;
}
.cvp-state__actions .cvp-submit {
  margin-top: 0;
}
.cvp-secondary {
  background: transparent;
  border: 1px solid var(--cvp-border);
  border-radius: 9px;
  color: var(--cvp-text-primary);
  font: 700 15px/1 var(--cvp-font-body);
  min-height: 48px;
}
.cvp-secondary:hover {
  border-color: var(--cvp-primary);
}
.cvp-export-success {
  margin: 14vh auto 0;
  max-width: 720px;
}
.cvp-export-success__icon {
  align-items: center;
  background: color-mix(in srgb, var(--cvp-primary) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--cvp-primary) 45%, transparent);
  border-radius: 50%;
  color: var(--cvp-primary);
  display: inline-flex;
  height: 64px;
  justify-content: center;
  margin-bottom: 18px;
  width: 64px;
}
.cvp-export-success__icon svg {
  height: 30px;
  width: 30px;
}
.cvp-export-success h1 {
  font-size: clamp(36px, 6vw, 64px);
  margin: 5px 0 12px;
}
.cvp-export-success__actions {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  margin: 26px auto 0;
  max-width: 620px;
}
.cvp-export-success__actions .cvp-submit {
  margin: 0;
}
.cvp-export-success__actions .cvp-secondary {
  align-items: center;
  display: flex;
  justify-content: center;
  text-decoration: none;
}
.cvp-export-success__links {
  display: flex;
  gap: 24px;
  justify-content: center;
  margin-top: 22px;
}
.cvp-export-success__links a {
  color: var(--cvp-text-secondary);
  font-weight: 600;
  text-underline-offset: 4px;
}
.cvp-export-success__links a:hover {
  color: var(--cvp-primary);
}
.cvp-reveal {
  animation: cvp-reveal 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes cvp-reveal {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cvp-template-picker {
  border: 0;
  margin: 12px 0 0;
  min-width: 0;
  padding: 0;
}
.cvp-template-picker legend {
  align-items: center;
  color: var(--cvp-text-primary);
  display: flex;
  font-size: 19px;
  font-weight: 700;
  gap: 18px;
  margin-bottom: 18px;
  text-align: center;
  width: 100%;
}
.cvp-template-picker legend::before,
.cvp-template-picker legend::after {
  background: var(--cvp-border);
  content: "";
  flex: 1;
  height: 1px;
}
.cvp-template-picker legend span {
  flex: none;
}
.cvp-template-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cvp-template {
  align-items: flex-start;
  background: var(--cvp-background);
  border: 1px solid var(--cvp-border);
  border-radius: 11px;
  cursor: pointer;
  display: grid;
  gap: 14px;
  grid-template-columns: 52px minmax(0, 1fr) 18px;
  min-height: 164px;
  padding: 17px;
  position: relative;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    transform 160ms ease;
}
.cvp-template:hover {
  border-color: color-mix(in srgb, var(--cvp-primary) 55%, var(--cvp-border));
  transform: translateY(-1px);
}
.cvp-template.is-selected {
  background: color-mix(in srgb, var(--cvp-primary) 6%, var(--cvp-background));
  border-color: var(--cvp-primary);
  box-shadow: inset 0 0 0 1px var(--cvp-primary);
}
.cvp-template > input {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}
.cvp-template:has(input:focus-visible) {
  outline: 3px solid color-mix(in srgb, var(--cvp-primary) 30%, transparent);
  outline-offset: 2px;
}
.cvp-template__copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.cvp-template__copy strong {
  color: var(--cvp-text-primary);
  font-size: 15px;
  line-height: 1.2;
}
.cvp-template__copy > span {
  color: var(--cvp-text-secondary);
  font-size: 13px;
  line-height: 1.55;
}
.cvp-radio {
  border: 1.5px solid var(--cvp-text-secondary);
  border-radius: 50%;
  height: 18px;
  position: relative;
  width: 18px;
}
.cvp-template.is-selected .cvp-radio {
  background: var(--cvp-primary);
  border-color: var(--cvp-primary);
}
.cvp-template.is-selected .cvp-radio::after {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 4.5px;
  position: absolute;
  top: 4.5px;
  width: 6px;
}
.cvp-document {
  background: var(--cvp-surface-elevated);
  border: 1px solid color-mix(in srgb, var(--cvp-primary) 35%, var(--cvp-border));
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 60px;
  padding: 13px 10px;
  width: 48px;
}
.cvp-document span {
  background: var(--cvp-text-secondary);
  border-radius: 2px;
  display: block;
  height: 2px;
  width: 100%;
}
.cvp-document .cvp-document__short {
  background: var(--cvp-primary);
  width: 70%;
}
.cvp-history {
  margin-top: 25px;
}
.cvp-history-heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}
.cvp-history-heading h2 {
  color: var(--cvp-text-primary);
  font-size: 21px;
  margin: 0;
}
.cvp-history-heading a {
  color: var(--cvp-primary);
  font-size: 14px;
  font-weight: 650;
  text-underline-offset: 3px;
}
.cvp-history-row {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cvp-history-tile {
  align-items: center;
  background: var(--cvp-background);
  border: 1px solid var(--cvp-border);
  border-radius: 9px;
  color: var(--cvp-text-primary);
  display: flex;
  gap: 8px;
  min-height: 72px;
  min-width: 0;
  padding: 9px;
  text-align: left;
  transition: border-color 160ms ease, background-color 160ms ease;
}
.cvp-history-tile:hover {
  background: color-mix(in srgb, var(--cvp-primary) 4%, var(--cvp-background));
  border-color: var(--cvp-primary);
}
.cvp-history-tile__icon {
  align-items: center;
  background: color-mix(in srgb, var(--cvp-primary) 13%, transparent);
  border-radius: 50%;
  color: var(--cvp-primary);
  display: flex;
  flex: none;
  height: 31px;
  justify-content: center;
  width: 31px;
}
.cvp-history-tile__icon svg {
  height: 15px;
  width: 15px;
}
.cvp-history-tile > span:last-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.cvp-history-tile strong {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cvp-history-tile small {
  color: var(--cvp-text-secondary);
  font-size: 10px;
}
.cvp-history-tile em {
  color: var(--cvp-primary);
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
}
.cvp-page button,
.cvp-page input,
.cvp-page textarea {
  box-sizing: border-box;
}
.cvp-page button {
  cursor: pointer;
}
.cvp-page button:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--cvp-primary) 32%, transparent);
  outline-offset: 2px;
}
[data-theme=light] .cvp-card {
  box-shadow: 0 18px 55px rgba(34, 44, 57, 0.09);
}
[data-theme=light] .cvp-facts {
  background: color-mix(in srgb, var(--cvp-primary) 7%, var(--cvp-surface));
}
[data-theme=light] .cvp-fact__icon,
[data-theme=light] .cvp-tabs button[aria-selected=true],
[data-theme=light] .cvp-submit {
  color: #fff;
}
@media (max-width: 900px) {
  .cvp-page {
    padding-inline: 18px;
  }
  .cvp-facts {
    border-radius: 18px;
    flex-direction: column;
    gap: 10px;
    padding: 16px 18px;
  }
  .cvp-fact {
    justify-content: flex-start;
    width: 100%;
  }
  .cvp-template-grid {
    grid-template-columns: 1fr;
  }
  .cvp-template {
    min-height: 0;
  }
  .cvp-history-row {
    display: flex;
    margin: 0 -4px;
    overflow-x: auto;
    padding: 0 4px 8px;
    scroll-snap-type: x proximity;
  }
  .cvp-history-tile {
    flex: 0 0 210px;
    scroll-snap-align: start;
  }
}
@media (max-width: 620px) {
  .cvp-page {
    padding: 52px 12px 64px;
  }
  .cvp-hero {
    margin-bottom: 23px;
  }
  .cvp-hero h1 {
    font-size: clamp(36px, 11vw, 48px);
    letter-spacing: -0.04em;
  }
  .cvp-hero p {
    font-size: 16px;
    line-height: 1.45;
  }
  .cvp-desktop-break {
    display: none;
  }
  .cvp-card {
    border-radius: 13px;
    padding: 13px;
  }
  .cvp-tabs button {
    font-size: 14px;
    gap: 6px;
    min-height: 50px;
    padding-inline: 8px;
  }
  .cvp-tabs button svg {
    height: 15px;
    width: 15px;
  }
  .cvp-field-row {
    grid-template-columns: 1fr;
  }
  .cvp-export-success {
    margin-top: 5vh;
  }
  .cvp-export-success__actions {
    grid-template-columns: 1fr;
  }
  .cvp-export-success__links {
    align-items: center;
    flex-direction: column;
    gap: 14px;
  }
  .cvp-template-picker legend {
    font-size: 17px;
    gap: 10px;
  }
  .cvp-template {
    grid-template-columns: 48px minmax(0, 1fr) 18px;
    padding: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cvp-page *,
  .cvp-page *::before,
  .cvp-page *::after {
    animation-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* src/app/components/cv-download/CVLoadingState.css */
.cv-processing {
  padding-top: 32px;
}
.cv-processing__shell {
  max-width: 760px;
  margin: auto;
}
.cv-processing button:focus-visible {
  outline: 2px solid var(--cvp-text-primary);
  outline-offset: 4px;
}
.cv-processing__ticker {
  border-block: 1px solid var(--cvp-border);
  overflow: hidden;
  color: var(--cvp-text-secondary);
  font-size: 13px;
  margin-bottom: 44px;
  padding: 12px 0;
}
.cv-processing__ticker > div {
  display: flex;
  width: max-content;
  animation: cv-processing-ticker 38s linear infinite;
}
.cv-processing__ticker > div > span {
  display: flex;
}
.cv-processing__ticker span span {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 28px;
  padding-right: 28px;
}
.cv-processing__ticker i {
  color: var(--cvp-primary);
  font-style: normal;
}
.cv-processing__heading {
  text-align: center;
  margin-bottom: 32px;
}
.cv-processing__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--cvp-text-secondary);
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.cv-processing__heading h1 {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 400;
  line-height: 1.08;
  margin: 16px 0 12px;
}
.cv-processing__heading h1:focus {
  outline: none;
}
.cv-processing__heading p {
  color: var(--cvp-text-secondary);
  font-size: 17px;
  margin: 0;
}
.cv-processing__progress {
  margin: 0 0 22px;
}
.cv-processing__progress-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  margin-bottom: 12px;
}
.cv-processing__progress-label time {
  display: flex;
  gap: 7px;
  align-items: center;
  color: var(--cvp-text-secondary);
  font-variant-numeric: tabular-nums;
}
.cv-processing__track {
  height: 6px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--cvp-border);
}
.cv-processing__track > span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--cvp-primary);
  transform-origin: left;
  transition: transform 650ms cubic-bezier(.22, 1, .36, 1);
}
.cv-processing__track > span.is-finishing {
  transition-duration: 380ms;
}
.cv-processing__stages {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}
.cv-processing__stages li {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 48px;
  color: var(--cvp-text-secondary);
  font-size: 16px;
}
.cv-processing__stages li small {
  margin-left: auto;
  font-size: 12px;
}
.cv-processing__stage-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--cvp-border);
  border-radius: 50%;
  width: 27px;
  height: 27px;
  flex: none;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
.cv-processing__stages .is-active {
  color: var(--cvp-text-primary);
  font-weight: 600;
}
.cv-processing__stages .is-active .cv-processing__stage-mark {
  border-color: var(--cvp-primary);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--cvp-primary) 9%, transparent);
}
.cv-processing__stages .is-complete .cv-processing__stage-mark {
  border-color: transparent;
  background: var(--cvp-primary);
  color: #07110d;
}
.cv-processing__content {
  background: var(--cvp-surface);
  border: 1px solid var(--cvp-border);
  border-radius: 14px;
  padding: 27px 30px;
  min-height: 178px;
}
.cv-processing__content-label {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--cvp-text-secondary);
  font-size: 12px;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.cv-processing__content-label small {
  letter-spacing: 0;
  text-transform: none;
}
.cv-processing__content h2 {
  font-family: var(--cvp-font-body);
  font-weight: 500;
  font-size: 23px;
  line-height: 1.45;
  margin: 17px 0 0;
}
.cv-processing__answers {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}
.cv-processing__answers button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--cvp-border);
  border-radius: 8px;
  background: var(--cvp-background);
  color: var(--cvp-text-primary);
  padding: 13px 16px;
  font: inherit;
}
.cv-processing__answers button:hover:not(:disabled) {
  border-color: var(--cvp-primary);
}
.cv-processing__answers .is-correct {
  border-color: var(--cvp-primary);
  background: color-mix(in srgb, var(--cvp-primary) 12%, var(--cvp-surface));
}
.cv-processing__answers .is-wrong {
  border-color: #f43f5e;
}
.cv-processing__explanation {
  color: var(--cvp-text-secondary);
  font-size: 15px;
  line-height: 1.5;
  margin: 18px 0 0;
}
.cv-processing__explanation strong {
  color: var(--cvp-text-primary);
  font-weight: 500;
}
.cv-processing__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 10px;
}
.cv-processing__controls > div {
  display: flex;
}
.cv-processing__controls button {
  border: 0;
  background: transparent;
  color: var(--cvp-text-secondary);
  height: 36px;
  min-width: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cv-processing__controls button span {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--cvp-text-secondary);
}
.cv-processing__controls button[aria-current=true] span {
  width: 20px;
  background: var(--cvp-primary);
}
.cv-processing__leave {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  background: transparent;
  color: var(--cvp-text-secondary);
  font: 500 15px var(--cvp-font-body);
  padding: 12px;
  margin: 22px auto 0;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.cv-processing__leave:hover {
  color: var(--cvp-text-primary);
}
.cv-processing__failure {
  max-width: 590px;
  margin: auto;
  font-size: 18px;
  line-height: 1.5;
}
.cv-processing__failure p + p {
  color: var(--cvp-text-secondary);
}
.cv-processing__failure .cvp-secondary {
  width: 100%;
  margin-top: 10px;
}
.cv-processing__note {
  color: var(--cvp-text-secondary);
  text-align: center;
}
.cv-processing[data-paused=true] .cv-processing__ticker > div {
  animation-play-state: paused;
}
@keyframes cv-processing-ticker {
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .cv-processing__ticker > div {
    animation: none;
    width: auto;
  }
  .cv-processing__ticker > div > span {
    flex-wrap: wrap;
    gap: 8px;
  }
  .cv-processing__ticker > div > span[aria-hidden=true] {
    display: none;
  }
  .cv-processing__ticker span span {
    white-space: normal;
  }
  .cv-processing__track > span {
    transition: none !important;
  }
}
@media (max-width: 600px) {
  .cv-processing {
    padding: 22px 20px 48px;
  }
  .cv-processing__ticker {
    margin-bottom: 30px;
  }
  .cv-processing__heading {
    margin-bottom: 26px;
  }
  .cv-processing__heading p {
    font-size: 16px;
  }
  .cv-processing__content {
    padding: 22px;
  }
  .cv-processing__content h2 {
    font-size: 20px;
  }
  .cv-processing__stages li {
    font-size: 14px;
  }
  .cv-processing__stages li small {
    font-size: 11px;
  }
}

/* src/app/components/cv-download/CVAccessGate.css */
.cv-gate-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: clamp(24px, 5vh, 64px) 16px;
  box-sizing: border-box;
}
.cv-gate-card {
  width: 100%;
  max-width: 600px;
  background: var(--color-surface, #12121A);
  border: 1px solid var(--color-border, #2A2A3A);
  border-radius: 20px;
  padding: clamp(24px, 4vw, 36px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
  position: relative;
  font-family: var(--font-body, "Mohave", system-ui, sans-serif);
}
.cv-gate-header {
  display: flex;
  align-items: center;
  gap: 20px;
}
.cv-gate-ring {
  position: relative;
  width: 76px;
  height: 76px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cv-gate-ring__svg {
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
}
.cv-gate-ring__track {
  fill: none;
  stroke: rgba(255, 255, 255, 0.08);
}
.cv-gate-ring__progress {
  fill: none;
  stroke: var(--color-primary, #00C281);
  transition: stroke-dashoffset 0.6s ease-in-out;
}
.cv-gate-ring__percentage {
  position: absolute;
  font-family: "Bebas Neue", sans-serif;
  font-size: 22px;
  letter-spacing: 0.04em;
  color: var(--color-text-primary, #F0F0F5);
}
.cv-gate-header__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cv-gate-eyebrow {
  font-family: "Bebas Neue", sans-serif;
  font-size: 13px;
  letter-spacing: 0.1em;
  color: var(--color-primary, #00C281);
  text-transform: uppercase;
}
.cv-gate-title {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(26px, 4vw, 34px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: var(--color-text-primary, #F0F0F5);
  margin: 0;
}
.cv-gate-message {
  font-size: 15px;
  line-height: 1.5;
  color: var(--color-text-secondary, #8888A8);
  margin: 0;
}
.cv-gate-checklist {
  background: var(--color-surface-elevated, #1A1A26);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cv-gate-checklist__item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--color-text-secondary, #8888A8);
}
.cv-gate-checklist__item.is-done {
  color: var(--color-text-muted, #5A6A65);
}
.cv-gate-checklist__item.is-done .cv-gate-checklist__label {
  text-decoration: line-through;
}
.cv-gate-checklist__item.is-active {
  color: var(--color-text-primary, #F0F0F5);
}
.cv-gate-checklist__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--color-primary, #00C281);
}
.cv-gate-circle-icon {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-block;
  box-sizing: border-box;
}
.cv-gate-circle-icon.is-active {
  border-color: var(--color-primary, #00C281);
  box-shadow: 0 0 6px rgba(0, 194, 129, 0.35);
}
.cv-gate-stat {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: color-mix(in srgb, var(--color-primary, #00C281) 8%, var(--color-surface, #12121A));
  border: 1px solid color-mix(in srgb, var(--color-primary, #00C281) 22%, transparent);
  border-radius: 12px;
  padding: 14px 18px;
}
.cv-gate-stat__icon {
  color: var(--color-primary, #00C281);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-top: 1px;
}
.cv-gate-stat__copy {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.48;
  color: var(--color-text-secondary, #8888A8);
}
.cv-gate-stat__highlight {
  color: var(--color-primary, #00C281);
  font-weight: 600;
}
.cv-gate-preview {
  position: relative;
  background: rgba(10, 10, 15, 0.7);
  border: 1px dashed rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 24px 20px;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.cv-gate-preview__blurred {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 16px 24px;
  filter: blur(5px);
  opacity: 0.22;
  pointer-events: none;
}
.cv-gate-preview__skeleton {
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
}
.cv-gate-preview__skeleton--short {
  width: 35%;
}
.cv-gate-preview__skeleton--long {
  width: 75%;
}
.cv-gate-preview__skeleton--medium {
  width: 55%;
}
.cv-gate-preview__overlay {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-text-secondary, #8888A8);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.cv-gate-preview__lock-icon {
  color: var(--color-primary, #00C281);
}
.cv-gate-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}
.cv-gate-cta {
  width: 100% !important;
  justify-content: center;
  padding: 13px 24px !important;
  font-size: 15px !important;
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 10px !important;
}
.cv-gate-back-link {
  background: transparent;
  border: none;
  color: var(--color-text-secondary, #8888A8);
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  transition: color 0.15s ease;
}
.cv-gate-back-link:hover {
  color: var(--color-text-primary, #F0F0F5);
}

/* src/app/components/cv-download/CVTailorPage.css */
.cv-tailor-shell {
  --cv-font-body:
    "Mohave",
    system-ui,
    sans-serif;
  --cv-font-display: "Bebas Neue", sans-serif;
  container: cv-workspace / inline-size;
  color: var(--color-text-primary);
  font-family: var(--cv-font-body);
  width: 100%;
}
.cv-tailor-shell :is(h1, h2, h3) {
  font-family: var(--cv-font-display);
  font-weight: 400;
  letter-spacing: 0.015em;
}
.cv-tailor-shell--page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px;
}
.cv-back-link {
  align-items: center;
  color: var(--color-text-muted);
  display: inline-flex;
  font-size: 13px;
  gap: 8px;
  margin-bottom: 18px;
  min-height: 40px;
}
.cv-back-link:hover {
  color: var(--color-text-primary);
}
.cv-workspace-intro {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 18px;
  margin-bottom: 28px;
  overflow: hidden;
}
.cv-tailor-hero {
  align-items: center;
  display: flex;
  gap: 32px;
  justify-content: space-between;
  padding: 32px 36px;
}
.cv-tailor-hero__copy {
  min-width: 0;
}
.cv-tailor-hero h1 {
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.15;
  margin: 12px 0 14px;
}
.cv-tailor-hero h1 span {
  color: var(--color-primary);
}
.cv-tailor-hero__copy > p:last-child,
.cv-panel-heading p {
  color: var(--color-text-secondary);
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
  max-width: 58ch;
}
.cv-eyebrow {
  color: var(--color-primary) !important;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px !important;
  font-weight: 700;
  letter-spacing: 0.12em;
  margin: 0;
  text-transform: uppercase;
}
.cv-usage-summary {
  align-items: flex-start;
  border-left: 1px solid var(--color-border);
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 5px;
  min-width: 180px;
  padding: 4px 0 4px 28px;
}
.cv-usage-summary > span {
  color: var(--color-text-secondary);
  font-size: 11px;
}
.cv-usage-summary .cv-usage-summary__plan {
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-border);
  border-radius: 6px;
  color: var(--color-text-primary);
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
}
.cv-usage-summary > strong {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.3;
  margin-top: 5px;
}
.cv-usage-summary strong span {
  color: var(--color-text-secondary);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  margin-left: 4px;
}
.cv-step-rail {
  border-top: 1px solid var(--color-border);
  padding: 10px;
}
.cv-step-rail ol {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
.cv-step-rail li {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--color-text-secondary);
  display: flex;
  gap: 12px;
  min-width: 0;
  padding: 15px 18px;
}
.cv-step-rail li > b {
  align-items: center;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  display: inline-flex;
  flex: none;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.cv-step-rail li > div {
  display: grid;
  gap: 4px;
}
.cv-step-rail strong {
  font-size: 12px;
  font-weight: 600;
}
.cv-step-rail li > div > span {
  color: var(--color-text-secondary);
  font-size: 10px;
}
.cv-step-rail .is-current {
  background: var(--color-primary-subtle);
  border-color: color-mix(in srgb, var(--color-primary) 22%, transparent);
  color: var(--color-text-primary);
}
.cv-step-rail .is-current > b {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-background);
}
.cv-step-rail .is-complete > b {
  color: var(--color-primary);
}
.cv-step-current-label {
  color: var(--color-primary);
  font-size: 9px;
  margin-left: auto;
  white-space: nowrap;
}
.cv-back-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
  border-radius: 4px;
}
.cv-tailor-layout {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.85fr);
}
.cv-tailor-main,
.cv-tailor-sidebar {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}
.cv-tailor-sidebar {
  position: sticky;
  top: calc(var(--reasoned-topbar-height, 66px) + 18px);
}
.cv-tailor-panel {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  padding: 22px;
}
.cv-panel-heading {
  align-items: start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 18px;
}
.cv-panel-heading h2 {
  font-size: 18px;
  margin: 3px 0 4px;
}
.cv-status-chip,
.cv-development-badge {
  align-items: center;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  display: inline-flex;
  flex: none;
  font-size: 10px;
  font-weight: 700;
  gap: 5px;
  padding: 5px 9px;
  text-transform: uppercase;
}
.cv-status-chip--success {
  background: var(--color-primary-subtle);
  border-color: color-mix(in srgb, var(--color-primary) 35%, transparent);
  color: var(--color-primary);
}
.cv-upload-progress {
  margin-top: 14px;
}
.cv-upload-progress__copy,
.cv-loading-progress__copy,
.cv-description-meta {
  color: var(--color-text-muted);
  display: flex;
  font-size: 11px;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 7px;
}
.cv-progress-track {
  background: var(--color-surface-elevated);
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
  position: relative;
}
.cv-progress-track > span {
  background: var(--color-primary);
  border-radius: inherit;
  display: block;
  height: 100%;
  transition: width 180ms cubic-bezier(0.25, 1, 0.5, 1);
}
.cv-progress-track--indeterminate > span {
  animation: cv-progress-scan 1.4s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  left: 0;
  position: absolute;
  width: 38%;
}
@keyframes cv-progress-scan {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(365%);
  }
}
.cv-inline-message {
  align-items: flex-start;
  background: var(--color-glass);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-input);
  color: var(--color-text-secondary);
  display: flex;
  font-size: 12px;
  gap: 10px;
  margin-top: 14px;
  padding: 12px;
}
.cv-inline-message > svg {
  flex: none;
  margin-top: 1px;
}
.cv-inline-message > div {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
}
.cv-inline-message strong {
  color: var(--color-text-primary);
}
.cv-inline-message--success {
  background: var(--color-primary-subtle);
  border-color: color-mix(in srgb, var(--color-primary) 28%, transparent);
}
.cv-inline-message--success > svg {
  color: var(--color-primary);
}
.cv-inline-message--warning {
  background: color-mix(in srgb, var(--color-warning) 8%, transparent);
  border-color: color-mix(in srgb, var(--color-warning) 28%, transparent);
}
.cv-inline-message--warning > svg,
.cv-validation-copy,
.cv-description-meta .is-invalid {
  color: var(--color-warning);
}
.cv-inline-message--error {
  background: color-mix(in srgb, var(--color-error) 8%, transparent);
  border-color: color-mix(in srgb, var(--color-error) 30%, transparent);
}
.cv-inline-message--error > svg {
  color: var(--color-error);
}
.cv-text-button {
  align-items: center;
  color: var(--color-primary);
  display: inline-flex;
  flex: none;
  font-size: 12px;
  font-weight: 600;
  gap: 6px;
  min-height: 32px;
}
.cv-primary-button,
.cv-secondary-button,
.cv-add-button {
  align-items: center;
  border-radius: var(--radius-button);
  display: inline-flex;
  font-size: 12px;
  font-weight: 650;
  gap: 7px;
  justify-content: center;
  min-height: 40px;
  padding: 9px 14px;
  transition:
    background-color 180ms cubic-bezier(0.25, 1, 0.5, 1),
    border-color 180ms cubic-bezier(0.25, 1, 0.5, 1),
    opacity 180ms ease;
}
.cv-primary-button {
  background: var(--color-primary);
  color: var(--color-background);
}
.cv-primary-button:hover:not(:disabled) {
  background: var(--color-primary-dark);
}
.cv-secondary-button,
.cv-add-button {
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-border);
  color: var(--color-text-primary);
}
.cv-secondary-button:hover:not(:disabled),
.cv-add-button:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--color-primary) 55%, var(--color-border));
}
.cv-primary-button:disabled,
.cv-secondary-button:disabled,
.cv-add-button:disabled,
.cv-entry__toolbar button:disabled,
.cv-compact-row button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}
.cv-missing-summary {
  background: var(--color-surface-elevated);
  border-radius: var(--radius-input);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  justify-content: space-between;
  margin-bottom: 6px;
  padding: 12px 14px;
}
.cv-missing-summary strong {
  font-size: 12px;
}
.cv-missing-summary > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.cv-missing-summary span {
  border: 1px solid color-mix(in srgb, var(--color-warning) 28%, transparent);
  border-radius: 999px;
  color: var(--color-warning);
  font-size: 10px;
  padding: 3px 7px;
}
.cv-editor-section {
  border-top: 1px solid var(--color-border);
  padding: 22px 0;
}
.cv-editor-section__heading,
.cv-entry__toolbar {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.cv-editor-section__heading {
  margin-bottom: 14px;
}
.cv-editor-section__heading h3 {
  font-size: 14px;
  margin: 0;
}
.cv-editor-section__heading span,
.cv-entry__toolbar > span,
.cv-empty-copy,
.cv-field-help,
.cv-save-footer span {
  color: var(--color-text-muted);
  font-size: 11px;
}
.cv-entry {
  background: var(--color-glass);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-input);
  margin-top: 10px;
  padding: 14px;
}
.cv-entry__toolbar {
  border-bottom: 1px solid var(--color-border-subtle);
  margin: -2px 0 14px;
  padding-bottom: 9px;
}
.cv-entry__toolbar > div,
.cv-compact-row {
  align-items: center;
  display: flex;
  gap: 4px;
}
.cv-entry__toolbar button,
.cv-compact-row button,
.cv-link-row > button {
  align-items: center;
  border-radius: 6px;
  color: var(--color-text-muted);
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.cv-entry__toolbar button:hover:not(:disabled),
.cv-compact-row button:hover:not(:disabled) {
  background: var(--color-surface-elevated);
  color: var(--color-text-primary);
}
.cv-danger-button:hover:not(:disabled) {
  background: color-mix(in srgb, var(--color-error) 10%, transparent) !important;
  color: var(--color-error) !important;
}
.cv-field-grid,
.cv-manual-meta {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cv-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 11px;
  min-width: 0;
  overflow: visible;
}
.cv-field.location-picker {
  z-index: 20;
}
.cv-field > span {
  color: var(--color-text-secondary);
  font-size: 11px;
  font-weight: 600;
}
.cv-field > span b {
  color: var(--color-warning);
}
.cv-field > span small {
  color: var(--color-text-muted);
  font-size: 9px;
  font-weight: 500;
  margin-left: 4px;
  text-transform: uppercase;
}
.cv-field-input {
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-input);
  color: var(--color-text-primary);
  font-size: 13px;
  min-height: 40px;
  padding: 9px 11px;
  width: 100%;
}
select.cv-select,
select.cv-field-input {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--rt-bg-card, var(--color-surface-elevated));
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'><path d='M4 6l4 4 4-4' stroke='white' stroke-opacity='0.4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  border: 1px solid var(--rt-border, var(--color-border));
  border-radius: 12px;
  color: #fff;
  font-size: 14px;
  min-height: 48px;
  padding: 12px 40px 12px 16px;
}
select.cv-select:focus,
select.cv-field-input:focus {
  border-color: var(--rt-green, var(--color-primary));
  outline: none;
}
select.cv-select option,
select.cv-field-input option {
  background: var(--rt-bg-card-elevated, #16161c);
  color: rgba(255, 255, 255, 0.9);
}
select.cv-select.is-disabled,
select.cv-field-input:disabled {
  color: rgba(255, 255, 255, 0.28);
  opacity: 1;
  cursor: not-allowed;
}
.cv-field-input::placeholder {
  color: var(--color-text-muted);
}
.cv-field-input--textarea {
  line-height: 1.55;
  min-height: 96px;
  resize: vertical;
}
.cv-job-description {
  min-height: 260px;
}
.cv-compact-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cv-compact-row .cv-field-input {
  flex: 1;
}
.cv-language-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.32fr) auto;
}
.cv-language-row .cv-field-input {
  min-width: 0;
}
.cv-link-row {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(110px, 0.35fr) minmax(0, 1fr) 32px;
}
.cv-save-footer {
  align-items: center;
  border-top: 1px solid var(--color-border);
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding-top: 18px;
}
.cv-save-footer > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cv-save-footer strong {
  font-size: 12px;
}
.cv-sidebar-actions {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cv-input-tabs {
  background: var(--color-surface-elevated);
  border-radius: var(--radius-input);
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 4px;
}
.cv-input-tabs button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--color-text-muted);
  display: flex;
  font-size: 11px;
  font-weight: 600;
  gap: 6px;
  justify-content: center;
  min-height: 38px;
}
.cv-input-tabs button[aria-selected=true] {
  background: var(--color-surface);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}
.cv-tab-panel {
  padding-top: 8px;
}
.cv-field-help,
.cv-description-meta p {
  margin: 7px 0 0;
}
.cv-description-meta {
  line-height: 1.45;
  margin-top: 7px;
}
.cv-description-meta p {
  max-width: 48ch;
}
.cv-validation-copy {
  font-size: 11px;
  margin: 8px 0 0;
}
.cv-input-actions {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 16px;
}
.cv-input-actions > span {
  color: var(--color-text-muted);
  font-size: 10px;
  line-height: 1.4;
  max-width: 220px;
  text-align: right;
}
.cv-loading-state {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  min-height: 220px;
  padding: 28px 12px;
  text-align: center;
}
.cv-loading-state > p {
  margin: 0;
}
.cv-loading-progress {
  margin-top: 8px;
  max-width: 420px;
  width: 100%;
}
.cv-loading-progress > p {
  color: var(--color-text-muted);
  font-size: 11px;
  margin: 12px 0 0;
}
.cv-loading-stages-wrap {
  margin-top: 12px;
  max-width: 320px;
  text-align: left;
  width: 100%;
}
.cv-loading-stages-wrap > p {
  color: var(--color-text-muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
  text-transform: uppercase;
}
.cv-loading-stages {
  display: grid;
  gap: 7px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cv-loading-stages li {
  align-items: center;
  color: var(--color-text-muted);
  display: flex;
  font-size: 11px;
  gap: 9px;
}
.cv-loading-stages .is-active {
  color: var(--color-text-primary);
}
.cv-loading-stages .is-active svg,
.cv-loading-stages .is-complete {
  color: var(--color-primary);
}
.cv-preview-workspace {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cv-preview-toolbar {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.cv-preview-toolbar > div {
  display: flex;
  gap: 8px;
}
.cv-role-banner {
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  padding: 16px 18px;
}
.cv-role-banner > div:not(.cv-development-badge) {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.cv-role-banner span {
  color: var(--color-text-muted);
  font-size: 10px;
  text-transform: uppercase;
}
.cv-role-banner strong {
  font-size: 13px;
}
.cv-development-badge {
  background: color-mix(in srgb, var(--color-warning) 9%, transparent);
  border-color: color-mix(in srgb, var(--color-warning) 30%, transparent);
  color: var(--color-warning);
}
.cv-preview-grid {
  align-items: start;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
}
.cv-document {
  background: #f5f5f2;
  border-radius: 4px;
  box-shadow: var(--shadow-card);
  color: #202323;
  min-height: 920px;
  padding: 54px 60px;
}
.cv-document header {
  border-bottom: 2px solid #202323;
  margin-bottom: 26px;
  padding-bottom: 18px;
}
.cv-document header h2 {
  color: #121616;
  font-size: 28px;
  margin: 5px 0 4px;
}
.cv-document header p,
.cv-document section > p {
  color: #505b59;
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
}
.cv-document section {
  margin-top: 24px;
}
.cv-document section h3 {
  border-bottom: 1px solid #cdd4d1;
  color: #167655;
  font-size: 11px;
  letter-spacing: 0.1em;
  margin: 0 0 12px;
  padding-bottom: 6px;
  text-transform: uppercase;
}
.cv-document-entry {
  padding: 7px 0 9px;
}
.cv-document-entry + .cv-document-entry {
  border-top: 1px solid #dde2df;
}
.cv-document-entry.is-emphasised {
  background: #e7f4ef;
  border-radius: 4px;
  margin: 0 -8px;
  padding: 9px 8px;
}
.cv-document-entry > div {
  display: flex;
  font-size: 12px;
  gap: 10px;
  justify-content: space-between;
}
.cv-document-entry > div span,
.cv-document-entry small {
  color: #697471;
}
.cv-document-entry p {
  color: #3e4745;
  font-size: 11px;
  line-height: 1.55;
  margin: 5px 0 0;
  white-space: pre-wrap;
}
.cv-document-entry em {
  color: #167655;
  display: block;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  margin-top: 5px;
  text-transform: uppercase;
}
.cv-change-ledger {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 18px;
  position: sticky;
  top: calc(var(--reasoned-topbar-height, 66px) + 18px);
}
.cv-change-ledger > section {
  border-top: 1px solid var(--color-border);
  padding: 17px 0;
}
.cv-change-ledger h3 {
  font-size: 12px;
  margin: 0 0 8px;
}
.cv-change-ledger p,
.cv-change-ledger li {
  color: var(--color-text-secondary);
  font-size: 11px;
  line-height: 1.5;
}
.cv-change-ledger ul {
  display: flex;
  flex-direction: column;
  gap: 7px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cv-change-ledger li {
  align-items: flex-start;
  display: flex;
  gap: 7px;
}
.cv-change-ledger li svg {
  color: var(--color-primary);
  flex: none;
  margin-top: 1px;
}
.cv-change-ledger .is-warning svg {
  color: var(--color-warning);
}
.cv-trust-statement {
  align-items: flex-start;
  display: flex;
  gap: 9px;
  padding: 2px 0 17px;
}
.cv-trust-statement > svg {
  color: var(--color-primary);
  flex: none;
}
.cv-trust-statement > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cv-trust-statement strong {
  font-size: 12px;
}
.cv-trust-statement span {
  color: var(--color-text-muted);
  font-size: 10px;
  line-height: 1.45;
}
@container cv-workspace (max-width: 960px) {
  .cv-tailor-layout,
  .cv-preview-grid {
    grid-template-columns: 1fr;
  }
  .cv-tailor-sidebar,
  .cv-change-ledger {
    position: static;
  }
  .cv-step-current-label {
    display: none;
  }
  .cv-step-rail li {
    padding: 14px 10px;
    gap: 9px;
  }
  .cv-document {
    min-height: 760px;
  }
}
@container cv-workspace (max-width: 640px) {
  .cv-tailor-hero {
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
  }
  .cv-usage-summary {
    align-items: center;
    border-left: 0;
    border-top: 1px solid var(--color-border);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2px 12px;
    min-width: 0;
    padding: 16px 0 0;
    width: 100%;
  }
  .cv-usage-summary__plan {
    grid-row: 1 / 3;
    justify-self: start;
  }
  .cv-usage-summary > strong {
    font-size: 20px;
    margin: 0;
    text-align: right;
  }
  .cv-usage-summary > span:last-child {
    grid-column: 2;
    text-align: right;
  }
  .cv-step-rail {
    padding: 8px;
  }
  .cv-step-rail ol {
    gap: 4px;
  }
  .cv-step-rail li {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 12px 8px;
  }
  .cv-step-rail strong {
    font-size: 11px;
  }
  .cv-step-rail li > div > span {
    font-size: 10px;
    line-height: 1.5;
  }
  .cv-step-current-label {
    display: none;
  }
  .cv-tailor-panel {
    padding: 16px;
  }
  .cv-panel-heading,
  .cv-save-footer,
  .cv-input-actions,
  .cv-preview-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .cv-panel-heading .cv-primary-button,
  .cv-save-footer .cv-primary-button,
  .cv-input-actions .cv-primary-button {
    width: 100%;
  }
  .cv-input-actions > span {
    max-width: none;
    text-align: left;
  }
  .cv-field-grid,
  .cv-manual-meta,
  .cv-sidebar-actions {
    grid-template-columns: 1fr;
  }
  .cv-link-row {
    grid-template-columns: 1fr 32px;
  }
  .cv-link-row .cv-field:first-child {
    grid-column: 1 / -1;
  }
  .cv-preview-toolbar > div {
    display: grid;
    grid-template-columns: 1fr;
  }
  .cv-role-banner {
    grid-template-columns: 1fr 1fr;
  }
  .cv-development-badge {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .cv-document {
    min-height: 0;
    padding: 34px 24px;
  }
  .cv-document-entry > div {
    flex-direction: column;
    gap: 1px;
  }
}
@container cv-workspace (max-width: 640px) {
  .cv-workspace-intro {
    border-radius: 14px;
    margin-bottom: 20px;
  }
  .cv-tailor-hero {
    padding: 22px 20px;
    gap: 20px;
  }
  .cv-tailor-hero h1 {
    font-size: clamp(26px, 6.5cqi, 34px);
    text-wrap: balance;
  }
  .cv-tailor-layout {
    gap: 18px;
  }
  .cv-field-input {
    font-size: 16px;
    min-height: 44px;
  }
  .cv-primary-button,
  .cv-secondary-button,
  .cv-add-button,
  .cv-input-tabs button,
  .cv-text-button {
    min-height: 44px;
  }
  .cv-entry__toolbar button,
  .cv-compact-row button,
  .cv-link-row > button {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
  }
  .cv-link-row {
    grid-template-columns: minmax(0, 1fr) 44px;
  }
  .cv-entry__toolbar {
    flex-wrap: wrap;
  }
  .cv-inline-message {
    flex-wrap: wrap;
  }
  .cv-inline-message > div {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .cv-compact-row .cv-field-input {
    min-width: 0;
  }
  .cv-document {
    overflow-wrap: anywhere;
  }
}
@container cv-workspace (max-width: 380px) {
  .cv-tailor-hero {
    padding: 20px 16px;
  }
  .cv-step-rail ol {
    grid-template-columns: 1fr;
  }
  .cv-step-rail li {
    flex-direction: row;
    align-items: center;
    padding: 10px 12px;
  }
  .cv-step-rail li > div {
    gap: 2px;
  }
  .cv-step-rail strong {
    font-size: 12px;
  }
  .cv-step-current-label {
    display: inline;
  }
  .cv-tailor-panel {
    padding: 14px;
  }
  .cv-entry {
    padding: 10px;
  }
  .cv-document {
    padding: 26px 16px;
  }
  .cv-role-banner {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 767px) {
  .cv-tailor-shell--page {
    padding: 12px;
  }
  .cv-back-link {
    min-height: 44px;
    margin-bottom: 12px;
  }
}
.cv-loading-state--engaging {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  min-height: 430px;
  overflow: hidden;
  padding: 0;
}
.cv-loading-state__main {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 30px 24px 34px;
  text-align: center;
}
.cv-loading-icon {
  align-items: center;
  background: var(--color-primary-subtle);
  border: 1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);
  border-radius: 13px;
  display: flex;
  height: 52px;
  justify-content: center;
  margin-bottom: 16px;
  width: 52px;
}
.cv-loading-state__title-row {
  align-items: baseline;
  display: flex;
  gap: 12px;
  justify-content: center;
}
.cv-loading-state__title-row p {
  font-size: 16px;
  font-weight: 650;
}
.cv-loading-state__title-row time {
  color: var(--color-text-muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
}
.cv-loading-submessage {
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 1.55;
  margin: 5px 0 0;
  max-width: 52ch;
}
.cv-loading-ticker {
  background: rgba(0, 194, 129, .045);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-primary);
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  letter-spacing: .12em;
  overflow: hidden;
  padding: 9px 0;
  white-space: nowrap;
}
.cv-loading-ticker > div {
  animation: cv-loading-ticker 26s linear infinite;
  display: inline-flex;
  min-width: max-content;
}
.cv-loading-ticker.is-static > div {
  animation: none;
  justify-content: center;
  width: 100%;
}
.cv-loading-ticker span {
  align-items: center;
  display: inline-flex;
  gap: 18px;
  margin-right: 22px;
}
.cv-loading-ticker i {
  color: var(--color-accent-blue);
  font-style: normal;
}
@keyframes cv-loading-ticker {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.cv-loading-stages-label {
  color: var(--color-text-muted);
  display: flex;
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  justify-content: space-between;
  letter-spacing: .08em;
  margin-bottom: 9px;
  text-transform: uppercase;
}
.cv-loading-stages-label span:last-child {
  color: var(--color-warning);
  letter-spacing: 0;
  text-transform: none;
}
.cv-loading-stages li.is-active {
  color: var(--color-text-primary);
}
.cv-loading-stages li.is-active svg {
  color: var(--color-primary);
}
.cv-loading-static-tip {
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: 9px;
  color: var(--color-text-secondary);
  font-size: 11px;
  line-height: 1.55;
  margin: 16px 0 0;
  max-width: 420px;
  padding: 11px 13px;
  text-align: left;
  width: 100%;
}
.cv-loading-static-tip strong {
  color: var(--color-primary);
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  letter-spacing: .08em;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.cv-loading-content-card {
  background:
    linear-gradient(
      135deg,
      var(--color-background),
      color-mix(in srgb, var(--color-surface-elevated) 80%, #082638));
  border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
  border-radius: 11px;
  margin-top: 21px;
  max-width: 500px;
  padding: 15px 16px;
  text-align: left;
  width: 100%;
}
.cv-loading-content-card__header {
  align-items: center;
  color: var(--color-primary);
  display: flex;
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  gap: 6px;
  justify-content: space-between;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cv-loading-content-card__header > span:first-child {
  align-items: center;
  display: inline-flex;
  gap: 5px;
}
.cv-loading-pause {
  color: var(--color-text-muted);
  display: inline-flex;
  gap: 4px;
  letter-spacing: 0;
  text-transform: none;
}
.cv-loading-content-card__body,
.cv-loading-quiz-prompt {
  color: var(--color-text-primary);
  font-size: 14px;
  line-height: 1.5;
  margin: 11px 0 0;
}
.cv-loading-content-card__source {
  color: var(--color-text-muted);
  display: block;
  font-size: 9px;
  margin-top: 10px;
}
.cv-loading-quiz-options {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 12px;
}
.cv-loading-quiz-options button {
  align-items: center;
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-border);
  border-radius: 7px;
  color: var(--color-text-primary);
  display: flex;
  font-size: 11px;
  gap: 5px;
  justify-content: space-between;
  min-height: 35px;
  padding: 7px 9px;
  text-align: left;
}
.cv-loading-quiz-options button:hover:not(:disabled) {
  border-color: var(--color-primary);
}
.cv-loading-quiz-options button.is-correct {
  background: color-mix(in srgb, var(--color-primary) 15%, var(--color-surface-elevated));
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.cv-loading-quiz-options button.is-wrong {
  background: color-mix(in srgb, var(--color-error) 12%, var(--color-surface-elevated));
  border-color: var(--color-error);
  color: var(--color-error);
}
.cv-loading-quiz-explain {
  color: var(--color-text-secondary);
  font-size: 10px;
  line-height: 1.5;
  margin: 10px 0 0;
}
.cv-loading-quiz-explain.is-correct {
  color: var(--color-primary);
}
.cv-loading-quiz-explain.is-wrong {
  color: var(--color-warning);
}
.cv-loading-dots {
  display: flex;
  gap: 5px;
  margin-top: 11px;
}
.cv-loading-dots button {
  background: transparent;
  border: 0;
  padding: 4px;
}
.cv-loading-dots button span {
  background: var(--color-border);
  border-radius: 999px;
  display: block;
  height: 5px;
  transition: width .2s ease, background-color .2s ease;
  width: 5px;
}
.cv-loading-dots button[aria-current=true] span {
  background: var(--color-primary);
  width: 16px;
}
.cv-loading-leave-button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-text-secondary);
  display: inline-flex;
  font-size: 11px;
  gap: 6px;
  margin-top: 20px;
  padding: 5px;
}
.cv-loading-leave-button:hover {
  color: var(--color-primary);
}
@media (prefers-reduced-motion: reduce) {
  .cv-loading-ticker > div {
    animation: none;
  }
  .cv-loading-dots button span {
    transition: none;
  }
}
.cv-landing-header {
  align-items: flex-end;
  display: flex;
  gap: 28px;
  justify-content: space-between;
  margin-bottom: 24px;
}
.cv-landing-header .cv-back-link {
  margin-bottom: 19px;
}
.cv-landing-header h1 {
  font-size: clamp(34px, 5vw, 52px);
  letter-spacing: -.065em;
  line-height: .98;
  margin: 8px 0 12px;
}
.cv-landing-header p:last-child {
  color: var(--color-text-secondary);
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
  max-width: 54ch;
}
.cv-usage-rail {
  background:
    linear-gradient(
      135deg,
      var(--color-surface),
      color-mix(in srgb, var(--color-surface-elevated) 65%, #071b29));
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  display: grid;
  grid-template-columns: repeat(3, minmax(80px, 1fr));
  max-width: 460px;
  min-width: min(100%, 390px);
  overflow: hidden;
}
.cv-usage-rail > div {
  border-left: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 76px;
  padding: 15px 17px;
}
.cv-usage-rail > div:first-child {
  border-left: 0;
}
.cv-usage-label {
  color: var(--color-text-muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cv-usage-rail small {
  color: var(--color-text-muted);
  display: block;
  font-size: 10px;
  margin-top: 3px;
}
.cv-usage-rail strong {
  color: var(--color-text-primary);
  font-size: 20px;
  letter-spacing: -.035em;
}
.cv-usage-rail > div:first-child strong {
  color: var(--color-primary);
  font-size: 15px;
}
.cv-usage-reset {
  grid-column: 1 / -1;
  min-height: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.cv-usage-reset strong {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  font-weight: 500;
}
.cv-usage-promo {
  grid-column: 1 / -1;
  min-height: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.cv-usage-promo strong {
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 600;
}
.cv-landing-trust {
  align-items: center;
  background:
    linear-gradient(
      105deg,
      rgba(0, 194, 129, .12),
      rgba(0, 163, 255, .07) 70%,
      rgba(18, 18, 26, .8));
  border: 1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-border));
  border-radius: var(--radius-card);
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 19px 21px;
  position: relative;
}
.cv-landing-trust::before {
  background: var(--color-primary);
  content: "";
  inset: 0 auto 0 0;
  position: absolute;
  width: 4px;
}
.cv-landing-trust__copy {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}
.cv-landing-trust__copy > div {
  display: grid;
  gap: 3px;
}
.cv-trust-icon {
  align-items: center;
  background: var(--color-primary);
  border-radius: 8px;
  color: var(--color-background);
  display: flex;
  flex: none;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.cv-landing-trust strong {
  font-size: 13px;
}
.cv-landing-trust__copy span:last-child {
  color: var(--color-text-secondary);
  font-size: 11px;
  line-height: 1.5;
  max-width: 68ch;
}
.cv-trust-stat {
  color: var(--color-primary);
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  white-space: nowrap;
}
.cv-trust-stat small {
  color: var(--color-text-muted);
  font-size: 9px;
  margin-left: 5px;
  text-transform: uppercase;
}
.cv-background-processing {
  align-items: center;
  background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
  border: 1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
  border-radius: var(--radius-card);
  display: flex;
  gap: 10px;
  margin: -8px 0 24px;
  padding: 12px 15px;
}
.cv-background-processing > div {
  display: grid;
  gap: 2px;
}
.cv-background-processing strong {
  font-size: 11px;
}
.cv-background-processing span:not(.cv-background-processing__dot) {
  color: var(--color-text-secondary);
  font-size: 10px;
}
.cv-background-processing__dot {
  background: var(--color-primary);
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(0, 194, 129, .12);
  flex: none;
  height: 7px;
  width: 7px;
}
.cv-landing-fact {
  background: var(--color-surface);
  border-left: 2px solid var(--color-accent-blue);
  border-radius: 0 var(--radius-input) var(--radius-input) 0;
  margin: -8px 0 24px;
  padding: 11px 14px;
}
.cv-landing-fact > span {
  color: var(--color-accent-blue);
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cv-landing-fact p {
  color: var(--color-text-secondary);
  font-size: 11px;
  line-height: 1.5;
  margin: 5px 0 0;
}
.cv-landing-fact small {
  color: var(--color-text-muted);
  display: block;
  font-size: 9px;
  margin-top: 4px;
}
.cv-landing-grid {
  align-items: start;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1fr) minmax(270px, .34fr);
}
.cv-landing-grid main,
.cv-landing-grid aside {
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-width: 0;
}
.cv-landing-grid aside {
  position: sticky;
  top: calc(var(--reasoned-topbar-height, 66px) + 16px);
}
.cv-tailoring-input {
  padding: 27px;
}
.cv-tailoring-input .cv-panel-heading {
  margin-bottom: 17px;
}
.cv-input-with-state {
  position: relative;
}
.cv-input-with-state > svg {
  color: var(--color-primary);
  pointer-events: none;
  position: absolute;
  right: 13px;
  top: 12px;
}
.cv-input-with-state.is-valid .cv-field-input {
  border-color: color-mix(in srgb, var(--color-primary) 68%, var(--color-border));
  box-shadow: 0 0 0 2px rgba(0, 194, 129, .08);
  padding-right: 42px;
}
.cv-progressive-field {
  animation: cv-field-reveal .28s cubic-bezier(.25, 1, .5, 1);
}
@keyframes cv-field-reveal {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cv-manual-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cv-description-meta {
  align-items: center;
  color: var(--color-text-muted);
  display: flex;
  font-size: 10px;
  justify-content: space-between;
  margin-top: 6px;
}
.cv-description-meta small {
  font-size: inherit;
}
.cv-template-reveal {
  border-top: 1px solid var(--color-border);
  margin-top: 23px;
  padding-top: 21px;
}
.cv-template-reveal__heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}
.cv-template-reveal__heading h3 {
  font-size: 14px;
  margin: 3px 0 0;
}
.cv-template-reveal__heading > span {
  color: var(--color-text-muted);
  font-size: 10px;
}
.cv-template-options {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cv-template-option {
  align-items: center;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: 9px;
  color: var(--color-text-secondary);
  display: flex;
  gap: 8px;
  min-height: 70px;
  padding: 11px 12px;
  text-align: left;
}
.cv-template-option:hover {
  border-color: color-mix(in srgb, var(--color-primary) 50%, var(--color-border));
}
.cv-template-option.is-selected {
  background: var(--color-primary-subtle);
  border-color: var(--color-primary);
  color: var(--color-text-primary);
}
.cv-template-option > span:nth-child(2) {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.cv-template-option strong {
  font-size: 11px;
}
.cv-template-option small {
  color: var(--color-text-muted);
  font-size: 9px;
  line-height: 1.35;
}
.cv-template-option > svg {
  color: var(--color-primary);
  flex: none;
  margin-left: auto;
}
.cv-template-option__radio {
  border: 1px solid var(--color-text-muted);
  border-radius: 999px;
  flex: none;
  height: 12px;
  position: relative;
  width: 12px;
}
.cv-template-option.is-selected .cv-template-option__radio {
  border-color: var(--color-primary);
}
.cv-template-option.is-selected .cv-template-option__radio::after {
  background: var(--color-primary);
  border-radius: 999px;
  content: "";
  inset: 2px;
  position: absolute;
}
.cv-input-actions {
  align-items: flex-end;
  margin-top: 22px;
}
.cv-usage-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 16px;
}
.cv-usage-inline span {
  color: var(--color-text-muted);
  font-size: 10px;
}
.cv-usage-inline strong {
  color: var(--color-primary);
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  margin-right: 3px;
}
.cv-input-footnote {
  color: var(--color-text-muted);
  font-size: 10px;
  margin: 10px 0 0;
}
.cv-standard-escape {
  align-items: center;
  border-top: 1px solid var(--color-border);
  color: var(--color-text-muted);
  display: flex;
  font-size: 10px;
  gap: 9px;
  justify-content: flex-end;
  margin-top: 17px;
  padding-top: 14px;
}
.cv-standard-escape button,
.cv-side-link {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-primary);
  display: inline-flex;
  font-size: 10px;
  gap: 5px;
}
.cv-landing-secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cv-landing-secondary .cv-secondary-button {
  flex: 1;
}
.cv-profile-editor-reveal {
  animation: cv-field-reveal .25s ease;
}
.cv-landing-side-note,
.cv-history-strip {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  padding: 19px;
}
.cv-landing-side-note > div {
  align-items: flex-start;
  border-top: 1px solid var(--color-border);
  display: flex;
  gap: 11px;
  margin-top: 11px;
  padding-top: 11px;
}
.cv-landing-side-note > div span {
  color: var(--color-primary);
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
}
.cv-landing-side-note > div p {
  color: var(--color-text-secondary);
  font-size: 11px;
  margin: 0;
}
.cv-side-link {
  border-top: 1px solid var(--color-border);
  justify-content: space-between;
  margin-top: 16px;
  padding-top: 14px;
  width: 100%;
}
.cv-side-link svg {
  transform: rotate(180deg);
}
.cv-history-strip__heading {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.cv-history-strip h2 {
  font-size: 15px;
  margin: 3px 0 0;
}
.cv-history-strip__heading a {
  align-items: center;
  color: var(--color-primary);
  display: inline-flex;
  font-size: 10px;
  gap: 2px;
}
.cv-history-strip__heading a svg {
  transform: rotate(180deg);
}
.cv-history-items {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}
.cv-history-item {
  align-items: center;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  display: flex;
  gap: 9px;
  padding: 9px;
}
.cv-history-item:hover {
  border-color: var(--color-primary);
}
.cv-history-item__icon {
  align-items: center;
  background: var(--color-primary-subtle);
  color: var(--color-primary);
  display: flex;
  height: 29px;
  justify-content: center;
  width: 29px;
}
.cv-history-item > span:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.cv-history-item strong {
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cv-history-item small {
  color: var(--color-text-muted);
  font-size: 9px;
}
.cv-access-gate {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: clamp(48px, 13vh, 150px) auto;
  max-width: 520px;
  padding: 24px;
  text-align: center;
}
.cv-access-gate__icon {
  align-items: center;
  background: var(--color-primary-subtle);
  border: 1px solid color-mix(in srgb, var(--color-primary) 28%, transparent);
  border-radius: 14px;
  color: var(--color-primary);
  display: flex;
  height: 56px;
  justify-content: center;
  margin-bottom: 18px;
  width: 56px;
}
.cv-access-gate h1 {
  font-size: clamp(23px, 4vw, 32px);
  letter-spacing: -.04em;
  line-height: 1.12;
  margin: 9px 0 12px;
}
.cv-access-gate > p:not(.cv-eyebrow) {
  color: var(--color-text-secondary);
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 21px;
}
.cv-access-gate .cv-primary-button {
  text-decoration: none;
}
.cv-access-gate .cv-text-button {
  margin-top: 10px;
}
.cv-page-loading {
  align-items: center;
  color: var(--color-text-secondary);
  display: flex;
  gap: 8px;
  justify-content: center;
  min-height: 350px;
}
.cv-page-loading svg {
  color: var(--color-primary);
}
.cv-evidence-failure {
  align-items: flex-start;
  background: color-mix(in srgb, var(--color-warning) 7%, var(--color-surface));
  border: 1px solid color-mix(in srgb, var(--color-warning) 30%, var(--color-border));
  border-radius: var(--radius-card);
  display: flex;
  gap: 14px;
  margin-bottom: 22px;
  padding: 19px 21px;
}
.cv-evidence-failure__mark {
  align-items: center;
  background: color-mix(in srgb, var(--color-warning) 14%, transparent);
  border-radius: 9px;
  color: var(--color-warning);
  display: flex;
  flex: none;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.cv-evidence-failure h2 {
  font-size: 18px;
  margin: 5px 0 7px;
}
.cv-evidence-failure p:not(.cv-eyebrow) {
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
  max-width: 68ch;
}
.cv-evidence-failure__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.cv-export-modal {
  color: var(--color-text-primary);
  font-family:
    "Mohave",
    system-ui,
    sans-serif;
  padding: 25px;
}
.cv-export-modal button {
  font-family: inherit;
}
.cv-export-modal__heading {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.cv-export-modal__heading h2 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.05;
  margin: 5px 0 0;
}
.cv-export-modal__intro {
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 1.55;
  margin: 15px 0;
}
.cv-format-options {
  display: grid;
  gap: 8px;
}
.cv-format-option {
  align-items: center;
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-border);
  border-radius: 9px;
  color: var(--color-text-secondary);
  display: flex;
  gap: 11px;
  padding: 13px;
  text-align: left;
  width: 100%;
}
.cv-format-option:hover,
.cv-format-option.is-selected {
  border-color: var(--color-primary);
}
.cv-format-option.is-selected {
  background: var(--color-primary-subtle);
}
.cv-format-option > svg:first-child {
  color: var(--color-primary);
  flex: none;
}
.cv-format-option > span {
  display: grid;
  flex: 1;
  gap: 3px;
}
.cv-format-option strong {
  color: var(--color-text-primary);
  font-size: 12px;
}
.cv-format-option small {
  color: var(--color-text-muted);
  font-size: 10px;
  line-height: 1.4;
}
.cv-format-option > svg:last-child {
  color: var(--color-primary);
}
.cv-export-continue {
  margin-top: 16px;
  width: 100%;
}
.cv-export-limit-note {
  color: var(--color-warning);
  font-size: 10px;
  line-height: 1.5;
  margin: 9px 0 0;
  text-align: center;
}
.cv-export-success {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 22px 0 5px;
  text-align: center;
}
.cv-export-success__mark {
  align-items: center;
  background: var(--color-primary-subtle);
  border: 1px solid color-mix(in srgb, var(--color-primary) 32%, transparent);
  border-radius: 50%;
  color: var(--color-primary);
  display: flex;
  height: 58px;
  justify-content: center;
  margin-bottom: 17px;
  width: 58px;
}
.cv-export-success h2 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.08;
  margin: 0;
  max-width: 16ch;
}
.cv-export-success p {
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 1.5;
  margin: 10px 0 19px;
  max-width: 32ch;
}
.cv-export-success .cv-primary-button,
.cv-export-success .cv-secondary-button {
  width: 100%;
}
.cv-export-success .cv-secondary-button {
  margin-top: 8px;
}
.cv-export-text-button {
  background: transparent;
  border: 0;
  color: var(--color-primary);
  font-size: 11px;
  margin-top: 15px;
}
.cv-review-page {
  min-height: calc(100vh - var(--reasoned-topbar-height, 66px));
}
@media (max-width: 900px) {
  .cv-landing-header {
    align-items: stretch;
    flex-direction: column;
  }
  .cv-usage-rail {
    max-width: none;
  }
  .cv-landing-grid {
    grid-template-columns: 1fr;
  }
  .cv-landing-grid aside {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: static;
  }
}
@media (max-width: 640px) {
  .cv-tailor-shell--page {
    padding: 16px 12px 28px;
  }
  .cv-landing-header h1 {
    font-size: 37px;
  }
  .cv-landing-header p:last-child {
    font-size: 13px;
  }
  .cv-landing-trust {
    align-items: flex-start;
    flex-direction: column;
    padding: 17px;
  }
  .cv-trust-stat {
    margin-left: 46px;
  }
  .cv-usage-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
  }
  .cv-usage-rail > div {
    padding: 12px 11px;
  }
  .cv-usage-rail strong {
    font-size: 18px;
  }
  .cv-tailoring-input {
    padding: 18px 15px;
  }
  .cv-template-options {
    grid-template-columns: 1fr;
  }
  .cv-template-option {
    min-height: 58px;
  }
  .cv-input-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .cv-input-actions .cv-primary-button {
    width: 100%;
  }
  .cv-usage-inline {
    justify-content: space-between;
  }
  .cv-standard-escape {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
  .cv-landing-grid aside {
    display: flex;
  }
  .cv-evidence-failure {
    padding: 16px;
  }
  .cv-evidence-failure__actions {
    align-items: stretch;
    flex-direction: column;
  }
  .cv-evidence-failure__actions button {
    width: 100%;
  }
  .cv-export-modal {
    padding: 19px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cv-progress-track > span,
  .cv-primary-button,
  .cv-secondary-button,
  .cv-add-button {
    animation: none !important;
    transition: none !important;
  }
  .cv-progress-track--indeterminate > span {
    left: 31%;
    transform: none;
  }
}
.cv-accordion-trigger {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 14px 0;
  text-align: left;
  width: 100%;
}
.cv-accordion-trigger:hover .cv-accordion-title {
  color: var(--color-primary);
}
.cv-accordion-header-left {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cv-accordion-title {
  font-family: var(--cv-font-display);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.02em;
  margin: 0;
  transition: color 0.15s ease;
}
.cv-accordion-count-badge {
  background: var(--color-surface-elevated, #27272a);
  border: 1px solid var(--color-border);
  border-radius: 999px;
  color: var(--color-text-secondary);
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
}
.cv-accordion-missing-badge {
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 999px;
  color: #f87171;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
}
.cv-accordion-chevron {
  color: var(--color-text-muted);
  transition: transform 0.2s ease;
}
.cv-accordion-chevron.is-open {
  transform: rotate(180deg);
}
.cv-accordion-content {
  padding-top: 10px;
  padding-bottom: 8px;
}
.cv-review-prompt-banner {
  align-items: flex-start;
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: var(--radius-input, 8px);
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  padding: 14px 16px;
}
.cv-review-prompt-banner__icon {
  color: #f59e0b;
  flex-shrink: 0;
  margin-top: 2px;
}
.cv-review-prompt-banner__content {
  flex: 1;
}
.cv-review-prompt-banner__content strong {
  color: #fbbf24;
  display: block;
  font-size: 13px;
  margin-bottom: 4px;
}
.cv-review-prompt-banner__content p {
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 10px;
}
.cv-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.cv-tag-chip {
  align-items: center;
  background: var(--color-surface-elevated, #27272a);
  border: 1px solid var(--color-border);
  border-radius: 999px;
  color: var(--color-text-primary);
  display: inline-flex;
  font-size: 12px;
  gap: 6px;
  padding: 4px 10px;
}
.cv-tag-chip button {
  background: transparent;
  border: none;
  color: var(--color-text-muted);
  cursor: pointer;
  display: flex;
  padding: 0;
}
.cv-tag-chip button:hover {
  color: #f87171;
}

/* src/app/pages/student/StudentDiscoverRoles.css */
.student-discover-page {
  --discover-ink: oklch(0.93 0.016 155);
  --discover-copy: oklch(0.72 0.025 155);
  --discover-muted: oklch(0.57 0.022 155);
  --discover-bg: oklch(0.105 0.015 158);
  --discover-panel: oklch(0.145 0.018 158);
  --discover-panel-raised: oklch(0.18 0.024 158);
  --discover-line: oklch(0.29 0.024 158 / 0.7);
  --discover-line-soft: oklch(0.24 0.02 158 / 0.58);
  --discover-accent: #00C281;
  --discover-accent-soft: rgba(0, 194, 129, 0.13);
  --discover-accent-ink: #061c15;
  color: var(--discover-ink);
}
.student-discover-page button {
  -webkit-tap-highlight-color: transparent;
}
.student-discover-page .discover-toolbar {
  gap: 12px;
  margin-bottom: 10px !important;
}
.student-discover-page .discover-view-toggle {
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--discover-line);
  border-radius: 12px;
  background: var(--discover-panel);
}
.student-discover-page .discover-view-toggle__button {
  min-height: 36px;
  padding-inline: 16px;
  border-radius: 9px;
  color: var(--discover-muted);
}
.student-discover-page .discover-view-toggle__button:hover {
  color: var(--discover-copy);
  background: oklch(0.21 0.02 158 / 0.72);
}
.student-discover-page .discover-view-toggle__button.is-active {
  color: var(--discover-accent);
  background: rgba(0, 194, 129, 0.14);
  box-shadow: inset 0 0 0 1px rgba(0, 194, 129, 0.25);
}
.student-discover-page .discover-saved-count {
  display: inline-flex;
  min-width: 17px;
  height: 17px;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--discover-accent-soft);
  color: var(--discover-accent);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}
.student-discover-page .discover-search {
  min-height: 44px;
  padding-inline: 16px !important;
  border: 1px solid var(--discover-line);
  border-radius: 12px !important;
  background: var(--discover-panel);
  color: var(--discover-ink);
  box-shadow: none;
}
.student-discover-page .discover-search:hover {
  border-color: oklch(0.37 0.025 158);
}
.student-discover-page .discover-search:focus-within {
  border-color: var(--discover-accent) !important;
  box-shadow: 0 0 0 3px rgba(0, 194, 129, 0.12);
}
.student-discover-page .discover-search input::placeholder {
  color: var(--discover-muted);
}
.student-discover-page .discover-filter-row {
  gap: 8px;
  margin-bottom: 20px !important;
}
.student-discover-page .discover-filter-button {
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid var(--discover-line-soft);
  border-radius: 9px;
  background: transparent;
  color: var(--discover-muted);
}
.student-discover-page .discover-filter-button:hover {
  border-color: var(--discover-line);
  background: oklch(0.18 0.018 158);
  color: var(--discover-copy);
}
.student-discover-page .discover-filter-button.is-active {
  border-color: rgba(0, 194, 129, 0.45);
  background: var(--discover-accent-soft);
  color: var(--discover-accent);
}
.student-discover-page .discover-interest-counter {
  border: 1px solid var(--discover-line);
  background: var(--discover-panel);
}
.student-discover-page .discover-role-row {
  margin-bottom: 34px !important;
}
.student-discover-page .discover-role-row__header {
  margin-bottom: 14px !important;
}
.student-discover-page .discover-role-row__header h2 {
  gap: 9px;
  font-size: 15px !important;
  letter-spacing: -0.01em;
}
.student-discover-page .discover-role-row__header h2 svg {
  width: 16px;
  height: 16px;
  opacity: 0.9;
}
.student-discover-page .discover-row-controls {
  gap: 6px;
}
.student-discover-page .discover-row-control {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--discover-line);
  background: var(--discover-panel);
  color: var(--discover-muted);
}
.student-discover-page .discover-row-control:hover {
  border-color: var(--discover-line);
  background: var(--discover-panel-raised);
  color: var(--discover-ink);
}
.student-discover-page .discover-role-row__track {
  gap: 14px !important;
  scroll-padding-inline: 12px;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: -12px;
  margin-bottom: -12px;
}
.student-discover-page .discover-role-card-wrap {
  height: 292px;
}
.student-discover-page .discover-role-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-color: var(--discover-line-soft) !important;
  border-radius: 15px !important;
  background: var(--discover-panel) !important;
  box-shadow: 0 8px 22px oklch(0.04 0.01 158 / 0.28) !important;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease;
}
.student-discover-page .discover-role-card:hover {
  border-color: rgba(0, 194, 129, 0.42) !important;
  background: var(--discover-panel-raised) !important;
  box-shadow: 0 12px 28px oklch(0.04 0.01 158 / 0.38) !important;
}
.student-discover-page .discover-role-card__header {
  flex: 0 0 96px;
  height: 96px;
  border-bottom: 1px solid oklch(0.75 0.025 158 / 0.11);
}
.student-discover-page .discover-role-card__header.has-ai-tag,
.student-discover-page .discover-role-card__header:has(.discover-ai-tag) {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 8px;
  align-content: center;
  align-items: center;
  flex: 0 0 114px;
  height: 114px;
  padding: 12px 16px !important;
}
.student-discover-page .discover-role-card__header.has-ai-tag .discover-firm-mark,
.student-discover-page .discover-role-card__header:has(.discover-ai-tag) .discover-firm-mark {
  grid-column: 1;
  grid-row: 1;
}
.student-discover-page .discover-role-card__header.has-ai-tag > .flex-1,
.student-discover-page .discover-role-card__header:has(.discover-ai-tag) > .flex-1 {
  grid-column: 2;
  grid-row: 1;
  padding-right: 28px;
}
.student-discover-page .discover-role-card__header.has-ai-tag .discover-ai-tag,
.student-discover-page .discover-role-card__header:has(.discover-ai-tag) .discover-ai-tag {
  position: static;
  grid-column: 1 / -1;
  grid-row: 2;
  justify-self: start;
}
.student-discover-page .discover-firm-mark {
  width: 38px;
  height: 38px;
  border: 1px solid oklch(0.88 0.018 158 / 0.15);
  border-radius: 10px;
  background: oklch(0.92 0.02 158 / 0.12);
  color: var(--discover-ink);
  font-size: 11px;
  letter-spacing: 0.035em;
}
.student-discover-page .discover-firm-name {
  margin-bottom: 4px;
  overflow: hidden;
  color: oklch(0.85 0.018 158 / 0.68);
  font-size: 10px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.student-discover-page .discover-role-card__header > .flex-1 {
  padding-right: 24px;
}
.student-discover-page .discover-role-title {
  display: -webkit-box;
  overflow: hidden;
  color: var(--discover-ink);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.28;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.student-discover-page .discover-save-button {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid oklch(0.82 0.02 158 / 0.13);
  background: oklch(0.06 0.012 158 / 0.38);
  color: oklch(0.88 0.018 158 / 0.74);
}
.student-discover-page .discover-save-button:hover {
  border-color: rgba(0, 194, 129, 0.4);
  background: rgba(0, 194, 129, 0.14);
  color: var(--discover-accent);
}
.student-discover-page .discover-ai-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid rgba(0, 194, 129, 0.3);
  background: oklch(0.06 0.012 158 / 0.35);
  color: var(--discover-accent);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.045em;
  line-height: 1.15;
  text-transform: uppercase;
}
.student-discover-page .discover-role-card__body {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  padding: 14px 16px 15px !important;
}
.student-discover-page .discover-role-card__meta {
  min-height: 23px;
  margin-bottom: 11px;
}
.student-discover-page .discover-match-pill {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  min-height: 23px;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 7px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}
.student-discover-page .discover-match-pill .score-display {
  font-size: 11px;
  font-weight: 750;
}
.student-discover-page .discover-match-pill--strong {
  border-color: rgba(0, 194, 129, 0.24);
  background: var(--discover-accent-soft);
  color: var(--discover-accent);
}
.student-discover-page .discover-match-pill--good {
  border-color: oklch(0.75 0.13 80 / 0.25);
  background: oklch(0.75 0.13 80 / 0.11);
  color: oklch(0.79 0.13 83);
}
.student-discover-page .discover-match-pill--quiet {
  border-color: var(--discover-line-soft);
  background: oklch(0.23 0.018 158);
  color: var(--discover-copy);
}
.student-discover-page .discover-type-label {
  overflow: hidden;
  color: var(--discover-copy);
  font-size: 10px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.student-discover-page .discover-role-card__details {
  display: grid;
  gap: 5px;
  margin-bottom: 7px;
  color: var(--discover-copy);
  font-size: 11px;
  line-height: 1.3;
}
.student-discover-page .discover-role-card__details > span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.student-discover-page .discover-role-card__details svg {
  flex: 0 0 auto;
  color: var(--discover-muted);
}
.student-discover-page .discover-salary {
  color: var(--discover-ink);
  font-weight: 600;
}
.student-discover-page .discover-deadline {
  display: flex;
  min-height: 17px;
  align-items: center;
  gap: 6px;
  margin-bottom: 13px;
  color: var(--discover-muted);
  font-size: 10px;
}
.student-discover-page .discover-deadline svg {
  flex: 0 0 auto;
}
.student-discover-page .discover-deadline--soon {
  color: oklch(0.75 0.15 25);
}
.student-discover-page .discover-interest-button,
.student-discover-page .discover-interest-state {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  align-items: center;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.005em;
}
.student-discover-page .discover-interest-button {
  margin-top: auto;
  background: var(--discover-accent);
  color: var(--discover-accent-ink);
}
.student-discover-page .discover-interest-button:hover:not(:disabled) {
  background: #00D68F;
  box-shadow: 0 4px 14px rgba(0, 194, 129, 0.28);
}
.student-discover-page .discover-interest-state {
  display: flex;
  margin-top: auto;
  justify-content: center;
  border: 1px solid rgba(0, 194, 129, 0.28);
  background: var(--discover-accent-soft);
  color: var(--discover-accent);
}
.student-discover-page .discover-saved-list {
  display: grid;
  gap: 10px;
}
.student-discover-page .discover-saved-item {
  min-height: 78px;
  border: 1px solid var(--discover-line-soft) !important;
  border-radius: 12px !important;
  background: var(--discover-panel) !important;
  box-shadow: none;
  transition: border-color 180ms ease, background 180ms ease;
}
.student-discover-page .discover-saved-item:hover {
  border-color: var(--discover-line) !important;
  background: var(--discover-panel-raised) !important;
}
.student-discover-page .student-discover-hero {
  margin-bottom: 22px !important;
}
.student-discover-page .discover-hero-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  height: 100%;
  padding: 20px 22px;
  box-sizing: border-box;
}
.student-discover-page .discover-hero-content__details {
  min-width: 0;
  overflow: hidden;
  gap: 16px;
}
.student-discover-page .discover-hero-content__mark {
  width: 52px;
  height: 52px;
  border-radius: 11px;
}
.student-discover-page .discover-hero-content__copy {
  display: grid;
  gap: 4px;
}
.student-discover-page .discover-hero-content__eyebrow {
  gap: 8px;
}
.student-discover-page .discover-hero-content__firm {
  line-height: 1.25;
}
.student-discover-page .discover-hero-content__title {
  font-size: 20px !important;
}
.student-discover-page .discover-hero-content__meta {
  gap: 10px;
  flex-wrap: wrap;
}
.student-discover-page .discover-hero-actions {
  z-index: 1;
  min-width: 0;
  gap: 8px;
}
.student-discover-page .discover-hero-frame {
  border-radius: 15px !important;
}
.student-discover-page .discover-hero-slide {
  background-image: none !important;
}
.student-discover-page .discover-hero-featured {
  padding: 3px 7px;
  border: 1px solid oklch(0.78 0.13 84 / 0.34);
  background: oklch(0.75 0.13 84 / 0.12);
  color: oklch(0.82 0.13 84);
  font-size: 10px;
  line-height: 1.2;
}
.student-discover-page .discover-hero-button {
  min-height: 42px;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  white-space: nowrap;
}
.student-discover-page .discover-hero-button:focus-visible,
.student-discover-page .discover-filter-button:focus-visible,
.student-discover-page .discover-view-toggle__button:focus-visible {
  outline: 2px solid var(--discover-accent);
  outline-offset: 2px;
}
.student-discover-page .discover-hero-button--primary {
  min-width: 154px;
  background: var(--discover-accent) !important;
  color: var(--discover-accent-ink) !important;
}
.student-discover-page .discover-hero-button--primary:hover {
  background: var(--discover-accent) !important;
}
.student-discover-page .discover-hero-button--secondary {
  border: 1px solid oklch(0.82 0.02 158 / 0.18);
  background: oklch(0.9 0.02 158 / 0.1) !important;
  color: var(--discover-ink) !important;
}
.student-discover-page .discover-hero-button--secondary:hover {
  background: oklch(0.9 0.02 158 / 0.16) !important;
}
.student-discover-page .discover-hero-badge {
  border-radius: 7px !important;
}
@media (max-width: 767px) {
  .student-discover-page .discover-toolbar {
    gap: 10px;
  }
  .student-discover-page .discover-search {
    flex-basis: 100%;
    order: 2;
  }
  .student-discover-page .discover-filter-row {
    margin-bottom: 19px !important;
  }
  .student-discover-page .discover-role-row {
    margin-bottom: 27px !important;
  }
  .student-discover-page .discover-role-row__track {
    gap: 10px !important;
  }
  .student-discover-page .discover-role-card-wrap {
    height: 292px;
  }
  .student-discover-page .discover-role-card {
    height: 100%;
  }
  .student-discover-page .discover-role-card__header {
    flex-basis: 96px;
    height: 94px;
  }
  .student-discover-page .discover-role-card__header.has-ai-tag,
  .student-discover-page .discover-role-card__header:has(.discover-ai-tag) {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 8px;
    align-content: center;
    align-items: center;
    flex-basis: 112px;
    height: 112px;
    padding: 12px 14px !important;
  }
  .student-discover-page .discover-role-card__header.has-ai-tag .discover-firm-mark,
  .student-discover-page .discover-role-card__header:has(.discover-ai-tag) .discover-firm-mark {
    grid-column: 1;
    grid-row: 1;
  }
  .student-discover-page .discover-role-card__header.has-ai-tag > .flex-1,
  .student-discover-page .discover-role-card__header:has(.discover-ai-tag) > .flex-1 {
    grid-column: 2;
    grid-row: 1;
    padding-right: 24px;
  }
  .student-discover-page .discover-role-card__header.has-ai-tag .discover-ai-tag,
  .student-discover-page .discover-role-card__header:has(.discover-ai-tag) .discover-ai-tag {
    position: static;
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: start;
  }
  .student-discover-page .discover-role-card__body {
    padding: 13px 13px 14px !important;
  }
  .student-discover-page .student-discover-hero {
    margin-bottom: 23px !important;
  }
  .student-discover-page .discover-hero-mobile-content {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 16px;
    box-sizing: border-box;
  }
  .student-discover-page .discover-hero-mobile-content__mark {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    font-size: 12px;
    letter-spacing: 0.025em;
  }
  .student-discover-page .discover-hero-mobile-content__copy {
    display: grid;
    gap: 3px;
  }
  .student-discover-page .discover-hero-mobile-content__copy > p {
    font-size: 11px;
    line-height: 1.2;
  }
  .student-discover-page .discover-hero-mobile-content__copy > h2 {
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  .student-discover-page .discover-hero-mobile-content__meta {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.6);
    font-size: 10px;
  }
  .student-discover-page .discover-hero-mobile-content__meta > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .student-discover-page .discover-hero-mobile-content__match {
    flex: 0 0 auto;
    padding: 3px 5px;
    border-radius: 5px;
    background: rgba(0, 194, 129, 0.18);
    color: var(--discover-accent);
    font-weight: 700;
    line-height: 1;
  }
  .student-discover-page .discover-hero-mobile-content__arrow {
    color: rgba(255, 255, 255, 0.58);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .student-discover-page .discover-hero-content {
    gap: 16px;
    padding-inline: 18px;
  }
  .student-discover-page .discover-hero-actions {
    width: 138px;
    flex-direction: column;
    gap: 6px;
  }
  .student-discover-page .discover-hero-content__mark {
    width: 44px;
    height: 44px;
  }
  .student-discover-page .discover-hero-content__title {
    font-size: 18px !important;
  }
  .student-discover-page .discover-hero-content__meta {
    gap: 8px;
  }
  .student-discover-page .discover-hero-button {
    width: 100%;
    padding-inline: 11px !important;
  }
  .student-discover-page .discover-hero-button--primary {
    min-width: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .student-discover-page *,
  .student-discover-page *::before,
  .student-discover-page *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* src/app/pages/student/StudentCVLibrary.css */
.cv-library-page {
  --cv-library-font-body:
    "Mohave",
    system-ui,
    sans-serif;
  --cv-library-font-display: "Bebas Neue", sans-serif;
  color: var(--color-text-primary);
  container: cv-library / inline-size;
  font-family: var(--cv-library-font-body);
  padding: 24px 0 60px;
  width: 100%;
}
.cv-library-page :is(button, input, select) {
  font-family: inherit;
}
.cv-library-page :is(h1, h2) {
  font-family: var(--cv-library-font-display);
  font-weight: 400;
}
.cv-library-header {
  align-items: flex-end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 24px;
}
.cv-library-header > div {
  min-width: 0;
}
.cv-library-header h1 {
  font-size: clamp(40px, 5vw, 54px);
  letter-spacing: .015em;
  line-height: 1;
  margin: 8px 0 10px;
}
.cv-library-header p:last-child {
  color: var(--color-text-secondary);
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  max-width: 54ch;
}
.cv-library-back {
  align-items: center;
  color: var(--color-text-secondary);
  display: inline-flex;
  font-size: 13px;
  gap: 6px;
  margin-bottom: 18px;
}
.cv-library-back:hover {
  color: var(--color-primary);
}
.cv-library-tools {
  align-items: center;
  border-bottom: 1px solid var(--color-border);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 16px;
}
.cv-library-search {
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  color: var(--color-text-muted);
  display: flex;
  gap: 8px;
  max-width: 420px;
  padding: 0 11px;
  width: 100%;
}
.cv-library-search input {
  background: transparent;
  border: 0;
  color: var(--color-text-primary);
  font: inherit;
  font-size: 13px;
  min-height: 40px;
  min-width: 0;
  outline: none;
  width: 100%;
}
.cv-library-tools select,
.cv-outcome-select select {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  color: var(--color-text-secondary);
  font: inherit;
  font-size: 12px;
  min-height: 40px;
  padding: 0 10px;
}
.cv-library-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cv-library-tile {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  overflow: hidden;
  position: relative;
}
.cv-library-tile:hover {
  border-color: color-mix(in srgb, var(--color-primary) 40%, var(--color-border));
}
.cv-library-tile__preview {
  align-items: center;
  background:
    linear-gradient(
      135deg,
      #0d1f25,
      #11121d);
  color: var(--color-primary);
  display: flex;
  height: 154px;
  justify-content: center;
  position: relative;
}
.cv-library-tile__preview::after {
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 2px;
  content: "";
  height: 111px;
  position: absolute;
  transform: translateY(-8px);
  width: 80px;
}
.cv-library-tile__preview svg {
  position: relative;
  transform: translateY(-8px);
  z-index: 1;
}
.cv-library-tile__preview span {
  bottom: 10px;
  color: var(--color-text-muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  line-height: 1;
  position: absolute;
  text-transform: uppercase;
}
.cv-library-tile__preview.template-project-led {
  background:
    linear-gradient(
      135deg,
      #12261f,
      #101922);
  color: #25c7af;
}
.cv-library-tile__preview.template-alternate {
  background:
    linear-gradient(
      135deg,
      #201928,
      #121927);
  color: #9b8cff;
}
.cv-library-tile__body {
  padding: 16px;
}
.cv-library-tile__title {
  align-items: flex-start;
  display: flex;
  gap: 7px;
  justify-content: space-between;
}
.cv-library-tile__title > div {
  min-width: 0;
}
.cv-library-tile__title h2 {
  display: -webkit-box;
  font-size: 20px;
  letter-spacing: .015em;
  line-height: 1.1;
  margin: 0;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cv-library-tile__title p {
  color: var(--color-text-muted);
  font-size: 11px;
  margin: 6px 0 0;
}
.cv-library-badge,
.cv-outcome {
  border: 1px solid var(--color-border);
  border-radius: 999px;
  display: inline-flex;
  font-size: 10px;
  margin-top: 12px;
  padding: 4px 7px;
}
.cv-library-badge.is-processing {
  background: rgba(0, 163, 255, .08);
  border-color: rgba(0, 163, 255, .3);
  color: var(--color-accent-blue);
}
.cv-library-badge.is-pending {
  background: rgba(245, 158, 11, .08);
  border-color: rgba(245, 158, 11, .3);
  color: var(--color-warning);
}
.cv-outcome {
  background: var(--color-primary-subtle);
  border-color: color-mix(in srgb, var(--color-primary) 30%, transparent);
  color: var(--color-primary);
}
.cv-library-actions {
  border-top: 1px solid var(--color-border);
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 15px;
  padding-top: 11px;
}
.cv-library-actions button,
.cv-library-menu button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-text-secondary);
  display: inline-flex;
  font-size: 11px;
  gap: 5px;
  padding: 6px;
}
.cv-library-actions button:hover,
.cv-library-menu button:hover {
  color: var(--color-primary);
}
.cv-library-actions button:disabled {
  cursor: not-allowed;
  opacity: .4;
}
.cv-library-menu {
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  box-shadow: var(--shadow-card);
  display: grid;
  gap: 2px;
  margin-top: 7px;
  padding: 5px;
  position: absolute;
  right: 12px;
  top: 154px;
  z-index: 2;
}
.cv-library-menu[hidden] {
  display: none;
}
.cv-library-menu button {
  width: 100%;
}
.cv-library-menu .is-danger:hover {
  color: var(--color-error);
}
.cv-outcome-select {
  align-items: center;
  display: flex;
  gap: 7px;
  justify-content: space-between;
  margin-top: 11px;
}
.cv-outcome-select span {
  color: var(--color-text-muted);
  font-size: 10px;
}
.cv-outcome-select select {
  font-size: 10px;
  min-height: 29px;
}
.cv-library-empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 420px;
  padding: 25px;
  text-align: center;
}
.cv-library-empty__icon {
  align-items: center;
  background: var(--color-primary-subtle);
  border: 1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);
  border-radius: 13px;
  color: var(--color-primary);
  display: flex;
  height: 54px;
  justify-content: center;
  margin-bottom: 15px;
  width: 54px;
}
.cv-library-empty > svg {
  color: var(--color-primary);
  margin-bottom: 12px;
}
.cv-library-empty h2 {
  font-size: 28px;
  letter-spacing: .015em;
  margin: 0 0 8px;
}
.cv-library-empty p {
  color: var(--color-text-secondary);
  font-size: 13px;
  margin: 0 0 18px;
}
.cv-primary-button {
  align-items: center;
  background: var(--color-primary);
  border: 0;
  border-radius: 8px;
  color: #0d1217;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--cv-library-font-body);
  font-size: 13px;
  font-weight: 600;
  gap: 7px;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  transition: opacity 0.15s ease, transform 0.1s ease;
}
.cv-primary-button:hover:not(:disabled) {
  opacity: 0.92;
  transform: translateY(-1px);
}
.cv-primary-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cv-primary-button.is-danger-btn {
  background: var(--color-error, #f43f5e);
  color: #fff;
}
.cv-secondary-button {
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  color: var(--color-text-primary);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--cv-library-font-body);
  font-size: 13px;
  font-weight: 500;
  gap: 7px;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.cv-secondary-button:hover:not(:disabled) {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.cv-secondary-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cv-icon-button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--color-text-muted);
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  transition: color 0.15s ease;
  width: 32px;
}
.cv-icon-button:hover {
  color: var(--color-text-primary);
}
.cv-eyebrow {
  color: var(--color-primary);
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  line-height: 1;
  margin: 0 0 4px;
  text-transform: uppercase;
}
.cv-compare-dialog {
  display: flex;
  flex-direction: column;
  max-height: 88vh;
  padding: 24px;
  position: relative;
  width: 100%;
}
.cv-compare-header {
  align-items: flex-start;
  border-bottom: 1px solid var(--color-border);
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
  padding-bottom: 16px;
}
.cv-compare-header h2 {
  font-family: var(--cv-library-font-display);
  font-size: 28px;
  letter-spacing: 0.02em;
  line-height: 1.1;
  margin: 4px 0 0;
}
.cv-compare-header p {
  color: var(--color-text-secondary);
  font-size: 13px;
  margin: 4px 0 0;
}
.cv-compare-state {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  min-height: 260px;
  padding: 32px;
  text-align: center;
}
.cv-compare-state--loading {
  color: var(--color-text-secondary);
}
.cv-compare-state--loading svg {
  color: var(--color-primary);
}
.cv-compare-state--error {
  color: var(--color-error, #f43f5e);
}
.cv-compare-state--empty {
  color: var(--color-text-muted);
}
.cv-compare-scroll-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow-y: auto;
  padding-right: 4px;
}
.cv-compare-columns-header {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cv-compare-meta-card {
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
}
.cv-version-tag {
  align-self: flex-start;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  color: var(--color-text-muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 2px 6px;
  text-transform: uppercase;
}
.cv-version-tag--target {
  background: var(--color-primary-subtle);
  border-color: color-mix(in srgb, var(--color-primary) 35%, transparent);
  color: var(--color-primary);
}
.cv-compare-meta-card h3 {
  font-family: var(--cv-library-font-display);
  font-size: 20px;
  letter-spacing: 0.015em;
  line-height: 1.15;
  margin: 0;
}
.cv-compare-meta-card p {
  align-items: center;
  color: var(--color-text-secondary);
  display: flex;
  flex-wrap: wrap;
  font-size: 11px;
  gap: 6px;
  margin: 0;
}
.cv-template-pill {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  color: var(--color-text-muted);
  font-size: 10px;
  padding: 1px 5px;
  text-transform: capitalize;
}
.cv-diff-reorder-notice {
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.25);
  border-radius: 8px;
  color: var(--color-warning, #f59e0b);
  display: flex;
  flex-direction: column;
  font-size: 12px;
  gap: 4px;
  padding: 10px 14px;
}
.cv-diff-reorder-notice strong {
  font-weight: 600;
}
.cv-diff-reorder-notice span {
  color: var(--color-text-secondary);
  font-size: 11px;
  line-height: 1.4;
}
.cv-diff-section {
  border-top: 1px solid var(--color-border);
  padding-top: 16px;
}
.cv-diff-section__title {
  color: var(--color-text-secondary);
  font-family: var(--cv-library-font-display);
  font-size: 16px;
  letter-spacing: 0.03em;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.cv-diff-row {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cv-diff-row.cv-diff-entry {
  margin-bottom: 12px;
}
.cv-diff-col {
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
}
.cv-diff-col.is-absent {
  background: transparent;
  border-style: dashed;
  justify-content: center;
  opacity: 0.6;
}
.cv-diff-entry__header {
  color: var(--color-text-primary);
  font-size: 13px;
  line-height: 1.3;
}
.cv-diff-entry__header strong {
  font-weight: 600;
}
.cv-diff-entry__header span {
  color: var(--color-text-secondary);
}
.cv-diff-entry__header small {
  color: var(--color-text-muted);
  display: block;
  font-size: 11px;
  margin-top: 2px;
}
.cv-diff-tag {
  border-radius: 4px;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  width: fit-content;
}
.cv-diff-tag--added {
  background: var(--color-primary-subtle);
  border: 1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);
  color: var(--color-primary);
}
.cv-diff-tag--removed {
  background: rgba(244, 63, 94, 0.1);
  border: 1px solid rgba(244, 63, 94, 0.3);
  color: #ff8095;
}
.cv-diff-content {
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
  white-space: pre-wrap;
}
.cv-diff-ins {
  background: rgba(0, 204, 137, 0.18);
  border-radius: 3px;
  color: var(--color-primary);
  font-weight: 600;
  padding: 1px 3px;
  text-decoration: none;
}
.cv-diff-del {
  background: rgba(244, 63, 94, 0.16);
  border-radius: 3px;
  color: #ff8095;
  padding: 1px 3px;
  text-decoration: line-through;
}
.cv-diff-empty-placeholder {
  color: var(--color-text-muted);
  font-size: 12px;
  font-style: italic;
  margin: 0;
  text-align: center;
}
.cv-diff-skills-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.cv-skill-pill {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  color: var(--color-text-secondary);
  display: inline-block;
  font-size: 11px;
  line-height: 1.45;
  padding: 4px 8px;
}
.cv-skill-pill--added {
  background: var(--color-primary-subtle);
  border-color: color-mix(in srgb, var(--color-primary) 40%, transparent);
  color: var(--color-primary);
  font-weight: 500;
}
.cv-skill-pill--added mark {
  background: transparent;
  color: inherit;
  font-size: 10px;
}
.cv-skill-pill--removed {
  background: rgba(244, 63, 94, 0.08);
  border-color: rgba(244, 63, 94, 0.3);
  color: #ff8095;
}
.cv-skill-pill--removed del {
  color: inherit;
  font-size: 10px;
}
.cv-library-page .cv-export-modal {
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.cv-library-page .cv-export-modal__heading {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.cv-library-page .cv-export-modal__heading h2 {
  font-family: var(--cv-library-font-display);
  font-size: 28px;
  letter-spacing: 0.015em;
  line-height: 1.1;
  margin: 4px 0 0;
}
.cv-library-page .cv-export-modal__intro {
  color: var(--color-text-secondary);
  font-size: 13px;
  line-height: 1.45;
  margin: 0 0 20px;
}
.cv-library-page .cv-format-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.cv-library-page .cv-format-option {
  align-items: center;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  color: var(--color-text-primary);
  cursor: pointer;
  display: flex;
  gap: 12px;
  padding: 12px 14px;
  text-align: left;
  transition: border-color 0.15s ease, background 0.15s ease;
  width: 100%;
}
.cv-library-page .cv-format-option:hover {
  border-color: color-mix(in srgb, var(--color-primary) 50%, var(--color-border));
}
.cv-library-page .cv-format-option.is-selected {
  background: var(--color-primary-subtle);
  border-color: var(--color-primary);
}
.cv-library-page .cv-format-option svg:first-child {
  color: var(--color-text-muted);
  flex-shrink: 0;
}
.cv-library-page .cv-format-option.is-selected svg:first-child {
  color: var(--color-primary);
}
.cv-library-page .cv-format-option span {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
}
.cv-library-page .cv-format-option strong {
  font-size: 14px;
  font-weight: 600;
}
.cv-library-page .cv-format-option small {
  color: var(--color-text-muted);
  font-size: 11px;
}
.cv-library-page .cv-format-option svg:last-child {
  color: var(--color-primary);
  flex-shrink: 0;
}
.cv-inline-message {
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 16px;
  padding: 8px 12px;
}
.cv-inline-message--error {
  background: rgba(244, 63, 94, 0.1);
  border: 1px solid rgba(244, 63, 94, 0.3);
  color: #ff8095;
}
.cv-library-page .cv-export-continue {
  width: 100%;
}
.cv-library-page .cv-export-success {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 0;
  text-align: center;
}
.cv-library-page .cv-export-success__mark {
  align-items: center;
  background: var(--color-primary-subtle);
  border: 1px solid color-mix(in srgb, var(--color-primary) 40%, transparent);
  border-radius: 50%;
  color: var(--color-primary);
  display: flex;
  height: 52px;
  justify-content: center;
  margin-bottom: 4px;
  width: 52px;
}
.cv-library-page .cv-export-success h2 {
  font-family: var(--cv-library-font-display);
  font-size: 26px;
  letter-spacing: 0.015em;
  margin: 0;
}
.cv-library-page .cv-export-success p {
  color: var(--color-text-secondary);
  font-size: 13px;
  margin: 0 0 10px;
}
.cv-library-page .cv-export-success button {
  width: 100%;
}
.cv-library-page .cv-export-text-button {
  background: transparent;
  border: 0;
  color: var(--color-text-secondary);
  cursor: pointer;
  font-size: 12px;
  margin-top: 4px;
  padding: 6px;
  text-decoration: underline;
  transition: color 0.15s ease;
}
.cv-library-page .cv-export-text-button:hover {
  color: var(--color-primary);
}
.cv-confirm-dialog {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
}
.cv-confirm-dialog h2 {
  font-family: var(--cv-library-font-display);
  font-size: 24px;
  letter-spacing: 0.015em;
  line-height: 1.15;
  margin: 0;
}
.cv-confirm-dialog p {
  color: var(--color-text-secondary);
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 10px;
}
.cv-confirm-dialog__actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.cv-confirm-dialog__actions button {
  min-width: 90px;
}
@container cv-library (max-width: 980px) {
  .cv-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container cv-library (max-width: 620px) {
  .cv-library-header {
    align-items: stretch;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 22px;
  }
  .cv-library-header h1 {
    font-size: 42px;
  }
  .cv-library-header .cv-primary-button {
    justify-content: center;
    width: 100%;
  }
  .cv-library-tools {
    align-items: stretch;
    flex-direction: column;
  }
  .cv-library-tools select,
  .cv-library-search {
    max-width: none;
    width: 100%;
  }
  .cv-library-grid {
    grid-template-columns: 1fr;
  }
  .cv-library-tile__preview {
    height: 140px;
  }
  .cv-library-menu {
    top: 140px;
  }
  .cv-compare-columns-header,
  .cv-diff-row {
    grid-template-columns: 1fr;
  }
  .cv-confirm-dialog__actions {
    flex-direction: column-reverse;
  }
  .cv-confirm-dialog__actions button {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .cv-library-page {
    padding: 8px 0 40px;
  }
  .cv-compare-columns-header,
  .cv-diff-row {
    grid-template-columns: 1fr;
  }
}

/* src/app/pages/VideoResponses.css */
.video-responses__sticky-action {
  display: block;
}
.video-responses__sticky-action > button {
  width: 100%;
}
@media (max-width: 767px) {
  .video-responses__sticky-action {
    position: fixed;
    right: 0;
    bottom: var(--bottom-nav-height, 60px);
    left: 0;
    z-index: 29;
    padding: 10px 12px;
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
    box-shadow: 0 -14px 28px color-mix(in srgb, var(--color-background) 72%, transparent);
  }
}
.video-responses__empty {
  min-width: 0;
  max-width: 48rem;
  padding: 1.25rem 0;
  border-top: 1px solid var(--color-border);
  overflow-wrap: anywhere;
}
.video-responses__empty h2 {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 600;
}
.video-responses__empty p {
  max-width: 65ch;
  margin: 0.5rem 0 1rem;
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  line-height: 1.5;
}
.video-responses__empty-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  max-width: 100%;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: var(--color-primary);
  color: #000;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
}
.video-responses__empty-action:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}
@media (max-width: 767px) {
  .video-responses__empty-action {
    display: flex;
    width: 100%;
  }
}

/* src/app/pages/Assessments.css */
.assessments-page {
  --assessments-font-body:
    "Mohave",
    system-ui,
    -apple-system,
    sans-serif;
  --assessments-font-display: "Bebas Neue", sans-serif;
  color: var(--color-text-primary, #F0F0F5);
  font-family: var(--assessments-font-body);
  width: 100%;
}
@media (min-width: 768px) {
  .feature-contained-page.assessments-page {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: max-content;
    flex: 0 0 auto;
  }
  .feature-contained-page .assessments-page__header {
    flex-shrink: 0;
  }
  .feature-contained-page .assessments-page__content {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-height: 850px) {
  .feature-contained-page .assessments-page__header > div {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .feature-contained-page .assessments-page__content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .feature-contained-page .assessments-page__content > * + * {
    margin-top: 0;
  }
  .feature-contained-page .assessments-page__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .feature-contained-page .assessments-page__continue {
    padding: 18px 20px;
  }
}
.assessments-page :is(button, input, select, textarea) {
  font-family: var(--assessments-font-body);
}
.assessments-page :is(h1, h2, h3, .heading-display) {
  font-family: var(--assessments-font-display);
  font-weight: 400;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.assessments-page h1 {
  font-size: clamp(32px, 3.8vw, 44px);
  line-height: 1.05;
}
.assessments-page h2 {
  font-size: clamp(22px, 2.5vw, 28px);
  line-height: 1.15;
}
.assessments-page h3 {
  font-size: 20px;
  line-height: 1.2;
}
.assessments-page .score-display {
  font-family: var(--assessments-font-display);
  font-weight: 400;
  line-height: 1;
}
.assessments-page .text-body {
  font-family: var(--assessments-font-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}
.assessments-page .badge-pill {
  font-family: var(--assessments-font-body);
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.assessments-page .btn-action {
  font-family: var(--assessments-font-body);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .app-shell--contained .assessment-test-shell {
    min-height: 100%;
    height: 100%;
  }
  .app-shell--contained .assessment-test-shell__main {
    min-height: 0;
  }
  .app-shell--contained .assessment-results-page {
    min-height: 100%;
  }
}
@media (min-width: 768px) and (max-height: 850px) {
  .app-shell--contained .assessment-results-page {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .app-shell--contained .assessment-results-page__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}

/* src/app/pages/onboarding/student/v2/onboardingV2.css */
.ob2-root {
  --rt-bg-page: var(--color-background, #0a0a0f);
  --rt-bg-card: var(--color-surface, #12121a);
  --rt-bg-card-elevated: var(--color-surface-elevated, #1a1a26);
  --rt-green: var(--color-primary, #00c281);
  --rt-green-dark: var(--color-primary-dark, #00a369);
  --rt-green-dim: var(--color-primary-subtle, rgba(0, 194, 129, 0.12));
  --rt-green-mid: rgba(0, 194, 129, 0.25);
  --rt-green-border: rgba(0, 194, 129, 0.4);
  --rt-text-primary: var(--color-text-primary, #f0f0f5);
  --rt-text-secondary: var(--color-text-secondary, #8888a8);
  --rt-text-muted: var(--color-text-muted, #5a6a65);
  --rt-border: var(--color-border, #2a2a3a);
  --rt-radius-pill: 9999px;
  --rt-transition: var(--transition-base, 200ms ease);
  background: var(--rt-bg-page);
  color: var(--rt-text-primary);
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
}
.ob2-root .ob2-font-display {
  font-family: var(--font-display, "Bebas Neue", sans-serif);
}
.ob2-root .ob2-font-hero {
  font-family: var(--font-hero-condensed, "Barlow Condensed", "Bebas Neue", sans-serif);
}
@keyframes ob2-slide-in-right {
  from {
    transform: translateX(100%);
    opacity: 0.6;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes ob2-slide-in-left {
  from {
    transform: translateX(-100%);
    opacity: 0.6;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.ob2-screen-forward {
  animation: ob2-slide-in-right 0.28s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ob2-screen-back {
  animation: ob2-slide-in-left 0.28s cubic-bezier(0.4, 0, 0.2, 1) both;
}
@media (prefers-reduced-motion: reduce) {
  .ob2-screen-forward,
  .ob2-screen-back {
    animation: none;
  }
}
@keyframes ob2-particle-fly {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(var(--px), var(--py)) scale(0);
    opacity: 0;
  }
}
.ob2-root .particle {
  animation: ob2-particle-fly 0.45s ease-out both;
}
@keyframes ob2-start-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(0, 194, 129, 0);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(0, 194, 129, 0.18);
  }
}
.ob2-start-btn {
  animation: ob2-start-pulse 2s ease-in-out infinite;
  transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.ob2-start-btn:hover {
  transform: scale(1.03);
}
.ob2-start-btn:active {
  transform: scale(0.97);
}
.ob2-remind-btn {
  background: transparent;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.22);
}
.ob2-root .ob2-profile-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.32fr);
  align-items: start;
}
.ob2-root .ob2-profile-grid__aside {
  position: sticky;
  top: 8px;
}
@media (max-width: 1023px) {
  .ob2-root .ob2-profile-grid {
    grid-template-columns: 1fr;
  }
  .ob2-root .ob2-profile-grid__aside {
    display: none;
  }
}
.ob2-root .ob2-profile-pane.cv-tailor-shell {
  font-family: var(--font-sans, Inter, system-ui, sans-serif);
  font-size: 15px;
}
.ob2-root .ob2-profile-pane.cv-tailor-shell :is(h1, h2, h3) {
  font-family: inherit;
  font-weight: 700;
  letter-spacing: normal;
}
.ob2-root .ob2-profile-pane .cv-eyebrow {
  font-family: inherit;
  font-size: 12px !important;
  letter-spacing: 0.08em;
}
.ob2-root .ob2-profile-pane .cv-panel-heading h2 {
  font-size: 22px;
  margin: 4px 0 6px;
}
.ob2-root .ob2-profile-pane .cv-panel-heading p,
.ob2-root .ob2-profile-pane .cv-empty-copy,
.ob2-root .ob2-profile-pane .cv-save-footer span {
  font-size: 14px;
  line-height: 1.5;
}
.ob2-root .ob2-profile-pane .cv-tailor-panel,
.ob2-root .ob2-profile-pane .cv-upload-panel,
.ob2-root .ob2-profile-pane > .rounded-xl {
  margin-bottom: 18px;
}
.ob2-root .ob2-profile-pane .cv-editor-section {
  padding: 8px 0;
  margin-top: 0;
}
.ob2-root .ob2-profile-pane .cv-editor-section__heading h3 {
  font-size: 17px;
}
.ob2-root .ob2-profile-pane .cv-editor-section__heading span,
.ob2-root .ob2-profile-pane .cv-entry__toolbar > span {
  font-size: 13px;
}
.ob2-root .ob2-profile-pane .cv-field > span {
  font-size: 13px;
}
.ob2-root .ob2-profile-pane .cv-field-input {
  font-size: 15px;
  min-height: 44px;
  padding: 10px 14px;
}
.ob2-root .ob2-profile-pane .cv-field-input--textarea {
  min-height: 96px;
}
.ob2-root .ob2-profile-pane .cv-entry {
  margin-bottom: 14px;
  padding: 16px;
}
.ob2-root .ob2-profile-pane .cv-primary-button,
.ob2-root .ob2-profile-pane .cv-add-button,
.ob2-root .ob2-profile-pane .cv-secondary-button {
  font-size: 14px;
  min-height: 40px;
}
.ob2-root .ob2-profile-pane .cv-missing-summary {
  font-size: 14px;
  margin-bottom: 18px;
  padding: 14px 16px;
}
.ob2-root .ob2-profile-pane .cv-missing-summary span {
  font-size: 13px;
}
.ob2-root .ob2-scroll-hint__btn {
  position: absolute;
  left: 50%;
  z-index: 5;
  transform: translateX(-50%);
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--rt-bg-page);
  background: var(--rt-green);
  border: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
  opacity: 0.92;
  transition: opacity 0.15s, transform 0.15s;
}
.ob2-root .ob2-scroll-hint__btn:hover {
  opacity: 1;
}
.ob2-root .ob2-scroll-hint__btn--up {
  top: 8px;
}
.ob2-root .ob2-scroll-hint__btn--down {
  bottom: 8px;
}
.ob2-root .ob2-scroll-hint__btn--up:hover {
  transform: translateX(-50%) translateY(-1px);
}
.ob2-root .ob2-scroll-hint__btn--down:hover {
  transform: translateX(-50%) translateY(1px);
}
@media (prefers-reduced-motion: reduce) {
  .ob2-root .ob2-scroll-hint__btn {
    transition: none;
  }
}
@keyframes ob2-card-snap {
  0% {
    transform: translateY(18px) scale(0.94);
    opacity: 0;
  }
  65% {
    transform: translateY(-3px) scale(1.02);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
.ob2-root .society-enter {
  animation: ob2-card-snap 0.32s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
@keyframes ob2-chip-pop {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.13);
  }
  100% {
    transform: scale(1);
  }
}
.ob2-root .chip-pop {
  animation: ob2-chip-pop 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
@keyframes ob2-lock-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(0, 194, 129, 0);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(0, 194, 129, 0.22);
  }
}
.ob2-root .lock-pulse {
  animation: ob2-lock-pulse 2.4s ease-in-out infinite;
}
@keyframes ob2-nudge-countdown {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}
.ob2-root .nudge-bar {
  animation: ob2-nudge-countdown 4s linear forwards;
}
@keyframes ob2-unlock-ping {
  0% {
    opacity: 0.7;
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: scale(1.6);
  }
  100% {
    opacity: 0;
    transform: scale(1.6);
  }
}
.ob2-root .unlock-ping {
  animation: ob2-unlock-ping 1.8s ease-out infinite;
}
@keyframes ob2-confirm-flash {
  0% {
    border-color: var(--rt-green);
    background: rgba(0, 194, 129, 0.18);
  }
  100% {
    border-color: var(--rt-green);
    background: rgba(0, 194, 129, 0.08);
  }
}
.ob2-root .confirm-flash {
  animation: ob2-confirm-flash 0.5s ease-out forwards;
}
.ob2-root .card-hover {
  transition: border-color 0.15s, background 0.15s;
}
.ob2-root .card-hover:hover {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: var(--rt-bg-card-elevated, #1a1a26) !important;
}
.ob2-root .skip-link {
  cursor: pointer;
  transition: color 0.15s ease;
}
.ob2-root .skip-link:hover {
  color: var(--rt-green) !important;
}
.ob2-root .skip-link:hover .text-white\/35,
.ob2-root .skip-link:hover span {
  color: var(--rt-green);
}
.ob2-root .ob2-btn-primary {
  cursor: pointer;
  transition:
    transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1),
    filter 0.15s ease,
    background 0.15s ease;
}
.ob2-root .ob2-btn-primary:hover:not(:disabled) {
  transform: scale(1.03);
  filter: brightness(1.08);
  background: var(--rt-green-dark, #00a369) !important;
}
.ob2-root .ob2-btn-primary:active:not(:disabled) {
  transform: scale(0.98);
}
.ob2-root .ob2-btn-primary:disabled {
  cursor: not-allowed;
}
.ob2-root .ob2-btn-secondary {
  cursor: pointer;
  box-shadow: inset 0 0 0 1px transparent;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease,
    transform 0.15s ease;
}
.ob2-root .ob2-btn-secondary:hover:not(:disabled) {
  background: var(--rt-green-dim) !important;
  box-shadow: inset 0 0 0 1px var(--rt-green);
  color: var(--rt-green) !important;
  transform: translateY(-1px);
}
.ob2-root .ob2-btn-secondary:active:not(:disabled) {
  transform: translateY(0);
}
.ob2-root .ob2-btn-secondary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.ob2-root .ob2-btn-toggle {
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.ob2-root .ob2-btn-toggle:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}
.ob2-root :focus-visible {
  outline: 2px solid var(--rt-green);
  outline-offset: 3px;
  border-radius: 8px;
}
.ob2-root input:focus-visible,
.ob2-root textarea:focus-visible {
  outline: none;
}
@media (max-height: 820px) {
  .ob2-root .desktop-secondary {
    display: none !important;
  }
}
@media (max-height: 760px) {
  .ob2-root .dt-drop-zone {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .ob2-root .dt-content-outer {
    gap: 0.75rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}
@media (max-height: 700px) {
  .ob2-root .dt-drop-zone {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .ob2-root .dt-content-outer {
    gap: 0.5rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ob2-root .society-enter,
  .ob2-root .chip-pop,
  .ob2-root .lock-pulse,
  .ob2-root .nudge-bar,
  .ob2-root .unlock-ping,
  .ob2-root .confirm-flash,
  .ob2-start-btn {
    animation: none;
  }
  .ob2-root .ob2-btn-primary,
  .ob2-root .ob2-btn-secondary {
    transition:
      background 0.15s ease,
      box-shadow 0.15s ease,
      color 0.15s ease,
      filter 0.15s ease;
  }
  .ob2-root .ob2-btn-primary:hover:not(:disabled),
  .ob2-root .ob2-btn-primary:active:not(:disabled),
  .ob2-root .ob2-btn-secondary:hover:not(:disabled),
  .ob2-root .ob2-btn-secondary:active:not(:disabled) {
    transform: none;
  }
}

/* src/app/features/interview-coach/interview-coach.css */
.coach-page {
  --coach-font-body:
    "Mohave",
    system-ui,
    sans-serif;
  --coach-font-display: "Bebas Neue", sans-serif;
  --coach-font-mono: "JetBrains Mono", monospace;
  --coach-danger: var(--brand-color-accent-rose, #f43f5e);
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 20px clamp(16px, 2vw, 32px) calc(48px + env(safe-area-inset-bottom));
  color: var(--color-text-primary);
  font-family: var(--coach-font-body);
}
@media (min-width: 768px) {
  .app-shell--contained .coach-page {
    min-height: 100%;
  }
  .app-shell--contained .coach-home-wrapper {
    min-height: 0;
  }
}
.coach-page :is(button, textarea, input, select) {
  font-family: var(--coach-font-body);
}
.coach-page :is(h1, h2, h3, .heading-display) {
  font-family: var(--coach-font-display);
  font-weight: 400;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.coach-page button:focus-visible,
.coach-page textarea:focus-visible,
.coach-page input:focus-visible,
.coach-page summary:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}
.coach-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
.coach-header h1 {
  margin: 4px 0 0;
  font-family: var(--coach-font-display);
  font-size: clamp(2rem, 3vw, 2.6rem);
  line-height: 1.04;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.coach-eyebrow,
.coach-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--color-primary);
  font-family: var(--coach-font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.coach-privacy-mark,
.coach-private-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-text-secondary);
  font-family: var(--coach-font-body);
  font-size: 0.8rem;
}
.coach-privacy-mark {
  padding: 8px 14px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.coach-privacy-mark svg,
.coach-private-note svg {
  color: var(--color-primary);
}
.coach-progress-row {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 24px;
  scroll-margin-top: calc(var(--topbar-height) + 8px);
}
.coach-progress {
  flex: 1;
}
.coach-progress__meta {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
  color: var(--color-text-muted);
  font-family: var(--coach-font-body);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.coach-progress__meta span:first-child {
  color: var(--color-text-secondary);
  font-weight: 700;
}
.coach-progress__track {
  height: 4px;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--color-border);
}
.coach-progress__track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      var(--color-primary) 0%,
      var(--color-accent-blue, #00A3FF) 100%);
  transition: width 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.coach-session-clock {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  min-width: 146px;
  padding: 8px 14px;
  color: var(--color-text-muted);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  font-family: var(--coach-font-body);
  font-size: 0.74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.coach-session-clock[data-active=true] svg,
.coach-session-clock[data-active=true] strong {
  color: var(--color-primary);
}
.coach-session-clock[data-warning=true] {
  color: var(--color-warning);
  border-color: color-mix(in srgb, var(--color-warning) 55%, var(--color-border));
  background: color-mix(in srgb, var(--color-warning) 8%, var(--color-surface));
}
.coach-session-clock[data-warning=true] svg,
.coach-session-clock[data-warning=true] strong {
  color: var(--color-warning);
}
.coach-session-clock strong {
  margin-left: auto;
  color: var(--color-text-primary);
  font-family: var(--coach-font-display);
  font-size: 1.15rem;
  letter-spacing: 0.03em;
  line-height: 1;
}
.coach-phase-container h2:focus {
  outline: none;
}
.coach-note-upgrade-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 10px 0 16px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
  border-radius: 10px;
  background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));
  color: var(--color-text-secondary);
  font-size: .82rem;
}
.coach-note-upgrade-note button {
  flex: 0 0 auto;
  color: var(--color-primary);
  font-weight: 700;
  text-decoration: underline;
}
@media (max-width: 560px) {
  .coach-note-upgrade-note {
    align-items: flex-start;
    flex-direction: column;
  }
}
.coach-home-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.coach-home {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(440px, 0.95fr);
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-primary);
  border-radius: 16px;
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}
@media (min-width: 768px) and (max-width: 1440px) {
  .app-shell--contained .coach-home {
    grid-template-columns: minmax(0, 1.2fr) minmax(380px, 0.9fr);
  }
  .app-shell--contained .coach-home__intro {
    padding: 24px 26px 20px;
  }
  .app-shell--contained .coach-home__intro h2 {
    font-size: clamp(1.8rem, 2.2vw, 2.3rem);
  }
  .app-shell--contained .coach-home__intro-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
  }
  .app-shell--contained .coach-home__start {
    padding: 22px 24px;
  }
  .app-shell--contained .coach-home-secondary {
    padding: 20px 22px;
  }
}
@media (min-width: 768px) and (max-height: 800px) {
  .app-shell--contained .coach-home-secondary {
    padding: 16px 20px;
  }
  .app-shell--contained .coach-guide-grid {
    gap: 12px;
  }
}
.coach-home__intro {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 34px 28px;
  background:
    linear-gradient(
      135deg,
      rgba(0, 194, 129, 0.05) 0%,
      rgba(0, 163, 255, 0.03) 100%),
    var(--color-surface);
}
.coach-home__intro-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.coach-home__intro h2 {
  margin: 0;
  font-family: var(--coach-font-display);
  font-size: clamp(2.1rem, 2.7vw, 2.75rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.coach-home__intro p {
  max-width: 52ch;
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 0.95rem;
  line-height: 1.55;
}
.coach-home__intro-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.coach-home__intro-cards li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  transition:
    background 150ms ease,
    border-color 150ms ease,
    transform 150ms ease;
}
.coach-home__intro-cards li:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
  transform: translateY(-2px);
}
.coach-home__intro-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(0, 194, 129, 0.1);
  color: var(--color-primary);
}
.coach-home__intro-card-icon svg {
  color: var(--color-primary);
}
.coach-home__intro-cards li span {
  display: grid;
  gap: 3px;
  color: var(--color-text-secondary);
  font-size: 0.76rem;
  line-height: 1.45;
}
.coach-home__intro-cards li strong {
  color: var(--color-text-primary);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.coach-home-secondary {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px 28px;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}
.coach-guide-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.coach-guide-header h3 {
  margin: 4px 0 0;
  font-family: var(--coach-font-display);
  font-size: 1.55rem;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.coach-evidence-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  border: 1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
  background: var(--color-primary-subtle);
  color: var(--color-primary);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.coach-evidence-badge__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-primary);
  box-shadow: 0 0 8px var(--color-primary);
}
.coach-guide-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.coach-guide-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px 20px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.015);
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease;
}
.coach-guide-card:hover {
  border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
  background: rgba(255, 255, 255, 0.03);
  transform: translateY(-2px);
}
.coach-guide-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}
.coach-guide-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(0, 194, 129, 0.1);
  color: var(--color-primary);
}
.coach-guide-card__step {
  font-family: var(--coach-font-display);
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  color: var(--color-text-muted);
}
.coach-guide-card h4 {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.coach-guide-card p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 0.82rem;
  line-height: 1.5;
}
.coach-evidence-preview {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  padding-top: 14px;
  border-top: 1px solid var(--color-border);
}
.coach-evidence-preview__label {
  color: var(--color-text-muted);
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.coach-evidence-preview__chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.coach-evidence-preview__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface-elevated);
  font-size: 0.78rem;
  transition: border-color 150ms ease, background 150ms ease;
}
.coach-evidence-preview__chip:hover {
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
}
.coach-evidence-preview__chip strong {
  color: var(--color-text-primary);
  font-weight: 600;
}
.coach-evidence-preview__chip small {
  color: var(--color-primary);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.coach-privacy-list,
.coach-evidence ul,
.coach-feedback ul {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.coach-privacy-list > div {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--color-border);
}
.coach-privacy-list svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--color-primary);
}
.coach-privacy-list span {
  display: grid;
  gap: 3px;
  color: var(--color-text-secondary);
  font-size: 0.82rem;
  line-height: 1.5;
}
.coach-privacy-list strong {
  color: var(--color-text-primary);
  font-size: 0.88rem;
  font-weight: 650;
}
.coach-home__start {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 13px;
  padding: 28px 32px;
  border-left: 1px solid var(--color-border);
  background: var(--color-surface);
}
.coach-allowance {
  padding-bottom: 9px;
  border-bottom: 1px solid var(--color-border);
}
.coach-allowance__heading {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.coach-allowance__heading > svg {
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--color-primary);
}
.coach-allowance__heading > div {
  display: grid;
  gap: 1px;
}
.coach-allowance__heading span {
  color: var(--color-text-muted);
  font-family: var(--coach-font-body);
  font-size: 0.69rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.coach-allowance__heading strong {
  font-size: 0.83rem;
  line-height: 1.3;
}
.coach-allowance__track {
  height: 4px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--color-border);
}
.coach-allowance__track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      var(--color-primary) 0%,
      var(--color-accent-blue, #00A3FF) 100%);
  transition: width 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.coach-allowance > p {
  margin: 5px 0 0;
  color: var(--color-text-muted);
  font-size: 0.68rem;
  line-height: 1.35;
}
.coach-session-picker {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.coach-session-picker legend {
  margin-bottom: 5px;
  color: var(--color-text-muted);
  font-family: var(--coach-font-body);
  font-size: 0.71rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.coach-session-picker__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
.coach-session-picker__grid label {
  display: grid;
  place-items: center;
  min-height: 52px;
  padding: 6px 4px;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
  border-radius: 9px;
  background: var(--color-surface);
  cursor: pointer;
  transition:
    border-color 160ms ease-out,
    background 160ms ease-out,
    color 160ms ease-out,
    box-shadow 160ms ease-out;
}
.coach-session-picker__grid label:hover:not([data-disabled=true]) {
  border-color: color-mix(in srgb, var(--color-primary) 50%, var(--color-border));
}
.coach-session-picker__grid label[data-selected=true]:not([data-disabled=true]) {
  color: var(--color-primary);
  border-color: var(--color-primary);
  background: var(--color-primary-subtle);
  box-shadow: 0 0 14px rgba(0, 194, 129, 0.15);
}
.coach-session-picker__grid label:focus-within {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.coach-session-picker__grid label[data-disabled=true] {
  cursor: not-allowed;
  opacity: 0.42;
}
.coach-session-picker__grid .coach-session-card--locked {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 52px;
  padding: 6px 4px;
  color: var(--color-text-secondary);
  border: 1px dashed var(--color-border);
  border-radius: 9px;
  background: var(--color-surface);
  cursor: pointer;
  opacity: 0.7;
  transition:
    border-color 160ms ease-out,
    background 160ms ease-out,
    color 160ms ease-out,
    opacity 160ms ease-out,
    box-shadow 160ms ease-out;
  outline: none;
  font: inherit;
  width: 100%;
}
.coach-session-picker__grid .coach-session-card--locked:hover {
  opacity: 1;
  border-color: color-mix(in srgb, var(--color-primary) 65%, var(--color-border));
  background: rgba(0, 194, 129, 0.05);
  color: var(--color-text-primary);
  box-shadow: 0 0 12px rgba(0, 194, 129, 0.15);
}
.coach-session-picker__grid .coach-session-card--locked:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.coach-session-card__lock-badge {
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-text-muted);
  transition: background 140ms ease, color 140ms ease;
}
.coach-session-card--locked:hover .coach-session-card__lock-badge {
  background: rgba(0, 194, 129, 0.2);
  color: var(--color-primary);
}
.coach-session-picker__upgrade-link {
  display: inline;
  padding: 0;
  color: var(--color-primary);
  background: transparent;
  border: 0;
  font: inherit;
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.coach-session-picker__upgrade-link:hover {
  color: var(--color-primary-dark);
}
.coach-session-picker__grid input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.coach-session-picker__grid span {
  font-family: var(--coach-font-display);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.02em;
}
.coach-session-picker__grid small {
  font-family: var(--coach-font-body);
  font-size: 0.63rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-top: 1px;
}
.coach-session-picker > p {
  margin: 4px 0 0;
  color: var(--color-text-muted);
  font-size: 0.68rem;
  line-height: 1.4;
}
.coach-home__start > p {
  margin: 1px 0 0;
  color: var(--color-text-muted);
  font-size: 0.67rem;
  line-height: 1.3;
  text-align: center;
  max-width: 44ch;
  align-self: center;
}
.coach-home__sticky-action {
  display: flex;
  justify-content: center;
  margin-top: 1px;
}
.coach-home__sticky-action .coach-button {
  width: 100%;
  min-height: 48px;
  padding: 10px 20px;
  font-size: 0.94rem;
  font-weight: 700;
  border-radius: 9999px;
}
.coach-mode-picker {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.coach-mode-picker legend {
  margin-bottom: 5px;
  color: var(--color-text-muted);
  font-family: var(--coach-font-body);
  font-size: 0.71rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.coach-mode-picker__grid {
  display: grid;
  gap: 5px;
}
.coach-mode {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  width: 100%;
  padding: 8px 14px;
  color: var(--color-text-secondary);
  text-align: left;
  border: 1px solid var(--color-border);
  border-radius: 9px;
  background: var(--color-surface);
  cursor: pointer;
  transition:
    border-color 160ms ease-out,
    background 160ms ease-out,
    color 160ms ease-out,
    box-shadow 160ms ease-out;
}
.coach-mode:hover {
  border-color: color-mix(in srgb, var(--color-primary) 50%, var(--color-border));
}
.coach-mode[data-selected=true] {
  color: var(--color-primary);
  border-color: var(--color-primary);
  background: var(--color-primary-subtle);
  box-shadow: 0 0 14px rgba(0, 194, 129, 0.15);
}
.coach-mode svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}
.coach-mode > span {
  display: grid;
  gap: 1px;
}
.coach-mode strong {
  color: var(--color-text-primary);
  font-family: var(--coach-font-body);
  font-size: 0.81rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
.coach-mode small {
  color: var(--color-text-muted);
  font-size: 0.69rem;
  line-height: 1.2;
}
.coach-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 10px 24px;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font-family: var(--coach-font-body);
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    background 160ms ease-out,
    border-color 160ms ease-out,
    color 160ms ease-out,
    transform 100ms ease-out,
    box-shadow 160ms ease-out;
}
.coach-button:active:not(:disabled) {
  transform: scale(0.985);
}
.coach-button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.coach-button--primary {
  color: #0A0A0F;
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.coach-button--primary:hover:not(:disabled) {
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  box-shadow: 0 4px 18px rgba(0, 194, 129, 0.35);
}
.coach-button--primary:disabled {
  color: var(--color-text-muted);
  border-color: var(--color-border);
  background: var(--color-surface);
  opacity: 1;
}
.coach-button--secondary {
  color: var(--color-text-primary);
  border-color: var(--color-border);
  background: var(--color-surface);
}
.coach-button--secondary:hover:not(:disabled) {
  color: var(--color-text-primary);
  border-color: color-mix(in srgb, var(--color-primary) 40%, var(--color-border));
  background: var(--color-surface-elevated);
}
.coach-button--danger {
  color: #fffafa;
  background: var(--coach-danger);
  border-color: var(--coach-danger);
}
.coach-button--full {
  width: 100%;
}
.coach-workspace,
.coach-review,
.coach-recording {
  width: min(100%, 1020px);
  margin: 0 auto;
}
.coach-workspace--narrow {
  width: min(100%, 680px);
}
.coach-section-heading {
  margin-bottom: 24px;
}
.coach-section-heading > span,
.coach-recording__header > div > span,
.coach-feedback__header > span,
.coach-evidence > div > span,
.coach-question-preview > span,
.coach-feedback__evidence > div > span {
  color: var(--color-primary);
  font-size: 0.71rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.coach-section-heading h2,
.coach-feedback__header h2 {
  margin: 7px 0 8px;
  font-size: 1.55rem;
  line-height: 1.2;
}
.coach-section-heading p,
.coach-feedback__header > p {
  max-width: 65ch;
  margin: 0;
  color: var(--color-text-secondary);
  line-height: 1.65;
}
.coach-video-stage {
  position: relative;
  aspect-ratio: 16 / 9;
  margin-bottom: 16px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: #060609;
}
.coach-video-stage video,
.coach-playback {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.coach-video-stage__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 100%;
  color: var(--color-text-muted);
  font-size: 0.78rem;
}
.coach-live-label {
  position: absolute;
  left: 14px;
  bottom: 14px;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  color: #f5fff9;
  border-radius: var(--radius-pill);
  background: rgba(6, 8, 8, 0.78);
  font-size: 0.7rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  z-index: 2;
}
.coach-live-label::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--color-success);
}
.coach-live-label--recording::before {
  background: var(--coach-danger);
  animation: coach-pulse 1.4s ease-in-out infinite;
}
@keyframes coach-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.85);
  }
}
.coach-device-panel {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  margin-bottom: 16px;
  padding: 14px 16px;
  border: 1px solid var(--color-border);
  border-radius: 11px;
  background: var(--color-surface);
}
.coach-device-panel--voice {
  min-height: 140px;
}
.coach-device-panel > div:not(.coach-device-panel__meter) {
  display: grid;
  gap: 4px;
}
.coach-device-panel span,
.coach-device-status {
  color: var(--color-text-muted);
  font-size: 0.72rem;
}
.coach-device-panel__meter {
  flex: 1;
}
.coach-device-panel__meter > span {
  display: block;
  margin-bottom: 7px;
}
.coach-success-icon {
  margin-left: auto;
  color: var(--color-success);
}
.coach-mic-meter {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 24px;
}
.coach-mic-meter span {
  width: 4px;
  min-height: 5px;
  border-radius: 2px;
  background: var(--color-border);
  transition: background 80ms ease-out;
}
.coach-mic-meter span[data-active=true] {
  background: var(--color-primary);
}
.coach-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 14px 0;
  padding: 12px 14px;
  color: var(--color-error);
  border: 1px solid color-mix(in srgb, var(--color-error) 35%, transparent);
  border-radius: 10px;
  background: color-mix(in srgb, var(--color-error) 8%, transparent);
}
.coach-alert svg {
  flex: 0 0 auto;
  margin-top: 1px;
}
.coach-alert p {
  margin: 0;
  font-size: 0.78rem;
}
.coach-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
}
.coach-actions--wide {
  grid-column: 1 / -1;
}
.coach-privacy-list {
  margin-top: 0;
  border-bottom: 1px solid var(--color-border);
}
.coach-consent-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 18px;
  padding: 12px 14px;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-surface);
  cursor: pointer;
}
.coach-consent-check:focus-within {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px var(--color-primary);
}
.coach-consent-check input {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: var(--color-primary);
}
.coach-consent-check input:focus-visible {
  outline: none;
}
.coach-consent-check--home {
  margin-top: 2px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.015);
  font-size: 0.76rem;
  line-height: 1.35;
}
.coach-question-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(270px, 0.65fr);
  gap: 26px;
  align-items: stretch;
}
.coach-question-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
}
.coach-question-option {
  position: relative;
  display: flex;
  gap: 13px;
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: 11px;
  background: var(--color-surface);
  cursor: pointer;
  transition: border-color 160ms ease-out, background 160ms ease-out;
}
.coach-question-option:hover,
.coach-question-option[data-selected=true] {
  border-color: var(--color-primary);
}
.coach-question-option[data-selected=true] {
  background: var(--color-primary-subtle);
}
.coach-question-option:focus-within {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.coach-question-option input {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin: 3px 0 0;
  accent-color: var(--color-primary);
}
.coach-question-option input:focus-visible {
  outline: none;
}
.coach-question-option > span {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.coach-question-option small {
  color: var(--color-primary);
  font-size: 0.68rem;
  font-weight: 650;
}
.coach-question-option strong {
  font-size: 0.9rem;
  line-height: 1.45;
}
.coach-question-option em {
  color: var(--color-text-muted);
  font-size: 0.75rem;
  font-style: normal;
  line-height: 1.5;
}
.coach-question-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  height: 100%;
  box-sizing: border-box;
}
.coach-question-card .coach-verified-evidence {
  margin-top: auto;
}
.coach-question-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.coach-question-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-primary-subtle) 70%, var(--color-surface));
  color: var(--color-primary);
  font-family: var(--coach-font-body);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.coach-question-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-text-secondary);
  font-size: 0.78rem;
  font-weight: 500;
}
.coach-question-card__prompt-wrap {
  padding: 18px 22px;
  border-left: 3px solid var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 5%, var(--color-background));
  border-radius: 0 10px 10px 0;
}
.coach-question-card__prompt {
  margin: 0;
  font-family: var(--coach-font-display);
  font-size: clamp(1.6rem, 2.4vw, 2.2rem);
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--color-text-primary);
}
.coach-question-card__guidance {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--color-background);
}
.coach-question-card__guidance strong {
  color: var(--color-text-primary);
  font-size: 0.8rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.coach-question-card__guidance p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 0.86rem;
  line-height: 1.55;
}
.coach-question-sidebar-tip {
  display: flex;
  gap: 12px;
  margin-top: auto;
  padding: 14px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--color-background);
  color: var(--color-text-secondary);
  font-size: 0.78rem;
  line-height: 1.5;
}
.coach-question-sidebar-tip svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--color-primary);
}
.coach-question-sidebar-tip strong {
  display: block;
  margin-bottom: 3px;
  color: var(--color-text-primary);
  font-size: 0.8rem;
  font-weight: 650;
}
.coach-question-sidebar-tip p {
  margin: 0;
}
.coach-question-preview {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  height: 100%;
  box-sizing: border-box;
}
.coach-filmed-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  margin-bottom: 20px;
  padding: 20px;
  color: var(--color-text-muted);
  text-align: center;
  border: 1px dashed var(--color-border);
  border-radius: 10px;
  background: var(--color-background);
}
.coach-filmed-question {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom: 20px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: #060609;
}
.coach-filmed-placeholder svg {
  margin-bottom: 9px;
  color: var(--color-primary);
}
.coach-filmed-placeholder strong {
  color: var(--color-text-secondary);
  font-size: 0.8rem;
}
.coach-filmed-placeholder span {
  margin-top: 4px;
  font-size: 0.7rem;
}
.coach-question-preview h3 {
  margin: 7px 0 15px;
  font-size: 1rem;
  line-height: 1.5;
}
.coach-read-aloud {
  width: 100%;
}
.coach-speech-fallback {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.72rem;
  line-height: 1.5;
}
.coach-verified-evidence {
  margin-top: 18px;
  border-top: 1px solid var(--color-border);
}
.coach-verified-evidence summary {
  padding: 15px 0 4px;
  color: var(--color-text-primary);
  font-size: 0.8rem;
  font-weight: 650;
  cursor: pointer;
}
.coach-verified-evidence > p {
  margin: 7px 0 10px;
  color: var(--color-text-muted);
  font-size: 0.7rem;
}
.coach-verified-evidence ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.coach-verified-evidence li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 7px 9px;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-background);
  font-size: 0.68rem;
}
.coach-verified-evidence li span {
  color: var(--color-primary);
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
}
.coach-evidence {
  align-self: start;
  padding: 21px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
}
.coach-evidence h3,
.coach-feedback__evidence h3 {
  margin: 6px 0;
  font-size: 1rem;
}
.coach-evidence > div > p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.74rem;
  line-height: 1.5;
}
.coach-evidence ul {
  margin-top: 17px;
}
.coach-evidence li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 0;
  border-top: 1px solid var(--color-border);
}
.coach-evidence li svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--color-primary);
}
.coach-evidence li span {
  display: grid;
  gap: 3px;
}
.coach-evidence li strong {
  font-size: 0.8rem;
}
.coach-evidence li small {
  color: var(--color-text-muted);
  font-size: 0.7rem;
  line-height: 1.45;
}
.coach-prep {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  gap: 28px;
}
.coach-prep__question {
  padding: 34px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
}
.coach-prep__question h2 {
  max-width: 25ch;
  margin: 0 0 12px;
  font-family: var(--coach-font-display);
  font-size: clamp(2rem, 3vw, 2.75rem);
  line-height: 1.05;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 400;
}
.coach-prep__question > p {
  color: var(--color-text-secondary);
  font-size: 1rem;
  line-height: 1.6;
}
.coach-prep__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-bottom: 28px;
}
.coach-timer {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--color-text-secondary);
  font-size: 0.78rem;
}
.coach-timer__copy {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  line-height: 1.2;
  font-family: var(--coach-font-body);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.coach-timer strong {
  color: var(--color-primary);
  font-family: var(--coach-font-display);
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.02em;
}
.coach-prep__meta .coach-kicker {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 6px 12px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-primary-subtle) 70%, var(--color-surface));
  font-family: var(--coach-font-body);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.1;
  white-space: nowrap;
}
.coach-evidence-prompt {
  display: flex;
  gap: 10px;
  margin-top: 25px;
  padding-top: 18px;
  border-top: 1px solid var(--color-border);
}
.coach-evidence-prompt svg {
  color: var(--color-primary);
}
.coach-evidence-prompt div {
  display: grid;
  gap: 3px;
}
.coach-evidence-prompt span {
  color: var(--color-text-muted);
  font-size: 0.75rem;
}
.coach-evidence-prompt__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 5px;
}
.coach-evidence-prompt__chips button {
  padding: 6px 12px;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  font-family: var(--coach-font-body);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  cursor: pointer;
  transition: all 140ms ease-out;
}
.coach-evidence-prompt__chips button:hover:not(:disabled) {
  color: var(--color-primary);
  border-color: var(--color-primary);
  background: var(--color-primary-subtle);
}
.coach-notes {
  display: flex;
  flex-direction: column;
}
.coach-note-mode {
  margin: 0;
  padding: 0;
  border: 0;
}
.coach-note-mode legend {
  margin-bottom: 10px;
  font-family: var(--coach-font-body);
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.coach-note-mode > div {
  display: inline-flex;
  padding: 3px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  gap: 4px;
}
.coach-note-mode label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 6px 18px;
  color: var(--color-text-secondary);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background: transparent;
  font-family: var(--coach-font-body);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 160ms ease-out;
}
.coach-note-mode label[data-selected=true] {
  color: #0A0A0F;
  background: var(--color-primary);
  border-color: var(--color-primary);
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0, 194, 129, 0.25);
}
.coach-note-mode label:focus-within {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.coach-note-mode__star {
  position: relative;
}
.coach-note-mode__star.is-locked {
  cursor: not-allowed;
}
.coach-note-mode__star.is-locked .coach-note-mode__lock {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 6px;
  border: 1px solid var(--color-border);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--color-text-muted);
  transition:
    background 140ms ease,
    color 140ms ease,
    border-color 140ms ease;
}
.coach-note-mode__star.is-locked:hover .coach-note-mode__lock,
.coach-note-mode__star.is-locked:focus-within .coach-note-mode__lock {
  background: rgba(0, 194, 129, 0.18);
  color: var(--color-primary);
  border-color: color-mix(in srgb, var(--color-primary) 50%, var(--color-border));
}
.coach-note-mode__star.is-locked[data-selected=true] .coach-note-mode__lock {
  color: #0A0A0F;
  border-color: rgba(0, 0, 0, 0.2);
}
.coach-note-mode__star.is-locked[data-selected=true]:hover .coach-note-mode__lock,
.coach-note-mode__star.is-locked[data-selected=true]:focus-within .coach-note-mode__lock {
  background: rgba(0, 0, 0, 0.15);
  color: #0A0A0F;
  border-color: rgba(0, 0, 0, 0.35);
}
.coach-note-mode__star.is-locked::after {
  content: "Unlock Pro";
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translate(-50%, 4px);
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background: rgba(20, 20, 29, 0.96);
  border: 1px solid var(--color-primary);
  border-radius: 6px;
  color: var(--color-primary);
  font-family: var(--coach-font-body);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 140ms ease, transform 140ms ease;
  z-index: 5;
}
.coach-note-mode__star.is-locked:hover::after,
.coach-note-mode__star.is-locked:focus-within::after {
  opacity: 1;
  transform: translate(-50%, 0);
}
.coach-note-mode__star.is-locked:focus-within {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.coach-note-mode__tooltip {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.coach-note-mode input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.coach-note-field {
  position: relative;
  display: grid;
  gap: 6px;
}
.coach-note-field > small {
  justify-self: end;
  margin-top: 0;
  font-family: var(--coach-font-mono);
}
.coach-star-notes {
  display: grid;
  gap: 10px;
}
.coach-star-notes input {
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-surface);
}
.coach-notes label,
.coach-text-answer label {
  color: var(--color-text-primary);
  font-family: var(--coach-font-body);
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.coach-notes > p {
  margin: 6px 0 12px;
  color: var(--color-text-muted);
  font-size: 0.74rem;
}
.coach-notes textarea,
.coach-notes input,
.coach-text-answer textarea {
  width: 100%;
  resize: vertical;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: var(--color-surface);
}
.coach-notes textarea {
  min-height: 190px;
  padding: 15px;
}
.coach-notes textarea::placeholder,
.coach-text-answer textarea::placeholder {
  color: var(--color-text-muted);
}
.coach-notes small {
  margin-top: 8px;
  color: var(--color-text-muted);
  font-size: 0.68rem;
}
.coach-recording__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}
.coach-recording__header h2 {
  max-width: 32ch;
  margin: 6px 0 0;
  font-family: var(--coach-font-display);
  font-size: clamp(1.8rem, 2.5vw, 2.4rem);
  line-height: 1.08;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-weight: 400;
}
.coach-recording__timer {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 8px 14px;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  font-family: var(--coach-font-display);
  font-size: 1.15rem;
  letter-spacing: 0.04em;
}
.coach-recording__timer > span {
  white-space: nowrap;
}
.coach-recording__aim {
  margin: -4px 0 15px;
  color: var(--color-text-muted);
  font-size: 0.76rem;
}
.coach-recording-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.95fr);
  gap: 24px;
  align-items: start;
  margin-bottom: 24px;
}
.coach-recording-layout__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.coach-recording-layout__aside {
  min-width: 0;
}
.coach-recording-layout__aside .coach-answer-notes {
  margin-bottom: 0;
  position: sticky;
  top: 76px;
}
.coach-recording-layout__aside .coach-answer-notes dl {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.coach-recording-layout__aside .coach-answer-notes dl > div {
  padding: 8px 12px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
}
.coach-answer-notes {
  display: grid;
  gap: 9px;
  margin-bottom: 16px;
  padding: 14px 18px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: var(--color-surface);
}
.coach-answer-notes > div > span {
  color: var(--color-primary);
  font-family: var(--coach-font-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.coach-answer-notes h3 {
  margin: 2px 0 0;
  font-family: var(--coach-font-body);
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.coach-answer-notes p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 0.8rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.coach-answer-notes dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}
.coach-answer-notes dl > div {
  min-width: 0;
}
.coach-answer-notes dt {
  color: var(--color-primary);
  font-family: var(--coach-font-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.coach-answer-notes dd {
  margin: 2px 0 0;
  color: var(--color-text-secondary);
  font-size: 0.78rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.coach-answer-notes__preformatted {
  white-space: pre-wrap;
  word-break: break-word;
}
.coach-video-stage--recording {
  margin-bottom: 14px;
}
.coach-record-controls {
  display: flex;
  justify-content: center;
}
.coach-record-controls .coach-button {
  min-width: 210px;
}
.coach-voice-answer {
  padding: 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
}
.coach-voice-answer__status {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.coach-voice-answer__status > svg {
  color: var(--color-primary);
}
.coach-voice-answer__status > div {
  display: grid;
  gap: 2px;
}
.coach-voice-answer__status strong {
  font-size: 0.9rem;
  font-weight: 650;
}
.coach-voice-answer__status span {
  color: var(--color-text-muted);
  font-size: 0.74rem;
}
.coach-voice-meter {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 4px;
  height: 64px;
  margin-bottom: 20px;
}
.coach-voice-meter span {
  width: 5px;
  height: 30%;
  border-radius: var(--radius-pill);
  background: var(--color-border);
}
.coach-voice-meter span:nth-child(3n+2) {
  height: 55%;
}
.coach-voice-meter span:nth-child(3n) {
  height: 80%;
}
.coach-voice-meter span[data-active=true] {
  background: var(--color-primary);
}
.coach-text-answer {
  padding: 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
}
.coach-text-answer textarea {
  min-height: 300px;
  margin-top: 10px;
  padding: 16px;
  background: var(--color-surface);
  line-height: 1.65;
}
.coach-text-answer > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 8px;
  color: var(--color-text-muted);
  font-family: var(--coach-font-mono);
  font-size: 0.72rem;
}
.coach-playback {
  aspect-ratio: 16 / 9;
  margin-bottom: 18px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: #060609;
}
.coach-audio-playback {
  width: 100%;
  margin-bottom: 18px;
}
.coach-review__question,
.coach-feedback__evidence,
.coach-transcript-details {
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: var(--color-surface);
}
.coach-review__question {
  margin-top: 12px;
  padding: 16px 18px;
}
.coach-review__question span {
  color: var(--color-text-muted);
  font-family: var(--coach-font-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.coach-review__question p {
  margin: 4px 0 0;
  font-size: 0.86rem;
}
.coach-private-note {
  margin-top: 15px;
}
.coach-processing {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(100%, 560px);
  min-height: 420px;
  margin: 0 auto;
  padding: 62px 22px;
  text-align: center;
}
.coach-processing__loader {
  position: relative;
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  margin: 4px 0 22px;
  color: var(--color-primary);
}
.coach-processing__loader-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: var(--color-primary);
  border-right-color: color-mix(in srgb, var(--color-accent-blue, #00A3FF) 70%, transparent);
  animation: coach-processing-spin 1.4s linear infinite;
  box-shadow: 0 0 18px rgba(0, 194, 129, 0.18);
}
.coach-processing__loader-ring--inner {
  inset: 12px;
  border-top-color: var(--color-accent-blue, #00A3FF);
  border-right-color: color-mix(in srgb, var(--color-primary) 70%, transparent);
  animation-duration: 1.1s;
  animation-direction: reverse;
  opacity: 0.85;
}
.coach-processing__loader-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background:
    linear-gradient(
      135deg,
      var(--color-primary) 0%,
      var(--color-accent-blue, #00A3FF) 100%);
  box-shadow: 0 0 14px rgba(0, 163, 255, 0.45);
  animation: coach-processing-pulse 1.6s ease-in-out infinite;
}
.coach-processing.is-failed .coach-processing__loader-ring,
.coach-processing.is-failed .coach-processing__loader-ring--inner {
  border-top-color: var(--coach-danger);
  border-right-color: color-mix(in srgb, var(--coach-danger) 60%, transparent);
  animation-duration: 3.6s;
}
.coach-processing.is-failed .coach-processing__loader-dot {
  background: var(--coach-danger);
  box-shadow: 0 0 12px rgba(244, 63, 94, 0.45);
  animation: none;
}
@keyframes coach-processing-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes coach-processing-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.7);
    opacity: 0.55;
  }
}
.coach-processing__kicker {
  color: var(--color-primary);
  font-family: var(--coach-font-body);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.coach-processing h2 {
  margin: 10px 0 10px;
  font-family: var(--coach-font-display);
  font-size: clamp(2rem, 3.2vw, 2.6rem);
  line-height: 1.05;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-weight: 400;
}
.coach-processing p {
  max-width: 52ch;
  margin: 0;
  color: var(--color-text-secondary);
  line-height: 1.6;
}
.coach-processing__lead {
  margin: 0 0 4px;
}
.coach-processing__progress {
  display: grid;
  gap: 16px;
  width: min(100%, 420px);
  margin: 28px 0;
  text-align: left;
}
.coach-processing__step-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 7px;
  color: var(--color-text-secondary);
  font-family: var(--coach-font-body);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.coach-processing__step-header strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
}
.coach-processing__step-status {
  font-family: var(--coach-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  color: var(--color-text-muted);
  text-transform: uppercase;
}
.coach-processing__step[data-state=active] .coach-processing__step-status {
  color: var(--color-primary);
}
.coach-processing__step[data-state=complete] .coach-processing__step-status {
  color: var(--color-accent-blue, #00A3FF);
}
.coach-processing__bar {
  position: relative;
  width: 100%;
  height: 8px;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--color-border);
}
.coach-processing__bar-track {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--color-border) 85%, transparent) 0%,
      color-mix(in srgb, var(--color-border) 100%, transparent) 100%);
}
.coach-processing__bar-shimmer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -45%;
  width: 45%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      color-mix(in srgb, var(--color-primary) 70%, transparent) 35%,
      var(--color-accent-blue, #00A3FF) 50%,
      color-mix(in srgb, var(--color-primary) 70%, transparent) 65%,
      transparent 100%);
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
}
.coach-processing__bar[data-state=active] .coach-processing__bar-shimmer,
.coach-processing__bar[data-state=indeterminate] .coach-processing__bar-shimmer {
  opacity: 1;
  animation: coach-processing-shimmer 1.6s ease-in-out infinite;
}
.coach-processing__bar[data-state=complete] .coach-processing__bar-shimmer {
  opacity: 0;
}
.coach-processing__bar[data-state=complete] .coach-processing__bar-track {
  background:
    linear-gradient(
      90deg,
      var(--color-primary) 0%,
      var(--color-accent-blue, #00A3FF) 100%);
  opacity: 1;
}
@keyframes coach-processing-shimmer {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(360%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .coach-processing__loader-ring,
  .coach-processing__loader-ring--inner {
    animation: none;
  }
  .coach-processing__loader-dot {
    animation: none;
  }
  .coach-processing__bar-shimmer {
    display: none;
  }
  .coach-processing__bar[data-state=active] .coach-processing__bar-track,
  .coach-processing__bar[data-state=indeterminate] .coach-processing__bar-track {
    background:
      linear-gradient(
        90deg,
        color-mix(in srgb, var(--color-primary) 55%, transparent) 0%,
        color-mix(in srgb, var(--color-accent-blue, #00A3FF) 55%, transparent) 100%);
    opacity: 0.9;
  }
}
.coach-processing__transcript-details {
  border-top: 1px solid var(--color-border);
}
.coach-processing__transcript-details summary {
  padding: 12px 0 4px;
  font-size: 0.76rem;
  font-weight: 650;
  cursor: pointer;
}
.coach-processing__transcript-details p {
  max-height: 150px;
  margin-top: 8px;
  overflow: auto;
  color: var(--color-text-muted);
  font-size: 0.74rem;
  line-height: 1.55;
}
.coach-processing__privacy {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--color-text-muted);
  font-size: 0.74rem;
  margin-top: auto;
}
.coach-loading {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: min(100%, 1040px);
  min-height: 460px;
  margin: 0 auto;
  padding: 32px clamp(24px, 4vw, 48px);
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-primary);
  border-radius: 16px;
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  text-align: left;
}
.coach-loading.is-failed {
  border-left-color: var(--coach-danger);
}
.coach-loading > .coach-processing__kicker,
.coach-loading > h2,
.coach-loading > .coach-processing__lead,
.coach-loading > .coach-loading__privacy {
  text-align: center;
}
.coach-loading h2 {
  margin: 4px auto 4px;
  font-family: var(--coach-font-display);
  font-size: clamp(1.85rem, 2.8vw, 2.4rem);
  line-height: 1.06;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: center;
}
.coach-loading .coach-processing__lead {
  margin: 0 auto 4px;
  max-width: 52ch;
  color: var(--color-text-secondary);
  font-size: 0.92rem;
  line-height: 1.55;
}
.coach-loading__ticker {
  position: relative;
  overflow: hidden;
  height: 28px;
  margin: -16px calc(-1 * clamp(24px, 4vw, 48px)) 8px;
  border-block: 1px solid var(--color-border);
  background: var(--color-primary-subtle);
  color: var(--color-primary);
  font-family: var(--coach-font-body);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.coach-loading__ticker-track {
  display: inline-flex;
  align-items: center;
  gap: 56px;
  height: 100%;
  padding-inline: 24px;
  white-space: nowrap;
  animation: coach-loading-ticker-scroll 32s linear infinite;
  will-change: transform;
}
.coach-loading__ticker-item {
  display: inline-block;
}
@keyframes coach-loading-ticker-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.coach-loading__stages {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 4px 0 6px;
  padding: 0;
  list-style: none;
}
.coach-loading__stage {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.coach-loading__stage-label {
  font-family: var(--coach-font-body);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  white-space: normal;
  line-height: 1.25;
}
.coach-loading__stage[data-state=active] .coach-loading__stage-label {
  color: var(--color-primary);
}
.coach-loading__stage[data-state=complete] .coach-loading__stage-label {
  color: var(--color-accent-blue, #00A3FF);
}
.coach-loading__stage-bar {
  position: relative;
  display: block;
  height: 4px;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--color-border);
}
.coach-loading__stage-fill {
  display: block;
  height: 100%;
  width: 0%;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      var(--color-primary) 0%,
      var(--color-accent-blue, #00A3FF) 100%);
  transition: width 120ms linear;
}
.coach-loading__stage[data-state=pending] .coach-loading__stage-fill {
  background: var(--color-border);
}
.coach-loading__stage[data-state=complete] .coach-loading__stage-fill {
  background:
    linear-gradient(
      90deg,
      var(--color-primary) 0%,
      var(--color-accent-blue, #00A3FF) 100%);
}
@media (max-width: 760px) {
  .coach-loading__stages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 12px;
  }
}
@media (max-width: 420px) {
  .coach-loading {
    width: 100%;
    padding-inline: 16px;
  }
  .coach-loading__ticker {
    margin-inline: -16px;
  }
  .coach-loading__stages {
    grid-template-columns: 1fr;
  }
}
.coach-loading__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 20px 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-background);
  min-height: 144px;
  text-align: left;
}
.coach-loading__card-tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  align-self: flex-start;
  border-radius: var(--radius-pill);
  background: var(--color-primary-subtle);
  color: var(--color-primary);
  font-family: var(--coach-font-body);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.coach-loading__card-body,
.coach-loading__card-prompt {
  margin: 0;
  color: var(--color-text-primary);
  font-family: var(--coach-font-body);
  font-size: 0.96rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.coach-loading__card-prompt {
  font-weight: 650;
}
.coach-loading__quiz-options {
  display: grid;
  gap: 8px;
  margin-top: 4px;
}
.coach-loading__quiz-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-surface);
  text-align: left;
  color: var(--color-text-primary);
  font-family: var(--coach-font-body);
  font-size: 0.86rem;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    background 150ms ease,
    color 150ms ease;
}
.coach-loading__quiz-option:hover:not(:disabled) {
  border-color: var(--color-primary);
}
.coach-loading__quiz-option[data-correct=true] {
  border-color: #16a34a;
  background: color-mix(in srgb, #16a34a 12%, var(--color-surface));
  color: #16a34a;
}
.coach-loading__quiz-option[data-correct=false] {
  border-color: var(--coach-danger);
  background: color-mix(in srgb, var(--coach-danger) 12%, var(--color-surface));
  color: var(--coach-danger);
}
.coach-loading__quiz-option:disabled {
  cursor: default;
}
.coach-loading__quiz-option-marker {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--color-border);
  color: var(--color-surface);
  font-size: 0.72rem;
  font-weight: 700;
}
.coach-loading__quiz-option[data-correct=true] .coach-loading__quiz-option-marker {
  background: #16a34a;
}
.coach-loading__quiz-option[data-correct=false] .coach-loading__quiz-option-marker {
  background: var(--coach-danger);
}
.coach-loading__quiz-explain,
.coach-loading__quiz-hint {
  margin: 4px 0 0;
  color: var(--color-text-secondary);
  font-family: var(--coach-font-body);
  font-size: 0.82rem;
  line-height: 1.5;
}
.coach-loading__quiz-hint {
  color: var(--color-text-muted);
  font-style: italic;
}
.coach-loading__deck {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.coach-loading__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.coach-loading__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--color-border);
  cursor: pointer;
  transition: background 150ms ease, transform 150ms ease;
}
.coach-loading__dot[aria-current=true] {
  background: var(--color-primary);
  transform: scale(1.25);
}
.coach-loading__dot:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}
.coach-loading.is-failed .coach-loading__stages,
.coach-loading.is-failed .coach-loading__ticker,
.coach-loading.is-failed .coach-loading__deck,
.coach-loading.is-failed .coach-loading__card {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .coach-loading__ticker-track {
    animation: none;
    transform: translateX(0);
  }
  .coach-loading__stage-fill {
    transition: none;
  }
  .coach-loading__dot {
    transition: none;
  }
}
.coach-time-ended {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(100%, 620px);
  min-height: 430px;
  margin: 0 auto;
  padding: 62px 24px;
  text-align: center;
}
.coach-time-ended__icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 22px;
  color: var(--color-primary);
  border: 1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
  border-radius: 50%;
  background: var(--color-primary-subtle);
}
.coach-time-ended > span {
  color: var(--color-primary);
  font-family: var(--coach-font-body);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.coach-time-ended h2 {
  max-width: 24ch;
  margin: 10px 0;
  font-family: var(--coach-font-display);
  font-size: clamp(2rem, 3.2vw, 2.6rem);
  line-height: 1.05;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-weight: 400;
}
.coach-time-ended > p {
  max-width: 58ch;
  margin: 0;
  color: var(--color-text-secondary);
  line-height: 1.65;
}
.coach-time-ended__status {
  display: flex;
  gap: 9px;
  margin: 24px 0;
  padding: 10px 16px;
  color: var(--color-text-muted);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  font-size: 0.76rem;
}
.coach-time-ended__status strong {
  color: var(--color-text-primary);
}
.coach-page[data-phase=feedback] {
  max-width: 1680px;
  width: 100%;
}
.coach-feedback-document {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0 40px;
}
.coach-feedback__answer-header {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 22px 26px;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.025) 0%,
      transparent 60%),
    var(--color-surface);
}
.coach-feedback__meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.coach-feedback__identity {
  display: flex;
  align-items: center;
  gap: 8px;
}
.coach-feedback__identity .coach-eyebrow {
  margin: 0;
  color: var(--color-text-muted);
  font-family: var(--coach-font-body);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.coach-feedback__duration-badge {
  display: inline-flex;
  align-items: center;
  padding: 1px 7px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.04);
  color: var(--color-text-primary);
  font-family: var(--coach-font-display);
  font-size: 0.82rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.coach-feedback__mode-badge {
  display: inline-flex;
  align-items: center;
  padding: 1px 7px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.03);
  color: var(--color-text-muted);
  font-size: 0.66rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.coach-feedback__privacy-indicator {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--color-text-muted);
  font-size: 0.7rem;
}
.coach-feedback__privacy-indicator svg {
  color: var(--color-primary);
  flex-shrink: 0;
}
.coach-feedback__header-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.coach-feedback__prompt-block {
  flex: 1 1 480px;
}
.coach-feedback__question-prompt {
  margin: 2px 0 0;
  font-family: var(--coach-font-display);
  font-size: clamp(1.3rem, 1.8vw, 1.7rem);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  color: var(--color-text-primary);
  max-width: 100%;
}
.coach-feedback__controls-block {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.coach-feedback__controls-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.coach-media-toggle-btn,
.coach-transcript-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-text-secondary);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    background 150ms ease,
    color 150ms ease;
}
.coach-media-toggle-btn:hover,
.coach-transcript-toggle-btn:hover {
  border-color: color-mix(in srgb, var(--color-primary) 40%, var(--color-border));
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.03);
}
.coach-media-toggle-btn:focus-visible,
.coach-transcript-toggle-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.coach-media-toggle-btn svg,
.coach-transcript-toggle-btn svg {
  opacity: 0.7;
}
.coach-feedback__media-container {
  margin-top: 10px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  background: #000;
}
.coach-feedback__video-element {
  display: block;
  width: 100%;
  max-height: 380px;
  background: #000;
}
.coach-feedback__media-container--audio {
  padding: 12px;
  background: var(--color-surface);
}
.coach-feedback__audio-element {
  display: block;
  width: 100%;
}
.coach-feedback__transcript-box {
  margin-top: 10px;
  padding: 14px 16px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
}
.coach-feedback__transcript-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-border);
}
.coach-feedback__transcript-header strong {
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-text-primary);
}
.coach-feedback__transcript-header small {
  color: var(--color-text-muted);
  font-size: 0.7rem;
}
.coach-feedback__transcript-text {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 0.86rem;
  line-height: 1.6;
}
.coach-feedback__transcript-unavailable {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.82rem;
  font-style: italic;
}
.coach-feedback__section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-border);
}
.coach-feedback__section-title {
  margin: 0;
  font-family: var(--coach-font-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}
.coach-feedback__section-header-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.coach-feedback__what-worked {
  padding: 18px 22px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
  border-radius: 14px;
  background: rgba(0, 194, 129, 0.035);
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
}
.coach-feedback__what-worked-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
  .coach-feedback__what-worked-grid {
    grid-template-columns: 1.15fr 0.85fr;
    align-items: start;
    gap: 24px;
  }
}
.coach-feedback__what-worked-primary-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.coach-feedback__what-worked .coach-feedback__section-title {
  color: var(--color-primary);
  font-size: 0.7rem;
  letter-spacing: 0.07em;
}
.coach-feedback__worked-primary {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 0.96rem;
  line-height: 1.55;
  font-weight: 500;
  max-width: 100%;
}
.coach-feedback__what-worked-more-col .coach-feedback__more-worked {
  margin-top: 0;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  padding: 10px 14px;
}
.coach-feedback__more-worked summary {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  color: var(--color-text-secondary);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
  transition: color 120ms ease;
}
.coach-feedback__more-worked summary:hover {
  color: var(--color-text-primary);
}
.coach-feedback__more-worked ul {
  margin: 8px 0 0;
  padding-left: 18px;
  display: grid;
  gap: 5px;
}
.coach-feedback__more-worked li {
  color: var(--color-text-secondary);
  font-size: 0.84rem;
  line-height: 1.5;
}
.coach-evidence-card--primary {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  padding: 20px 24px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
  border-radius: 14px;
  background:
    linear-gradient(
      135deg,
      rgba(0, 194, 129, 0.05) 0%,
      rgba(255, 255, 255, 0.015) 100%),
    var(--color-surface);
  box-shadow: 0 0 20px rgba(0, 194, 129, 0.06);
}
@media (min-width: 820px) {
  .coach-evidence-card--primary {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 24px;
  }
}
.coach-evidence-card__left-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.coach-evidence-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.coach-evidence-card__title-group {
  display: flex;
  align-items: center;
  gap: 10px;
}
.coach-evidence-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  background: rgba(0, 194, 129, 0.15);
  color: var(--color-primary);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.coach-evidence-card__title {
  color: var(--color-text-primary);
  font-size: 1.05rem;
  font-weight: 700;
}
.coach-evidence-card__source {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.03);
  color: var(--color-text-secondary);
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.coach-evidence-card__detail {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 0.9rem;
  line-height: 1.55;
}
.coach-evidence-card__why {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  background: rgba(0, 194, 129, 0.04);
  border: 1px solid color-mix(in srgb, var(--color-primary) 22%, transparent);
  border-radius: 10px;
}
.coach-evidence-card__why-label {
  color: var(--color-primary);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.coach-evidence-card__why-text {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 0.88rem;
  line-height: 1.55;
}
.coach-feedback__no-gap-state {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: rgba(0, 194, 129, 0.04);
  color: var(--color-text-secondary);
  font-size: 0.9rem;
  line-height: 1.5;
}
.coach-feedback__no-gap-state svg {
  color: var(--color-primary);
  flex-shrink: 0;
}
.coach-feedback__no-gap-state p {
  margin: 0;
}
.coach-feedback__framework-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  color: var(--color-text-secondary);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.coach-feedback__structure-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 860px) {
  .coach-feedback__structure-layout.has-planned {
    grid-template-columns: 0.95fr 1.05fr;
    align-items: start;
    gap: 24px;
  }
}
.coach-feedback__structure-primary-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.coach-framework-states {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.coach-framework-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border: 1px solid var(--color-border);
  border-radius: 9px;
  background: var(--color-surface);
}
.coach-framework-pill[data-present=true] {
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
}
.coach-framework-pill__label {
  color: var(--color-text-primary);
  font-size: 0.82rem;
  font-weight: 600;
}
.coach-framework-pill__state {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.coach-framework-pill[data-present=true] .coach-framework-pill__state {
  color: var(--color-primary);
}
.coach-framework-pill[data-present=false] .coach-framework-pill__state {
  color: var(--color-text-muted);
}
.coach-feedback__structure-note {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 0.92rem;
  line-height: 1.55;
  max-width: 100%;
}
.coach-planned-vs-said {
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: var(--color-surface);
  overflow: hidden;
}
.coach-planned-vs-said__title {
  margin: 0;
  padding: 10px 16px;
  color: var(--color-text-primary);
  font-family: var(--coach-font-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--color-border);
}
.coach-planned-vs-said__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.coach-planned-vs-said__col {
  padding: 12px 16px;
}
.coach-planned-vs-said__col + .coach-planned-vs-said__col {
  border-left: 1px solid var(--color-border);
}
.coach-planned-vs-said__label {
  display: block;
  margin-bottom: 6px;
  color: var(--color-text-muted);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.coach-planned-vs-said__col ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.coach-planned-vs-said__col li {
  display: flex;
  align-items: baseline;
  gap: 7px;
  color: var(--color-text-secondary);
  font-size: 0.82rem;
  line-height: 1.4;
}
.coach-planned-vs-said__col li[data-status=covered] {
  color: var(--color-text-primary);
}
.coach-planned-vs-said__col li[data-status=gap] {
  color: var(--color-text-muted);
}
.coach-planned-vs-said__icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.coach-planned-vs-said__col li[data-status=covered] .coach-planned-vs-said__icon {
  color: var(--color-primary);
}
.coach-planned-vs-said__col li[data-status=gap] .coach-planned-vs-said__icon {
  color: var(--color-text-muted);
  opacity: 0.6;
}
.coach-planned-vs-said__missed {
  padding: 10px 16px 12px;
  border-top: 1px solid var(--color-border);
  background: rgba(244, 63, 94, 0.03);
}
.coach-planned-vs-said__missed-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  color: var(--coach-danger, #f43f5e);
}
.coach-planned-vs-said__missed-header svg {
  flex-shrink: 0;
  opacity: 0.8;
}
.coach-planned-vs-said__missed-header strong {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.coach-planned-vs-said__missed ul {
  margin: 0;
  padding: 0 0 0 22px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.coach-planned-vs-said__missed li {
  color: var(--color-text-secondary);
  font-size: 0.8rem;
  line-height: 1.4;
}
.coach-delivery-details {
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: var(--color-surface);
  transition: border-color 150ms ease, background 150ms ease;
}
.coach-delivery-details summary {
  padding: 14px 20px;
  color: var(--color-text-secondary);
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
}
.coach-delivery-details summary:hover {
  color: var(--color-text-primary);
}
.coach-delivery-details__body {
  padding: 0 20px 20px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 768px) {
  .coach-delivery-details__body {
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 20px;
  }
}
.coach-delivery-disclaimer {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.76rem;
  line-height: 1.45;
  grid-column: 1 / -1;
}
.coach-delivery-overrun {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
  border-radius: 9px;
  background: rgba(0, 194, 129, 0.04);
}
.coach-delivery-overrun strong {
  color: var(--color-primary);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.coach-delivery-overrun span {
  color: var(--color-text-secondary);
  font-size: 0.84rem;
  line-height: 1.45;
}
.coach-delivery-metrics-list {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
}
.coach-delivery-metrics-list li {
  color: var(--color-text-secondary);
  font-size: 0.84rem;
  line-height: 1.45;
}
.coach-feedback__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding-top: 8px;
}
.coach-feedback__primary-action-wrap {
  width: 100%;
  max-width: 440px;
}
.coach-feedback__primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  padding: 12px 24px;
  font-size: 0.95rem;
  font-weight: 700;
  box-shadow: 0 0 24px rgba(0, 194, 129, 0.2);
}
.coach-feedback__secondary-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 440px;
  gap: 16px;
}
.coach-feedback__text-btn {
  background: transparent;
  border: 0;
  padding: 6px 0;
  color: var(--color-text-muted);
  font-size: 0.78rem;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 150ms ease;
}
.coach-feedback__text-btn:hover {
  color: var(--color-text-primary);
}
.coach-feedback__flag-trigger-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 0;
  padding: 6px 0;
  color: var(--color-text-muted);
  font-family: var(--coach-font-body);
  font-size: 0.78rem;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 150ms ease;
}
.coach-feedback__flag-trigger-btn:hover {
  color: var(--color-text-primary);
}
.coach-dialog {
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background: var(--color-surface);
  color: var(--color-text-primary);
  max-width: 480px;
  width: calc(100% - 32px);
  padding: 0;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.6);
  font-family: var(--coach-font-body);
}
.coach-dialog :is(button, textarea, input, select, legend, label) {
  font-family: var(--coach-font-body);
}
.coach-dialog::backdrop {
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
}
.coach-dialog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  border-bottom: 1px solid var(--color-border);
}
.coach-dialog__header h3 {
  margin: 0;
  font-family: var(--coach-font-display);
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.coach-dialog__close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  color: var(--color-text-muted);
  cursor: pointer;
  padding: 4px;
}
.coach-dialog__close-btn:hover {
  color: var(--color-text-primary);
}
.coach-dialog__body {
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.coach-dialog__notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
  color: var(--color-text-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}
.coach-dialog__notice svg {
  color: var(--color-text-secondary);
  flex-shrink: 0;
  margin-top: 1px;
}
.coach-dialog__fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.coach-dialog__fieldset legend {
  margin-bottom: 8px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.coach-dialog__radio-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.84rem;
  color: var(--color-text-secondary);
  cursor: pointer;
}
.coach-dialog__text-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.coach-dialog__text-label span {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--color-text-muted);
}
.coach-dialog__text-label textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
  color: var(--color-text-primary);
  font-family: inherit;
  font-size: 0.84rem;
  resize: vertical;
}
.coach-dialog__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 22px;
  border-top: 1px solid var(--color-border);
  background: rgba(255, 255, 255, 0.015);
}
.coach-button--disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
@media (max-width: 768px) {
  .coach-feedback-document {
    padding-bottom: 90px;
  }
  .coach-feedback__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background:
      linear-gradient(
        180deg,
        rgba(13, 13, 19, 0) 0%,
        rgba(13, 13, 19, 0.95) 20%,
        var(--color-surface) 100%);
    backdrop-filter: blur(12px);
    padding: 12px 16px env(safe-area-inset-bottom, 16px);
    border-top: 1px solid var(--color-border);
    z-index: 40;
  }
  .coach-feedback__primary-action-wrap {
    max-width: 100%;
  }
  .coach-feedback__secondary-actions {
    max-width: 100%;
  }
}
.coach-delivery-details {
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}
.coach-delivery-details summary {
  padding: 16px 20px;
  font-size: 0.88rem;
  font-weight: 650;
  cursor: pointer;
}
.coach-delivery-details > div {
  padding: 0 20px 20px;
}
.coach-delivery-details p {
  margin: 0 0 12px;
  color: var(--color-text-muted);
  font-size: 0.76rem;
  line-height: 1.5;
}
.coach-delivery-details ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.coach-delivery-details li {
  color: var(--color-text-secondary);
  font-size: 0.8rem;
  line-height: 1.5;
}
.coach-draft-recovery {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 410px;
  padding: 54px 24px;
  text-align: center;
}
.coach-draft-recovery__icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  color: var(--color-primary);
  border: 1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
  border-radius: 50%;
  background: var(--color-primary-subtle);
}
.coach-draft-recovery > span {
  color: var(--color-primary);
  font-family: var(--coach-font-body);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.coach-draft-recovery h2 {
  margin: 9px 0;
  font-family: var(--coach-font-display);
  font-size: clamp(2rem, 3.2vw, 2.6rem);
  line-height: 1.05;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-weight: 400;
}
.coach-draft-recovery > p {
  max-width: 56ch;
  margin: 0;
  color: var(--color-text-secondary);
  line-height: 1.6;
}
.coach-draft-recovery > small {
  margin-top: 12px;
  color: var(--color-text-muted);
  font-size: 0.74rem;
}
.coach-transcript-details {
  margin-top: 10px;
}
.coach-transcript-details summary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 15px 18px;
  font-size: 0.78rem;
  font-weight: 650;
  cursor: pointer;
}
.coach-transcript-details > div {
  padding: 0 18px 18px;
  color: var(--color-text-secondary);
  font-size: 0.76rem;
  line-height: 1.65;
}
.coach-transcript-details p {
  margin: 9px 0 0;
}
.coach-session-reminder,
.coach-reset-link {
  display: block;
  margin: 24px auto 0;
  color: var(--color-text-muted);
  font-size: 0.68rem;
  text-align: center;
}
.coach-reset-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 5px;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 900px) {
  .coach-home,
  .coach-question-layout,
  .coach-prep,
  .coach-feedback {
    grid-template-columns: 1fr;
  }
  .coach-guide-grid,
  .coach-home__intro-cards,
  .coach-feedback__star-grid {
    grid-template-columns: 1fr;
  }
  .coach-home__start {
    border-top: 1px solid var(--color-border);
    border-left: 0;
  }
  .coach-mode-picker__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .coach-mode {
    align-items: flex-start;
    min-height: 100px;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .coach-page {
    padding: 8px 0 12px;
  }
  .coach-header {
    position: relative;
    display: block;
    padding: 0 40px;
    margin-bottom: 17px;
    text-align: center;
  }
  .coach-header > div:first-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
  }
  .coach-header h1 {
    font-size: 1.75rem;
  }
  .coach-eyebrow {
    font-size: 0.72rem;
  }
  .coach-privacy-mark {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 8px;
    transform: translateY(-50%);
  }
  .coach-privacy-mark span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .coach-progress-row {
    margin-bottom: 18px;
  }
  .coach-home {
    min-height: 0;
  }
  .coach-home__intro,
  .coach-home__start,
  .coach-prep__question {
    padding: 24px 19px;
  }
  .coach-home__start {
    padding-bottom: 82px;
  }
  .coach-home__sticky-action {
    position: fixed;
    z-index: 29;
    right: 0;
    bottom: calc(var(--bottom-nav-height, 60px) + 20px + env(safe-area-inset-bottom, 0px));
    left: 0;
    padding: 10px 12px;
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
    box-shadow: 0 -14px 28px color-mix(in srgb, var(--color-background) 72%, transparent);
  }
  .coach-home__sticky-action .coach-button {
    width: 100%;
    font: inherit;
  }
  .coach-home__intro h2 {
    font-size: 2.2rem;
  }
  .coach-home__intro ul {
    margin-top: 22px;
  }
  .coach-mode-picker__grid {
    grid-template-columns: 1fr;
  }
  .coach-mode {
    min-height: 66px;
    flex-direction: row;
    align-items: center;
  }
  .coach-section-heading h2,
  .coach-feedback__header h2 {
    font-size: 1.8rem;
  }
  .coach-device-check .coach-section-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 22px;
    text-align: center;
  }
  .coach-device-check .coach-section-heading > p {
    max-width: 36ch;
    line-height: 1.55;
  }
  .coach-video-stage {
    height: min(52vw, 300px);
    aspect-ratio: auto;
    border-radius: 10px;
  }
  .coach-video-stage__empty {
    padding: 20px;
    text-align: center;
  }
  .coach-device-panel {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .coach-device-panel__meter {
    min-width: 70%;
  }
  .coach-device-status {
    width: 100%;
    padding-left: 33px;
  }
  .coach-device-panel--voice {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    min-height: 0;
    padding: 18px;
  }
  .coach-device-panel--text {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 20px;
    align-items: start;
    gap: 12px;
    min-height: 0;
    padding: 18px;
  }
  .coach-device-panel--text > div {
    grid-column: 2;
    min-width: 0;
  }
  .coach-device-panel--text .coach-success-icon {
    grid-column: 3;
    margin-left: 0;
  }
  .coach-device-panel--meter {
    display: grid;
    grid-template-columns: 22px minmax(92px, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 0;
    padding: 18px;
  }
  .coach-device-panel--meter > svg {
    grid-column: 1;
  }
  .coach-device-panel--meter .coach-device-panel__meter {
    grid-column: 2;
    width: 100%;
    min-width: 0;
  }
  .coach-device-panel--meter .coach-device-status {
    grid-column: 3;
    width: auto;
    padding-left: 0;
    white-space: nowrap;
  }
  .coach-device-panel--meter .coach-mic-meter span {
    flex: 1;
    width: auto;
    max-width: 8px;
  }
  .coach-device-check .coach-actions {
    margin-top: 12px;
  }
  .coach-device-check > .coach-button--full {
    white-space: nowrap;
  }
  .coach-question-layout,
  .coach-prep {
    gap: 18px;
  }
  .coach-prep__meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
  }
  .coach-prep__meta .coach-kicker {
    margin-left: 0;
  }
  .coach-evidence {
    padding: 18px;
  }
  .coach-prep__question h2 {
    font-size: 1.35rem;
  }
  .coach-notes textarea {
    min-height: 170px;
  }
  .coach-recording__header {
    display: grid;
    gap: 12px;
  }
  .coach-recording__timer {
    justify-self: start;
  }
  .coach-recording-layout {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .coach-recording-layout__aside {
    order: -1;
  }
  .coach-recording-layout__aside .coach-answer-notes {
    position: static;
  }
  .coach-recording-layout__aside .coach-answer-notes dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .coach-text-answer {
    padding: 16px;
  }
  .coach-text-answer textarea {
    min-height: clamp(180px, 32dvh, 240px);
  }
  .coach-text-answer > div {
    display: grid;
    gap: 3px;
  }
  .coach-feedback__columns,
  .coach-feedback__evidence ul,
  .coach-feedback__structure ul {
    grid-template-columns: 1fr;
  }
  .coach-feedback__primary-action .coach-button {
    width: 100%;
  }
  .coach-transcript-details > div,
  .coach-feedback__header > div {
    overflow-wrap: anywhere;
  }
  .coach-feedback__header > div {
    align-items: flex-start;
  }
  .coach-processing,
  .coach-time-ended {
    min-height: 0;
    padding: 34px 10px;
  }
  .coach-feedback__columns > section {
    padding: 22px 0;
  }
  .coach-feedback__columns > section + section {
    padding: 22px 0;
    border-top: 1px solid var(--color-border);
    border-left: 0;
  }
  .coach-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .coach-actions .coach-button {
    width: 100%;
  }
  .coach-actions .coach-button--primary {
    grid-row: 1;
  }
}
@media (max-width: 767px) and (max-height: 500px) {
  .coach-video-stage {
    height: 150px;
  }
}
@media (max-width: 480px) {
  .coach-progress-row {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }
  .coach-session-clock {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 360px) {
  .coach-header h1 {
    font-size: 1.5rem;
  }
  .coach-home__intro,
  .coach-home__start,
  .coach-prep__question {
    padding-right: 16px;
    padding-left: 16px;
  }
  .coach-home__intro h2 {
    font-size: 1.95rem;
  }
  .coach-question-option,
  .coach-question-card,
  .coach-text-answer,
  .coach-feedback__evidence {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .coach-page *,
  .coach-page *::before,
  .coach-page *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.coach-spec-page {
  --coach-font-body:
    "Mohave",
    system-ui,
    sans-serif;
  --coach-font-display: "Bebas Neue", sans-serif;
  --coach-font-mono: "JetBrains Mono", monospace;
  font-family: var(--coach-font-body);
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.coach-spec-page :is(button, textarea, input, select) {
  font-family: var(--coach-font-body);
}
.coach-spec-page :is(h1, h2, .heading-display) {
  font-family: var(--coach-font-display);
  font-weight: 400;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.coach-spec-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-border, #272738);
}
.coach-spec-header__top-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.coach-spec-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 1px solid var(--color-border, #272738);
  color: var(--color-text-secondary, #a1a1aa);
  font-family: var(--coach-font-body);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.coach-spec-back-btn:hover {
  color: #fff;
  border-color: var(--color-primary, #00c281);
  background: rgba(255, 255, 255, 0.04);
}
.coach-spec-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.14);
  border: 1px solid rgba(16, 185, 129, 0.35);
  color: var(--color-primary, #10b981);
  font-family: var(--coach-font-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.coach-spec-question-prompt {
  font-family: var(--coach-font-display);
  font-size: clamp(1.8rem, 2.5vw, 2.5rem);
  line-height: 1.12;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  margin: 0;
  color: var(--color-text-primary, #fff);
}
.coach-spec-meta-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-family: var(--coach-font-body);
  font-size: 0.82rem;
  color: var(--color-text-secondary, #a1a1aa);
  font-weight: 500;
}
.coach-spec-media-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--color-border, #272738);
  color: var(--color-text-primary, #f4f4f5);
  font-family: var(--coach-font-body);
  font-size: 0.76rem;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.coach-spec-media-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--color-primary, #00c281);
}
.coach-spec-media-drawer {
  margin-top: 10px;
  padding: 14px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--color-border, #272738);
}
.coach-spec-media-player {
  width: 100%;
  max-height: 280px;
  border-radius: 6px;
  outline: none;
}
.coach-spec-media-player:not(.coach-spec-media-player--audio) {
}
.coach-spec-media-player--audio {
  max-height: 50px;
}
.coach-spec-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.58fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.coach-spec-col-left,
.coach-spec-col-right {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}
.coach-spec-card {
  background: var(--color-surface, #14141d);
  border: 1px solid var(--color-border, #272738);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.22);
}
.coach-spec-card__header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.coach-spec-heading-group {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.coach-spec-card-title {
  font-family: var(--coach-font-display);
  font-size: 1.32rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin: 0;
  color: var(--color-text-primary, #fff);
}
.coach-spec-segmented-control {
  display: inline-flex;
  padding: 3px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--color-border, #272738);
  border-radius: 999px;
  gap: 2px;
}
.coach-spec-seg-btn {
  padding: 4px 13px;
  border-radius: 999px;
  font-size: 0.77rem;
  font-weight: 600;
  border: none;
  background: transparent;
  color: var(--color-text-secondary, #9ca3af);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: var(--coach-font-body);
}
.coach-spec-seg-btn:hover {
  color: #fff;
}
.coach-spec-seg-btn.is-active {
  background: var(--color-surface-hover, #232332);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.coach-spec-fullscreen-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-text-secondary, #a1a1aa);
  background: transparent;
  border: 1px solid var(--color-border, #272738);
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: var(--coach-font-body);
}
.coach-spec-fullscreen-btn:hover {
  color: #fff;
  border-color: var(--color-primary, #00c281);
  background: rgba(255, 255, 255, 0.04);
}
.coach-spec-highlight-key {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  margin-bottom: 14px;
}
.coach-spec-key-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--coach-font-body);
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--color-text-secondary, #d4d4d8);
}
.coach-spec-key-swatch {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.coach-spec-answer-body {
  position: relative;
  min-height: 120px;
}
.coach-spec-answer-text {
  font-family: var(--coach-font-body);
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--color-text-primary, #f4f4f5);
  margin: 0;
}
.coach-spec-answer-text--empty {
  color: var(--color-text-secondary, #71717a);
  font-style: italic;
}
.coach-spec-highlight {
  padding: 1px 2px;
  border-radius: 3px;
  cursor: help;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  transition: filter 0.15s ease;
}
.coach-spec-highlight:hover {
  filter: brightness(1.25);
}
.coach-spec-locked-preview-container {
  position: relative;
  min-height: 140px;
  border-radius: 8px;
  overflow: hidden;
}
.coach-spec-locked-preview-text.is-blurred {
  filter: blur(5px);
  opacity: 0.38;
  user-select: none;
  pointer-events: none;
  line-height: 1.68;
}
.coach-spec-compact-upgrade-card {
  position: absolute;
  inset: 0;
  margin: auto;
  max-width: 380px;
  height: fit-content;
  background: rgba(20, 20, 29, 0.94);
  border: 1px solid var(--color-primary, #00c281);
  border-radius: 10px;
  padding: 18px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(12px);
  z-index: 5;
}
.coach-spec-compact-upgrade-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-primary, #00c281);
  font-family: var(--coach-font-body);
  font-weight: 700;
  font-size: 0.8rem;
}
.coach-spec-compact-upgrade-card__text {
  font-family: var(--coach-font-body);
  font-size: 0.78rem;
  color: var(--color-text-secondary, #a1a1aa);
  margin: 0;
  line-height: 1.4;
}
.coach-spec-compact-upgrade-btn {
  font-family: var(--coach-font-body);
  margin-top: 4px;
  padding: 6px 18px;
  font-size: 0.78rem;
}
.coach-spec-four-col-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.coach-spec-improve-card-col {
  position: relative;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--color-border, #272738);
  border-radius: 8px;
  padding: 14px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 230px;
  transition: border-color 0.15s ease;
}
.coach-spec-improve-card-col:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.coach-spec-card-num-badge {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(244, 63, 94, 0.15);
  border: 1px solid rgba(244, 63, 94, 0.4);
  color: #f43f5e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--coach-font-body);
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 8px;
  flex-shrink: 0;
}
.coach-spec-card-num-badge--well {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #10b981;
}
.coach-spec-card-col-title {
  font-size: 0.88rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 6px;
  text-transform: none;
  font-family: var(--coach-font-body);
  line-height: 1.25;
}
.coach-spec-card-col-detail {
  font-family: var(--coach-font-body);
  font-size: 0.79rem;
  line-height: 1.45;
  color: var(--color-text-secondary, #a1a1aa);
  margin: 0 0 10px;
  flex: 1 1 auto;
}
.coach-spec-card-col-detail.is-placeholder,
.coach-spec-card-tip-pill.is-placeholder {
  user-select: none;
  opacity: 0.35;
  color: var(--color-text-muted, #71717a);
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
}
.coach-spec-card-tip-pill.is-placeholder {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--color-border, #272738);
  color: var(--color-text-muted, #71717a);
}
.coach-spec-card-tip-pill {
  position: static;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-family: var(--coach-font-body);
  font-size: 0.73rem;
  line-height: 1.35;
  padding: 6px 8px;
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: 6px;
  color: #fbbf24;
  white-space: normal;
  word-break: break-word;
  margin-top: auto;
  box-sizing: border-box;
  width: 100%;
}
.coach-spec-card-tip-pill svg {
  flex-shrink: 0;
  margin-top: 1px;
}
.coach-spec-card-tip-pill--well {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.28);
  color: #34d399;
}
.coach-spec-card-tip-pill span {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-word;
}
.coach-spec-improve-card-col.is-gated-col {
  overflow: hidden;
}
.coach-spec-col-upgrade-overlay {
  position: absolute;
  inset: 0;
  background: rgba(14, 14, 21, 0.92);
  backdrop-filter: blur(6px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px;
  gap: 6px;
  z-index: 2;
  color: #fff;
  font-family: var(--coach-font-body);
}
.coach-spec-col-upgrade-overlay strong {
  font-family: var(--coach-font-body);
  font-size: 0.82rem;
  color: #fff;
  margin-top: 2px;
}
.coach-spec-col-upgrade-overlay p {
  font-family: var(--coach-font-body);
  font-size: 0.73rem;
  color: var(--color-text-secondary, #a1a1aa);
  margin: 0;
  line-height: 1.3;
}
.coach-spec-col-upgrade-btn {
  font-family: var(--coach-font-body);
  margin-top: 6px;
  padding: 4px 14px;
  font-size: 0.75rem;
}
.coach-spec-perf-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.coach-spec-perf-body {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 22px;
  align-items: center;
}
@media (max-width: 640px) {
  .coach-spec-perf-body {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.coach-spec-gauge-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 120px;
  height: 120px;
  flex-shrink: 0;
  padding: 0;
}
.coach-spec-gauge-svg {
  transform: rotate(-90deg);
}
.coach-spec-gauge-track {
  stroke: rgba(255, 255, 255, 0.08);
}
.coach-spec-gauge-fill {
  stroke: var(--color-primary, #00c281);
  transition: stroke-dashoffset 0.6s ease;
}
.coach-spec-gauge-label-group {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  text-align: center;
}
.coach-spec-gauge-score {
  font-family: var(--coach-font-display);
  font-size: 1.85rem;
  line-height: 1;
  color: #fff;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  margin-top: -2px;
}
.coach-spec-gauge-max {
  font-family: var(--coach-font-body);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-text-secondary, #71717a);
}
.coach-spec-gauge-sub {
  font-family: var(--coach-font-body);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--color-text-secondary, #a1a1aa);
  margin-top: 3px;
  text-transform: none;
}
.coach-spec-bars-container {
  position: relative;
}
.coach-spec-bars-container.is-bars-gated {
  cursor: pointer;
  border-radius: 8px;
  padding: 6px;
  background: rgba(0, 0, 0, 0.15);
  border: 1px dashed rgba(255, 255, 255, 0.1);
  transition: border-color 0.15s ease;
}
.coach-spec-bars-container.is-bars-gated:hover {
  border-color: var(--color-primary, #00c281);
}
.coach-spec-bars-inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.coach-spec-bars-inner.is-blurred {
  filter: blur(6px);
  user-select: none;
  pointer-events: none;
  opacity: 0.45;
}
.coach-spec-bar-row {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.coach-spec-bar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--coach-font-body);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--color-text-secondary, #d4d4d8);
}
.coach-spec-bar-val {
  color: #fff;
  font-weight: 700;
  font-family: var(--coach-font-body);
}
.coach-spec-bar-track {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  overflow: hidden;
}
.coach-spec-bar-fill {
  height: 100%;
  background: var(--color-primary, #00c281);
  border-radius: 999px;
  transition: width 0.4s ease;
}
.coach-spec-bars-gate-caption {
  margin-top: 10px;
  font-family: var(--coach-font-body);
  font-size: 0.75rem;
  color: var(--color-text-secondary, #a1a1aa);
  display: flex;
  align-items: center;
  gap: 5px;
}
.coach-spec-bars-link {
  color: var(--color-primary, #00c281);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
  font-family: var(--coach-font-body);
}
.coach-spec-evidence-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.coach-spec-evidence-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.coach-spec-evidence-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 12px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--color-border, #272738);
  border-radius: 8px;
  transition: border-color 0.15s ease;
  font-family: var(--coach-font-body);
}
.coach-spec-evidence-item:hover {
  border-color: rgba(255, 255, 255, 0.12);
}
.coach-spec-evidence-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: rgba(6, 182, 212, 0.12);
  color: #06b6d4;
  flex-shrink: 0;
  margin-top: 1px;
}
.coach-spec-evidence-item__content {
  flex: 1;
  min-width: 0;
}
.coach-spec-evidence-item__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
}
.coach-spec-evidence-item__title {
  font-family: var(--coach-font-body);
  font-size: 0.84rem;
  font-weight: 700;
  color: #fff;
  white-space: normal;
  word-break: break-word;
  line-height: 1.25;
}
.coach-spec-evidence-item__type-pill {
  font-family: var(--coach-font-body);
  font-size: 0.68rem;
  padding: 2px 7px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-text-secondary, #a1a1aa);
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: 1px;
}
.coach-spec-evidence-item__detail {
  font-family: var(--coach-font-body);
  font-size: 0.76rem;
  line-height: 1.35;
  color: var(--color-text-secondary, #a1a1aa);
  margin: 3px 0 0;
}
.coach-spec-evidence-empty {
  font-family: var(--coach-font-body);
  font-size: 0.82rem;
  color: var(--color-text-secondary, #71717a);
  font-style: italic;
  margin: 0;
}
.coach-spec-evidence-action-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}
.coach-spec-see-inserted-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  font-family: var(--coach-font-body);
  font-size: 0.8rem;
  padding: 8px 14px;
}
.coach-spec-evidence-preclick-note {
  font-family: var(--coach-font-body);
  font-size: 0.71rem;
  color: var(--color-text-secondary, #a1a1aa);
  line-height: 1.35;
}
.coach-spec-templates-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.coach-spec-templates-collapsed-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.coach-spec-template-compact-card {
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--color-border, #272738);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: var(--coach-font-body);
}
.coach-spec-template-compact-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.coach-spec-template-compact-card__head strong {
  font-family: var(--coach-font-display);
  font-size: 1.15rem;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #fff;
}
.coach-spec-template-tag {
  font-family: var(--coach-font-body);
  font-size: 0.68rem;
  padding: 2px 7px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-text-secondary, #a1a1aa);
  font-weight: 600;
  white-space: nowrap;
}
.coach-spec-template-compact-card__sub {
  font-family: var(--coach-font-body);
  font-size: 0.77rem;
  color: var(--color-text-secondary, #a1a1aa);
  margin: 0;
}
.coach-spec-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 8px;
  margin-top: 4px;
}
.coach-spec-footer-primary {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}
.coach-spec-retry-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--coach-font-body);
  font-size: 0.82rem;
  padding: 9px 16px;
}
.coach-spec-next-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--coach-font-body);
  font-size: 0.88rem;
  font-weight: 700;
  padding: 10px 24px;
  box-shadow: 0 4px 18px color-mix(in srgb, var(--color-primary, #00c281) 35%, transparent);
}
.coach-spec-takeover-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(9, 9, 14, 0.98);
  backdrop-filter: blur(16px);
  overflow-y: auto;
  padding: 32px 40px calc(48px + env(safe-area-inset-bottom));
  display: flex;
  justify-content: center;
  font-family: var(--coach-font-body);
}
.coach-spec-takeover-container {
  width: 100%;
  max-width: 1100px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.coach-spec-takeover-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-border, #272738);
}
.coach-spec-takeover-title {
  font-family: var(--coach-font-display);
  font-size: clamp(1.8rem, 2.5vw, 2.4rem);
  line-height: 1.15;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  margin: 4px 0 0;
  color: #fff;
}
.coach-spec-takeover-close-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--color-border, #272738);
  color: #fff;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: var(--coach-font-body);
}
.coach-spec-takeover-close-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: var(--color-primary, #00c281);
}
.coach-spec-takeover-key-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--color-border, #272738);
  border-radius: 8px;
  font-family: var(--coach-font-body);
}
.coach-spec-takeover-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.coach-spec-takeover-block {
  background: var(--color-surface, #14141d);
  border: 1px solid var(--color-border, #272738);
  border-radius: 12px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.coach-spec-takeover-block__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding-bottom: 8px;
}
.coach-spec-takeover-block__header h3 {
  font-family: var(--coach-font-display);
  font-size: 1.4rem;
  margin: 0;
  color: #fff;
}
.coach-spec-takeover-block__sub {
  font-family: var(--coach-font-body);
  font-size: 0.78rem;
  color: var(--color-text-secondary, #a1a1aa);
}
.coach-spec-takeover-text-box {
  line-height: 1.72;
  font-family: var(--coach-font-body);
}
.coach-spec-locked-preview-container--fullscreen {
  min-height: 220px;
}
.coach-spec-fullscreen-upgrade-card {
  position: absolute;
  inset: 0;
  margin: auto;
  max-width: 440px;
  height: fit-content;
  background: rgba(20, 20, 29, 0.95);
  border: 1px solid var(--color-primary, #00c281);
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(14px);
  z-index: 5;
  font-family: var(--coach-font-body);
}
.coach-spec-fullscreen-upgrade-card__lock {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary, #00c281);
}
.coach-spec-fullscreen-upgrade-card h3 {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0;
  color: #fff;
  text-transform: none;
  font-family: var(--coach-font-body);
}
.coach-spec-fullscreen-upgrade-card p {
  font-family: var(--coach-font-body);
  font-size: 0.82rem;
  color: var(--color-text-secondary, #a1a1aa);
  margin: 0;
  line-height: 1.4;
}
.coach-spec-fullscreen-upgrade-btn {
  font-family: var(--coach-font-body);
  margin-top: 6px;
  width: 100%;
}
.coach-spec-fullscreen-dismiss-btn {
  background: transparent;
  border: none;
  color: var(--color-text-secondary, #a1a1aa);
  font-family: var(--coach-font-body);
  font-size: 0.78rem;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding: 4px;
}
.coach-spec-fullscreen-dismiss-btn:hover {
  color: #fff;
}
.coach-spec-templates-full-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.coach-spec-template-detail-col {
  background: var(--color-surface, #14141d);
  border: 1px solid var(--color-border, #272738);
  border-radius: 12px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.coach-spec-template-col-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 10px;
}
.coach-spec-template-col-header h3 {
  font-family: var(--coach-font-display);
  font-size: 1.6rem;
  margin: 0;
  color: #fff;
}
.coach-spec-template-col-sub {
  font-family: var(--coach-font-body);
  font-size: 0.8rem;
  color: var(--color-primary, #00c281);
  font-weight: 600;
}
.coach-spec-template-bullets {
  margin: 0;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: var(--coach-font-body);
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--color-text-secondary, #d4d4d8);
}
.coach-spec-template-bullets strong {
  color: #fff;
}
@media (max-width: 1024px) {
  .coach-spec-grid {
    grid-template-columns: 1fr;
  }
  .coach-spec-four-col-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .coach-spec-templates-collapsed-row {
    grid-template-columns: 1fr;
  }
  .coach-spec-templates-full-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .coach-spec-header__top-row {
    justify-content: space-between;
  }
  .coach-spec-four-col-grid {
    grid-template-columns: 1fr;
  }
  .coach-spec-footer {
    flex-direction: column;
    align-items: stretch;
  }
  .coach-spec-footer-primary {
    margin-left: 0;
    flex-direction: column;
  }
  .coach-spec-footer-primary .coach-button {
    width: 100%;
    justify-content: center;
  }
  .coach-spec-takeover-overlay {
    padding: 16px;
  }
}

/* src/app/pages/admin/interview-coach/question-bank.css */
.question-bank {
  width: 100%;
  max-width: 1480px;
  min-width: 0;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: var(--color-text-primary);
  font-size: .875rem;
  line-height: 1.5;
}
.question-bank .qb-muted {
  color: var(--color-text-secondary);
}
.question-bank .qb-header,
.question-bank .qb-section-heading,
.question-bank .qb-library-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.question-bank .qb-header > div,
.question-bank .qb-section-heading > div,
.question-bank .qb-library-heading > div {
  min-width: 0;
}
.question-bank .qb-header h1 {
  line-height: 1.25;
  letter-spacing: -.025em;
}
.question-bank .qb-header > button {
  flex-shrink: 0;
}
.question-bank .qb-panel {
  padding: 24px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: var(--color-card);
}
.question-bank :is(button, a[data-slot=button], input:not([type=file]), select),
.qb-dialog button {
  min-height: 44px;
  border-radius: 8px;
  font-size: .875rem;
  line-height: 1.25;
}
.question-bank :is(button, a[data-slot=button]),
.qb-dialog button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-inline: 16px;
  flex-shrink: 0;
  white-space: nowrap;
}
.question-bank [data-slot=button],
.qb-dialog [data-slot=button] {
  border-color: var(--color-border);
}
.question-bank button:focus-visible,
.question-bank :is(input, textarea, select, a):focus-visible,
.qb-dialog button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}
.question-bank .qb-primary,
.qb-dialog .qb-primary {
  background: var(--color-primary);
  color: var(--brand-color-background);
  font-weight: 600;
}
.question-bank .qb-primary:hover,
.qb-dialog .qb-primary:hover {
  filter: brightness(1.08);
}
[data-theme=light] .question-bank .qb-primary,
[data-theme=light] .qb-dialog .qb-primary {
  color: var(--color-text-primary);
}
.question-bank .qb-success,
.question-bank .qb-import-success {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--color-success, #22c55e) 40%, transparent);
  border-radius: 10px;
  background: color-mix(in srgb, var(--color-success, #22c55e) 10%, var(--color-card));
  color: var(--color-text-primary);
}
.question-bank .qb-success button {
  min-height: 32px;
  height: 32px;
  padding-inline: 8px;
  color: var(--color-text-secondary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.question-bank .qb-editor form {
  margin-top: 24px;
}
.question-bank .qb-editor fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 24px;
  min-width: 0;
}
.question-bank .qb-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  font-size: .875rem;
  font-weight: 500;
}
.question-bank .qb-field :is(input, textarea, select) {
  width: 100%;
  font-weight: 400;
}
.question-bank .qb-field-label {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
}
.question-bank .qb-field select {
  padding: 0 12px;
  border: 1px solid var(--color-border);
  background: var(--color-card);
  color: var(--color-text-primary);
  font: inherit;
}
.question-bank .qb-field textarea {
  min-height: 104px;
  padding: 12px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--color-card);
  color: var(--color-text-primary);
  line-height: 1.5;
  resize: vertical;
}
.question-bank .qb-span-full {
  grid-column: 1 / -1;
}
.question-bank .qb-required,
.question-bank .qb-optional {
  display: inline;
  color: var(--color-text-muted);
  font-size: .75rem;
  font-weight: 400;
}
.question-bank .qb-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 20px;
  margin-top: 24px;
  border-top: 1px solid var(--color-border);
}
.question-bank .qb-form-actions button {
  min-width: 120px;
}
.question-bank .qb-inline-error {
  color: var(--color-error, #ef4444);
  margin-top: 12px;
}
.question-bank .qb-library {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  container: question-library / inline-size;
}
.question-bank .qb-count-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
  color: var(--color-text-secondary);
}
.question-bank .qb-sample-indicator {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--color-surface-elevated);
  color: var(--color-text-muted);
  font-size: .75rem;
}
.question-bank .qb-search-wrap {
  position: relative;
}
.question-bank .qb-search-wrap > svg {
  position: absolute;
  top: 50%;
  left: 14px;
  z-index: 1;
  width: 17px;
  height: 17px;
  color: var(--color-text-muted);
  transform: translateY(-50%);
  pointer-events: none;
}
.question-bank .qb-search-wrap input {
  padding-left: 42px;
}
.question-bank .qb-filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding-bottom: 8px;
}
.question-bank .qb-results {
  min-width: 0;
}
.question-bank .qb-results .divide-y > * {
  border-color: var(--color-border);
}
.question-bank .qb-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.question-bank .qb-col-classification {
  width: 164px;
}
.question-bank .qb-col-timing {
  width: 100px;
}
.question-bank .qb-col-video {
  width: 94px;
}
.question-bank .qb-col-status {
  width: 90px;
}
.question-bank .qb-col-updated {
  width: 122px;
}
.question-bank .qb-col-actions {
  width: 172px;
}
.question-bank .qb-table :is(th, td) {
  padding: 20px 12px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--color-border);
  overflow-wrap: normal;
  word-break: normal;
}
.question-bank .qb-table thead th {
  padding-block: 13px;
  background: var(--color-surface-elevated);
  color: var(--color-text-secondary);
  font-size: .75rem;
  font-weight: 600;
  white-space: nowrap;
}
.question-bank .qb-table tbody tr:last-child > * {
  border-bottom: 0;
}
.question-bank .qb-table tbody tr:hover > * {
  background: var(--color-surface-elevated);
}
.question-bank .qb-table :is(th, td):first-child {
  padding-left: 20px;
}
.question-bank .qb-table :is(th, td):last-child {
  padding-right: 20px;
}
.question-bank .qb-table .qb-prompt {
  font-weight: 550;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.question-bank .qb-table td:nth-child(2) {
  overflow-wrap: anywhere;
}
.question-bank .qb-cell-secondary {
  display: block;
  margin-top: 4px;
  color: var(--color-text-secondary);
  font-size: .75rem;
  font-weight: 400;
}
.question-bank .qb-nowrap {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.question-bank .qb-video-ready {
  color: var(--color-text-primary);
}
.question-bank .qb-row-actions {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.question-bank .qb-row-actions button {
  min-width: 70px;
  padding-inline: 12px;
}
.question-bank .qb-table-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 112px;
  color: var(--color-text-secondary);
}
.question-bank .qb-table-empty svg {
  width: 18px;
  height: 18px;
}
.question-bank .qb-table-empty button {
  padding-inline: 4px;
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.question-bank .qb-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: max-content;
  min-height: 26px;
  padding: 4px 10px;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  line-height: 1.25;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 600;
}
.question-bank .qb-status-active {
  background: color-mix(in srgb, var(--color-success, #22c55e) 14%, transparent);
  color: var(--color-success, #22c55e);
}
.question-bank .qb-status-retired {
  background: var(--color-surface-elevated);
  color: var(--color-text-secondary);
}
[data-theme=light] .question-bank .qb-status-active {
  color: color-mix(in srgb, var(--color-success) 45%, var(--color-text-primary));
}
[data-theme=light] .question-bank .qb-status-retired {
  background: var(--color-background);
}
.question-bank .qb-question-card {
  padding: 20px;
}
.question-bank .qb-card-heading {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  justify-content: space-between;
}
.question-bank .qb-card-heading h3 {
  min-width: 0;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.question-bank .qb-card-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-block: 20px;
}
.question-bank .qb-card-details > div {
  min-width: 0;
}
.question-bank .qb-card-details dt {
  color: var(--color-text-secondary);
  font-size: .75rem;
  margin-bottom: 4px;
}
.question-bank .qb-card-details dd {
  overflow-wrap: anywhere;
}
.question-bank .qb-question-card .qb-row-actions {
  padding-top: 16px;
  border-top: 1px solid var(--color-border);
}
.question-bank .qb-import {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.question-bank .qb-file-picker {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 112px;
  padding: 20px;
  border: 1px dashed var(--color-border);
  border-radius: 10px;
  background: var(--color-surface-elevated);
  text-align: left;
  cursor: pointer;
}
.question-bank .qb-file-picker:hover {
  border-color: var(--color-primary);
}
.question-bank .qb-file-picker > svg {
  width: 22px;
  height: 22px;
  color: var(--color-primary);
}
.question-bank .qb-file-picker span,
.question-bank .qb-selected-file span {
  display: flex;
  flex-direction: column;
}
.question-bank .qb-file-picker small,
.question-bank .qb-selected-file small {
  color: var(--color-text-secondary);
}
.question-bank .qb-file-picker input {
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.question-bank .qb-file-picker:has(input:focus-visible) {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}
.question-bank .qb-selected-file {
  display: flex;
  align-items: center;
  gap: 12px;
}
.question-bank .qb-selected-file span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.question-bank .qb-selected-file > svg {
  width: 22px;
  height: 22px;
  color: var(--color-text-secondary);
}
.question-bank .qb-import-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.question-bank .qb-import-counts span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  color: var(--color-text-secondary);
}
.question-bank .qb-import-counts strong {
  color: var(--color-text-primary);
  font-size: 1rem;
}
.question-bank .qb-valid {
  color: var(--color-success, #22c55e);
}
.question-bank .qb-invalid {
  color: var(--color-error, #ef4444);
}
.question-bank .qb-import-results {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.question-bank .qb-import-preview {
  overflow-x: auto;
  border: 1px solid var(--color-border);
  border-radius: 10px;
}
.question-bank .qb-import-preview table {
  min-width: 860px;
  border-collapse: collapse;
}
.question-bank .qb-import-preview :is(th, td) {
  padding: 12px;
  border-bottom: 1px solid var(--color-border);
  text-align: left;
  vertical-align: top;
}
.question-bank .qb-import-preview th {
  background: var(--color-surface-elevated);
  color: var(--color-text-secondary);
  font-size: .75rem;
}
.question-bank .qb-import-preview tr:last-child td {
  border-bottom: 0;
}
.question-bank .qb-row-validation {
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
  max-width: 360px;
}
.question-bank .qb-row-validation svg {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  flex: 0 0 auto;
}
.question-bank .qb-import-success {
  justify-content: flex-start;
  margin: 0;
}
.question-bank .qb-import-success svg {
  width: 18px;
  height: 18px;
  color: var(--color-success, #22c55e);
}
.question-bank .qb-import-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.qb-dialog {
  background: var(--color-card);
  color: var(--color-text-primary);
  border-color: var(--color-border);
}
@container question-library (min-width: 1100px) {
  .question-bank .qb-filter-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@container question-library (max-width: 979px) {
  .question-bank .qb-results .md\:hidden {
    display: block;
  }
  .question-bank .qb-results .md\:block {
    display: none;
  }
}
@container question-library (max-width: 520px) {
  .question-bank .qb-card-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .question-bank .qb-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .question-bank {
    gap: 20px;
  }
  .question-bank .qb-header,
  .question-bank .qb-section-heading {
    flex-direction: column;
    gap: 16px;
  }
  .question-bank .qb-header > button,
  .question-bank .qb-section-heading > a {
    width: 100%;
  }
  .question-bank .qb-panel {
    padding: 16px;
  }
  .question-bank .qb-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .question-bank .qb-editor fieldset {
    grid-template-columns: minmax(0, 1fr);
  }
  .question-bank .qb-span-full {
    grid-column: auto;
  }
  .question-bank .qb-form-actions button {
    flex: 1;
    min-width: 0;
  }
  .question-bank .qb-row-actions button {
    flex: 1;
  }
  .question-bank .qb-file-picker {
    min-height: 96px;
  }
}
@media (max-width: 479px) {
  .question-bank .qb-library-heading {
    align-items: flex-end;
  }
  .question-bank .qb-library-heading {
    gap: 12px;
  }
  .question-bank .qb-library-heading > button {
    padding-inline: 10px;
  }
  .question-bank .qb-field select {
    padding-inline: 8px;
  }
  .question-bank .qb-question-card {
    padding: 16px;
  }
  .question-bank .qb-table-empty {
    flex-wrap: wrap;
  }
  .question-bank .qb-success {
    align-items: flex-start;
  }
  .question-bank .qb-import-actions {
    flex-direction: column;
  }
  .question-bank .qb-import-actions button {
    width: 100%;
  }
}

/* ../../CentralServer/CentralHost/frontend-shared/styles/reasoned-tokens.css */

/* ../../CentralServer/CentralHost/frontend-shared/styles/reasoned-theme.css */
.rt-skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 10000;
}
.rt-skip-link:focus,
.rt-skip-link:focus-visible {
  position: fixed;
  left: 12px;
  top: 12px;
  width: auto;
  height: auto;
  overflow: visible;
  padding: 12px 16px;
  background: #111;
  color: #fff;
  border: 2px solid #C9A227;
  border-radius: 8px;
  text-decoration: none;
  font: 600 14px/1.2 system-ui, sans-serif;
}
:root {
  color-scheme: dark;
  --brand-color-primary: #00c281;
  --brand-color-primary-hover: #00a369;
  --brand-color-background: #0a0a0f;
  --brand-color-surface: #12121a;
  --brand-color-surface-elevated: #1a1a26;
  --brand-color-border: #2a2a3a;
  --brand-color-text-primary: #f0f0f5;
  --brand-color-text-secondary: #8888a8;
  --brand-color-text-muted: #5a6a65;
  --brand-color-accent-amber: #f59e0b;
  --brand-color-accent-rose: #f43f5e;
  --brand-color-accent-blue: #00a3ff;
  --brand-gradient-brand:
    linear-gradient(
      135deg,
      #00c281 0%,
      #00a3ff 100%);
  --brand-tier-gold: #ffd700;
  --brand-tier-silver: #c0c0c0;
  --brand-tier-bronze: #cd7f32;
  --rt-font-ui:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --reasoned-font-ui: var(--rt-font-ui);
  --reasoned-nav-font: var(--rt-font-ui);
  --rt-bg-page: var(--brand-color-background);
  --rt-bg-card: var(--brand-color-surface);
  --rt-bg-card-elevated: var(--brand-color-surface-elevated);
  --rt-bg-glass: rgba(26, 26, 38, 0.72);
  --rt-text-primary: var(--brand-color-text-primary);
  --rt-text-secondary: var(--brand-color-text-secondary);
  --rt-text-tertiary: var(--brand-color-text-muted);
  --rt-border: var(--brand-color-border);
  --rt-border-strong: rgba(0, 194, 129, 0.4);
  --rt-green: var(--brand-color-primary);
  --rt-green-dark: var(--brand-color-primary-hover);
  --rt-green-dim: rgba(0, 194, 129, 0.12);
  --rt-green-mid: rgba(0, 194, 129, 0.25);
  --rt-green-border: rgba(0, 194, 129, 0.4);
  --rt-red: var(--brand-color-accent-rose);
  --rt-warning: var(--brand-color-accent-amber);
  --rt-shadow-card: 0 0 25px rgba(0, 0, 0, 0.6);
  --rt-shadow-hover: 0 0 45px rgba(0, 194, 129, 0.45);
  --rt-radius-card: 12px;
  --rt-radius-button: 10px;
  --rt-radius-pill: 20px;
  --rt-transition: 0.3s ease;
  --reasoned-bg: var(--rt-bg-page);
  --reasoned-bg-soft: var(--brand-color-background);
  --reasoned-surface: var(--rt-bg-card);
  --reasoned-surface-elevated: var(--rt-bg-card-elevated);
  --reasoned-surface-strong: var(--brand-color-surface-elevated);
  --reasoned-border: var(--rt-border);
  --reasoned-border-strong: var(--rt-green-border);
  --reasoned-text: var(--rt-text-primary);
  --reasoned-text-secondary: var(--rt-text-secondary);
  --reasoned-text-muted: rgba(154, 167, 163, 0.72);
  --reasoned-primary: var(--rt-green);
  --reasoned-primary-dark: var(--rt-green-dark);
  --reasoned-primary-soft: var(--rt-green-dim);
  --reasoned-primary-soft-strong: rgba(0, 194, 129, 0.18);
  --reasoned-danger: var(--rt-red);
  --reasoned-warning: var(--rt-warning);
  --reasoned-shadow-card: var(--rt-shadow-card);
  --reasoned-radius-card: var(--rt-radius-card);
  --reasoned-radius-control: var(--rt-radius-button);
  --reasoned-sidebar-width: clamp(240px, 20vw, 280px);
  --reasoned-topbar-height: 66px;
  --footer-bg: var(--brand-color-background);
  --acc: var(--rt-green);
  --red: var(--rt-red);
  --adim: var(--rt-green-dim);
  --aglow: rgba(0, 194, 129, 0.45);
  --color-bg: var(--rt-bg-page);
  --color-card: var(--rt-bg-card);
  --color-text: var(--rt-text-primary);
  --color-text-secondary: var(--rt-text-secondary);
  --color-border: var(--rt-border);
  --color-glass: rgba(255, 255, 255, 0.02);
  --color-accent: var(--rt-green);
  --shadow-card: var(--rt-shadow-card);
  --shadow-hover: var(--rt-shadow-hover);
  --shadow-accent: 0 0 10px rgba(0, 194, 129, 0.6);
  --radius-card: var(--rt-radius-card);
  --radius-button: var(--rt-radius-button);
  --transition-fast: var(--rt-transition);
  --transition-card: 0.35s ease;
}
html[data-theme=light] {
  color-scheme: light;
  --brand-color-background: #f4f4f8;
  --brand-color-surface: #ffffff;
  --brand-color-surface-elevated: #ffffff;
  --brand-color-border: #e4e4ec;
  --brand-color-text-primary: #0f0f1a;
  --brand-color-text-secondary: #5a5a7a;
  --brand-color-text-muted: #8a8aa0;
  --rt-bg-page: var(--brand-color-background);
  --rt-bg-card: var(--brand-color-surface);
  --rt-bg-card-elevated: var(--brand-color-surface-elevated);
  --rt-bg-glass: rgba(255, 255, 255, 0.85);
  --rt-text-primary: var(--brand-color-text-primary);
  --rt-text-secondary: var(--brand-color-text-secondary);
  --rt-text-tertiary: rgba(90, 90, 122, 0.72);
  --rt-border: var(--brand-color-border);
  --rt-border-strong: rgba(0, 194, 129, 0.35);
  --rt-green-dim: rgba(0, 194, 129, 0.08);
  --rt-green-mid: rgba(0, 194, 129, 0.15);
  --rt-green-border: rgba(0, 194, 129, 0.3);
  --rt-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
  --rt-shadow-hover: 0 8px 32px rgba(0, 194, 129, 0.18);
  --reasoned-bg: var(--rt-bg-page);
  --reasoned-bg-soft: #ececf2;
  --reasoned-surface: var(--rt-bg-card);
  --reasoned-surface-elevated: var(--rt-bg-card-elevated);
  --reasoned-surface-strong: #f8f8fb;
  --reasoned-border: var(--rt-border);
  --reasoned-border-strong: var(--rt-green-border);
  --reasoned-text: var(--rt-text-primary);
  --reasoned-text-secondary: var(--rt-text-secondary);
  --reasoned-text-muted: rgba(90, 90, 122, 0.6);
  --reasoned-shadow-card: var(--rt-shadow-card);
  --footer-bg: var(--rt-bg-page);
  --color-bg: var(--rt-bg-page);
  --color-card: var(--rt-bg-card);
  --color-text: var(--rt-text-primary);
  --color-text-secondary: var(--rt-text-secondary);
  --color-border: var(--rt-border);
  --color-glass: rgba(0, 0, 0, 0.02);
  --color-background: var(--rt-bg-page);
  --color-surface: var(--rt-bg-card);
  --color-surface-elevated: var(--rt-bg-card-elevated);
  --color-text-primary: var(--rt-text-primary);
  --color-text-muted: rgba(90, 90, 122, 0.6);
  --color-border-subtle: rgba(0, 0, 0, 0.05);
  --color-card-rgb:
    255,
    255,
    255;
  --shadow-card: var(--rt-shadow-card);
  --shadow-hover: var(--rt-shadow-hover);
  --bg: var(--rt-bg-page);
  --card: var(--rt-bg-card);
  --surf: var(--rt-bg-card);
  --surf2: var(--rt-bg-card-elevated);
  --txt: var(--rt-text-primary);
  --txt2: var(--rt-text-secondary);
  --muted: var(--rt-text-tertiary);
  --border: var(--rt-border);
  --reasoned-nav-border: rgba(15, 15, 26, 0.12);
  --reasoned-nav-surface: rgba(15, 15, 26, 0.04);
  --reasoned-nav-text: #2a2a3a;
  --reasoned-nav-active-text: #001c13;
  --reasoned-nav-hover: rgba(0, 194, 129, 0.1);
  --reasoned-nav-accent-border: rgba(0, 194, 129, 0.45);
}
@supports (color: color-mix(in srgb, white, black)) {
  :root {
    --acc-mix-04: color-mix(in srgb, var(--acc) 4%, transparent);
    --acc-mix-07: color-mix(in srgb, var(--acc) 7%, transparent);
    --acc-mix-10: color-mix(in srgb, var(--acc) 10%, transparent);
    --acc-mix-12: color-mix(in srgb, var(--acc) 12%, transparent);
    --acc-mix-14: color-mix(in srgb, var(--acc) 14%, transparent);
    --acc-mix-25: color-mix(in srgb, var(--acc) 25%, transparent);
    --acc-mix-35: color-mix(in srgb, var(--acc) 35%, transparent);
    --acc-mix-40: color-mix(in srgb, var(--acc) 40%, transparent);
    --acc-mix-45: color-mix(in srgb, var(--acc) 45%, transparent);
    --acc-mix-65: color-mix(in srgb, var(--acc) 65%, transparent);
    --shadow-acc-soft: 0 0 22px color-mix(in srgb, var(--acc) 65%, transparent);
    --shadow-acc-glow: 0 0 20px color-mix(in srgb, var(--acc) 40%, transparent);
    --shadow-acc-num: 0 0 22px color-mix(in srgb, var(--acc) 35%, transparent);
  }
}
.app-sidebar,
.app-sidebar button,
.app-sidebar a,
.app-sidebar input,
.education-left-sidebar,
.education-left-sidebar button,
.education-left-sidebar a,
.reasoned-button,
button.reasoned-button,
a.reasoned-button,
label.reasoned-button {
  font-family: var(--rt-font-ui);
}
.reasoned-button,
button.reasoned-button,
a.reasoned-button,
label.reasoned-button {
  min-height: 42px;
  border: 1px solid var(--reasoned-border, rgba(255, 255, 255, 0.14));
  border-radius: var(--reasoned-radius-control, 10px);
  background: rgba(255, 255, 255, 0.035);
  color: var(--reasoned-text, #f2f2f2);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease,
    color 0.16s ease;
  box-sizing: border-box;
}
.reasoned-button:hover:not(:disabled),
button.reasoned-button:hover:not(:disabled),
a.reasoned-button:hover:not(:disabled),
label.reasoned-button:hover:not(:disabled) {
  border-color: var(--reasoned-border-strong, rgba(255, 255, 255, 0.28));
  background: var(--reasoned-primary-soft, color-mix(in srgb, var(--reasoned-primary, var(--acc, #00c281)) 14%, transparent));
  color: var(--reasoned-primary, var(--acc, #00c281));
  transform: translateY(-1px);
}
.reasoned-button:disabled,
button.reasoned-button:disabled {
  cursor: default;
  opacity: 0.6;
}
.reasoned-button.reasoned-button--primary,
button.reasoned-button--primary,
a.reasoned-button--primary,
label.reasoned-button--primary {
  border-color: var(--reasoned-primary, var(--acc, #00c281));
  background: var(--reasoned-primary, var(--acc, #00c281));
  color: #03130d;
  font-weight: 800;
}
.reasoned-button.reasoned-button--primary:hover:not(:disabled),
button.reasoned-button--primary:hover:not(:disabled),
a.reasoned-button--primary:hover:not(:disabled),
label.reasoned-button--primary:hover:not(:disabled) {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.cms-sec .tag,
.cms-dynamic-root .tag,
.page .tag {
  color: var(--acc) !important;
}
.cms-sec .tag::before,
.cms-dynamic-root .tag::before,
.page .tag::before {
  background: var(--acc) !important;
}
.cms-sec .tag *,
.cms-dynamic-root .tag *,
.page .tag * {
  color: inherit !important;
}
body.cms-admin-active .rt-cms-gap {
  border-color: var(--acc-mix-40, rgba(0, 194, 129, 0.4)) !important;
  background: var(--acc-mix-07, rgba(0, 194, 129, 0.07)) !important;
}
body.cms-admin-active .rt-cms-gap-static {
  background: var(--acc-mix-04, rgba(0, 194, 129, 0.04)) !important;
}
.rt-cms-add-btn {
  border-color: var(--acc-mix-45, rgba(0, 194, 129, 0.45)) !important;
  color: var(--acc) !important;
  background: rgba(0, 0, 0, 0.35) !important;
}
.rt-cms-add-btn:hover {
  background: var(--acc-mix-14, rgba(0, 194, 129, 0.14)) !important;
  border-color: var(--acc) !important;
  color: var(--acc) !important;
}

/* ../../CentralServer/CentralHost/frontend-shared/styles/account-auth.css */
.reasoned-auth-shell {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  background: var(--reasoned-bg);
  color: var(--reasoned-text);
}
.reasoned-auth-wrap {
  width: 100%;
  max-width: 680px;
}
.reasoned-auth-wrap--narrow {
  max-width: 520px;
}
.reasoned-auth-brand {
  margin-bottom: 24px;
  text-align: center;
}
.reasoned-auth-card {
  background: var(--reasoned-surface-elevated);
  border: 1px solid var(--reasoned-border);
  border-radius: var(--reasoned-radius-card);
  box-shadow: var(--reasoned-shadow-card);
  padding: 28px;
}
.reasoned-auth-card [hidden] {
  display: none !important;
}
.reasoned-auth-title {
  margin: 0 0 8px;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 700;
  color: var(--reasoned-text);
}
.reasoned-auth-copy {
  margin: 0;
  color: var(--reasoned-text-secondary);
  font-size: 14px;
  line-height: 1.6;
}
.reasoned-auth-grid {
  display: grid;
  gap: 16px;
}
.reasoned-auth-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.reasoned-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.reasoned-field__label {
  font-size: 14px;
  font-weight: 500;
  color: var(--reasoned-text-secondary);
}
.reasoned-field__control,
.reasoned-field__shell {
  box-sizing: border-box;
  min-height: 46px;
  border-radius: var(--reasoned-radius-control);
  border: 1px solid var(--reasoned-border);
  background: rgba(255, 255, 255, 0.03);
  color: var(--reasoned-text);
}
.reasoned-field__control {
  width: 100%;
  padding: 0 12px;
  font: inherit;
  outline: none;
}
select.reasoned-field__control,
.reasoned-field__control:is(select) {
  color-scheme: dark;
  background-color: var(--reasoned-surface, #12121a);
  color: var(--reasoned-text, #f0f0f5);
}
select.reasoned-field__control option,
.reasoned-field__control:is(select) option {
  background-color: var(--reasoned-surface, #12121a);
  color: var(--reasoned-text, #f0f0f5);
}
.reasoned-field__shell {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 12px;
}
.reasoned-field__shell input {
  width: 100%;
  min-height: 44px;
  background: transparent;
  border: 0;
  outline: none;
  color: var(--reasoned-text);
  font: inherit;
}
.reasoned-field__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--reasoned-text-secondary);
}
.reasoned-auth-submit {
  min-height: 46px;
  width: 100%;
  border: 1px solid var(--reasoned-primary);
  border-radius: var(--reasoned-radius-control);
  background: var(--reasoned-primary);
  color: #04130d;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.reasoned-auth-submit:disabled {
  opacity: 0.65;
  cursor: default;
}
.reasoned-auth-switch {
  text-align: center;
  color: var(--reasoned-text-secondary);
  font-size: 14px;
}
.reasoned-auth-switch a {
  color: var(--reasoned-text);
  text-decoration: none;
}
.reasoned-auth-switch a:hover {
  text-decoration: underline;
}
.reasoned-segmented {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.reasoned-segmented__button {
  min-height: 42px;
  border-radius: var(--reasoned-radius-control);
  border: 1px solid var(--reasoned-border);
  background: rgba(255, 255, 255, 0.03);
  color: var(--reasoned-text-secondary);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.reasoned-segmented__button.is-active {
  background: var(--reasoned-primary);
  border-color: var(--reasoned-primary);
  color: #04130d;
}
.reasoned-account-actions {
  display: flex;
  gap: 10px;
}
.reasoned-account-icon-button {
  min-height: 40px;
  min-width: 40px;
  border-radius: 10px;
  border: 1px solid var(--reasoned-border);
  background: rgba(255, 255, 255, 0.03);
  color: var(--reasoned-text-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}
.reasoned-account-icon-button:hover,
.reasoned-account-icon-button:focus-visible {
  background: var(--reasoned-primary-soft);
  border-color: var(--reasoned-border-strong);
  color: var(--reasoned-primary);
}
.reasoned-account-icon-button svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 760px) {
  .reasoned-auth-grid--2 {
    grid-template-columns: 1fr;
  }
}
.su-phone-group {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin-top: 6px;
}
.su-country-picker {
  display: grid;
  grid-template-columns: 44px 0;
  gap: 0;
  min-width: 0;
}
.su-country-trigger {
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center;
  white-space: nowrap;
}
#su-phone-country {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0;
  pointer-events: none;
}
.su-phone-input-wrap {
  position: relative;
  --su-phone-prefix-pad: 54px;
}
.su-phone-prefix {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--txt, var(--reasoned-text, #f4f6f8));
  font-size: 14px;
  line-height: 1;
  pointer-events: none;
  white-space: nowrap;
}
.su-phone-prefix:empty {
  display: none;
}
.su-phone-input-wrap #su-phone {
  padding-left: var(--su-phone-prefix-pad, 54px);
}
.su-phone-prefix:empty + #su-phone {
  padding-left: 14px;
}
@media (max-width: 420px) {
  .su-phone-group {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 8px;
  }
}

/* src/styles/fonts.css */
:root {
  --font-sans:
    "Inter",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --font-mono:
    "JetBrains Mono",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;
  --font-display: "Bebas Neue", sans-serif;
  --font-heading: "Bebas Neue", sans-serif;
  --font-body:
    "Mohave",
    system-ui,
    sans-serif;
  --rt-font-ui:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --reasoned-font-ui: var(--rt-font-ui);
  --reasoned-nav-font: var(--rt-font-ui);
}
.font-display {
  font-family: var(--font-display);
  letter-spacing: 0.04em;
}
.tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* .build/tailwind.css */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
      --tw-scale-x:1;
      --tw-scale-y:1;
      --tw-scale-z:1;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-space-y-reverse:0;
      --tw-space-x-reverse:0;
      --tw-divide-y-reverse:0;
      --tw-border-style:solid;
      --tw-gradient-position:initial;
      --tw-gradient-from:#0000;
      --tw-gradient-via:#0000;
      --tw-gradient-to:#0000;
      --tw-gradient-stops:initial;
      --tw-gradient-via-stops:initial;
      --tw-gradient-from-position:0%;
      --tw-gradient-via-position:50%;
      --tw-gradient-to-position:100%;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-ordinal:initial;
      --tw-slashed-zero:initial;
      --tw-numeric-figure:initial;
      --tw-numeric-spacing:initial;
      --tw-numeric-fraction:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-outline-style:solid;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial;
      --tw-backdrop-blur:initial;
      --tw-backdrop-brightness:initial;
      --tw-backdrop-contrast:initial;
      --tw-backdrop-grayscale:initial;
      --tw-backdrop-hue-rotate:initial;
      --tw-backdrop-invert:initial;
      --tw-backdrop-opacity:initial;
      --tw-backdrop-saturate:initial;
      --tw-backdrop-sepia:initial;
      --tw-duration:initial;
      --tw-ease:initial;
      --tw-content:"";
      --tw-animation-delay:0s;
      --tw-animation-direction:normal;
      --tw-animation-duration:initial;
      --tw-animation-fill-mode:none;
      --tw-animation-iteration-count:1;
      --tw-enter-blur:0;
      --tw-enter-opacity:1;
      --tw-enter-rotate:0;
      --tw-enter-scale:1;
      --tw-enter-translate-x:0;
      --tw-enter-translate-y:0;
      --tw-exit-blur:0;
      --tw-exit-opacity:1;
      --tw-exit-rotate:0;
      --tw-exit-scale:1;
      --tw-exit-translate-x:0;
      --tw-exit-translate-y:0;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans:-apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      "Noto Sans",
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-red-400:oklch(70.4% .191 22.216);
    --color-red-500:oklch(63.7% .237 25.331);
    --color-amber-200:oklch(92.4% .12 95.746);
    --color-amber-300:oklch(87.9% .169 91.605);
    --color-amber-400:oklch(82.8% .189 84.429);
    --color-amber-500:oklch(76.9% .188 70.08);
    --color-amber-950:oklch(27.9% .077 45.635);
    --color-green-400:oklch(79.2% .209 151.711);
    --color-green-500:oklch(72.3% .219 149.579);
    --color-green-600:oklch(62.7% .194 149.214);
    --color-emerald-200:oklch(90.5% .093 164.15);
    --color-emerald-300:oklch(84.5% .143 164.978);
    --color-emerald-400:oklch(76.5% .177 163.223);
    --color-emerald-500:oklch(69.6% .17 162.48);
    --color-emerald-600:oklch(59.6% .145 163.225);
    --color-emerald-950:oklch(26.2% .051 172.552);
    --color-sky-600:oklch(58.8% .158 241.966);
    --color-blue-300:oklch(80.9% .105 251.813);
    --color-blue-400:oklch(70.7% .165 254.624);
    --color-blue-500:oklch(62.3% .214 259.815);
    --color-blue-950:oklch(28.2% .091 267.935);
    --color-indigo-300:oklch(78.5% .115 274.713);
    --color-indigo-400:oklch(67.3% .182 276.935);
    --color-indigo-500:oklch(58.5% .233 277.117);
    --color-indigo-600:oklch(51.1% .262 276.966);
    --color-indigo-950:oklch(25.7% .09 281.288);
    --color-purple-400:oklch(71.4% .203 305.504);
    --color-purple-500:oklch(62.7% .265 303.9);
    --color-rose-100:oklch(94.1% .03 12.58);
    --color-rose-200:oklch(89.2% .058 10.001);
    --color-rose-300:oklch(81% .117 11.638);
    --color-rose-400:oklch(71.2% .194 13.428);
    --color-rose-500:oklch(64.5% .246 16.439);
    --color-rose-600:oklch(58.6% .253 17.585);
    --color-rose-900:oklch(41% .159 10.272);
    --color-rose-950:oklch(27.1% .105 12.094);
    --color-gray-100:oklch(96.7% .003 264.542);
    --color-gray-400:oklch(70.7% .022 261.325);
    --color-gray-500:oklch(55.1% .027 264.364);
    --color-gray-800:oklch(27.8% .033 256.848);
    --color-zinc-300:oklch(87.1% .006 286.286);
    --color-zinc-400:oklch(70.5% .015 286.067);
    --color-zinc-700:oklch(37% .013 285.805);
    --color-neutral-100:oklch(97% 0 none);
    --color-neutral-200:oklch(92.2% 0 none);
    --color-neutral-300:oklch(87% 0 none);
    --color-neutral-400:oklch(70.8% 0 none);
    --color-neutral-500:oklch(55.6% 0 none);
    --color-neutral-600:oklch(43.9% 0 none);
    --color-neutral-700:oklch(37.1% 0 none);
    --color-neutral-800:oklch(26.9% 0 none);
    --color-neutral-900:oklch(20.5% 0 none);
    --color-neutral-950:oklch(14.5% 0 none);
    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --container-xs:20rem;
    --container-sm:24rem;
    --container-md:28rem;
    --container-lg:32rem;
    --container-xl:36rem;
    --container-2xl:42rem;
    --container-3xl:48rem;
    --container-4xl:56rem;
    --container-5xl:64rem;
    --container-6xl:72rem;
    --container-7xl:80rem;
    --text-xs:.75rem;
    --text-xs--line-height:calc(1 / .75);
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25 / .875);
    --text-base:1rem;
    --text-base--line-height:calc(1.5 / 1);
    --text-lg:1.125rem;
    --text-lg--line-height:calc(1.75 / 1.125);
    --text-xl:1.25rem;
    --text-xl--line-height:calc(1.75 / 1.25);
    --text-2xl:1.5rem;
    --text-2xl--line-height:calc(2 / 1.5);
    --text-3xl:1.875rem;
    --text-3xl--line-height:calc(2.25 / 1.875);
    --text-4xl:2.25rem;
    --text-4xl--line-height:calc(2.5 / 2.25);
    --text-7xl:4.5rem;
    --text-7xl--line-height:1;
    --text-8xl:6rem;
    --text-8xl--line-height:1;
    --font-weight-light:300;
    --font-weight-normal:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --font-weight-extrabold:800;
    --font-weight-black:900;
    --tracking-tight:-.025em;
    --tracking-wide:.025em;
    --tracking-wider:.05em;
    --tracking-widest:.1em;
    --leading-tight:1.25;
    --leading-snug:1.375;
    --leading-relaxed:1.625;
    --radius-xs:.125rem;
    --radius-sm:.25rem;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-2xl:1rem;
    --radius-3xl:1.5rem;
    --ease-in:cubic-bezier(.4, 0, 1, 1);
    --ease-out:cubic-bezier(0, 0, .2, 1);
    --ease-in-out:cubic-bezier(.4, 0, .2, 1);
    --animate-spin:spin 1s linear infinite;
    --animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce:bounce 1s infinite;
    --blur-sm:8px;
    --blur-md:12px;
    --blur-lg:16px;
    --blur-xl:24px;
    --blur-2xl:40px;
    --blur-3xl:64px;
    --aspect-video:16 / 9;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono);
    --color-accent:var(--accent);
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings,normal);
    font-variation-settings: var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings,normal);
    font-variation-settings: var(--default-mono-font-variation-settings,normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -.25em;
  }
  sup {
    top: -.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer components;
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .\!visible {
    visibility: visible !important;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0;
  }
  .inset-\[-5\%\] {
    inset: -5%;
  }
  .inset-\[-5\%_-5\.04\%\] {
    inset: -5% -5.04%;
  }
  .inset-\[-5\.26\%\] {
    inset: -5.26%;
  }
  .inset-\[-5\.56\%\] {
    inset: -5.56%;
  }
  .inset-\[-6\.67\%_-5\.56\%\] {
    inset: -6.67% -5.56%;
  }
  .inset-\[-8\.33\%_-0\.75px\] {
    inset: -8.33% -.75px;
  }
  .inset-\[-100\.03\%_-28\.87\%_-100\.01\%_-28\.87\%\] {
    inset: -100.03% -28.87% -100.01%;
  }
  .inset-\[8\.33\%_8\.33\%_8\.34\%_8\.33\%\] {
    inset: 8.33% 8.33% 8.34%;
  }
  .inset-\[8\.33\%_9\.04\%_8\.33\%_8\.33\%\] {
    inset: 8.33% 9.04% 8.33% 8.33%;
  }
  .inset-\[8\.33\%_12\.5\%_29\.17\%_12\.5\%\] {
    inset: 8.33% 12.5% 29.17%;
  }
  .inset-\[12\.5\%\] {
    inset: 12.5%;
  }
  .inset-\[12\.47\%_12\.47\%_8\.33\%_8\.33\%\] {
    inset: 12.47% 12.47% 8.33% 8.33%;
  }
  .inset-\[41\.67\%_70\.83\%_8\.33\%_29\.17\%\] {
    inset: 41.67% 70.83% 8.33% 29.17%;
  }
  .inset-\[87\.5\%_42\.78\%_8\.33\%_42\.78\%\] {
    inset: 87.5% 42.78% 8.33%;
  }
  .inset-x-0 {
    inset-inline: 0;
  }
  .inset-y-0 {
    inset-block: 0;
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-12 {
    top: calc(var(--spacing) * -12);
  }
  .-top-20 {
    top: calc(var(--spacing) * -20);
  }
  .-top-24 {
    top: calc(var(--spacing) * -24);
  }
  .-top-\[2px\] {
    top: -2px;
  }
  .-top-\[5px\] {
    top: -5px;
  }
  .top-0 {
    top: 0;
  }
  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }
  .top-1 {
    top: var(--spacing);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-\[-1px\] {
    top: -1px;
  }
  .top-\[-2px\] {
    top: -2px;
  }
  .top-\[-8px\] {
    top: -8px;
  }
  .top-\[1px\] {
    top: 1px;
  }
  .top-\[2\.5px\] {
    top: 2.5px;
  }
  .top-\[4px\] {
    top: 4px;
  }
  .top-\[5px\] {
    top: 5px;
  }
  .top-\[7px\] {
    top: 7px;
  }
  .top-\[8px\] {
    top: 8px;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[11\.5px\] {
    top: 11.5px;
  }
  .top-\[11px\] {
    top: 11px;
  }
  .top-\[12\.5px\] {
    top: 12.5px;
  }
  .top-\[12px\] {
    top: 12px;
  }
  .top-\[14px\] {
    top: 14px;
  }
  .top-\[16px\] {
    top: 16px;
  }
  .top-\[19\.5px\] {
    top: 19.5px;
  }
  .top-\[20px\] {
    top: 20px;
  }
  .top-\[21px\] {
    top: 21px;
  }
  .top-\[23\.5px\] {
    top: 23.5px;
  }
  .top-\[34px\] {
    top: 34px;
  }
  .top-\[45\.5px\] {
    top: 45.5px;
  }
  .top-\[46px\] {
    top: 46px;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[55px\] {
    top: 55px;
  }
  .top-\[56\.5px\] {
    top: 56.5px;
  }
  .top-\[60\%\] {
    top: 60%;
  }
  .top-\[60px\] {
    top: 60px;
  }
  .top-\[61px\] {
    top: 61px;
  }
  .top-\[64px\] {
    top: 64px;
  }
  .top-\[66px\] {
    top: 66px;
  }
  .top-\[72px\] {
    top: 72px;
  }
  .top-\[75px\] {
    top: 75px;
  }
  .top-\[78px\] {
    top: 78px;
  }
  .top-\[79px\] {
    top: 79px;
  }
  .top-\[92px\] {
    top: 92px;
  }
  .top-\[95px\] {
    top: 95px;
  }
  .top-\[96px\] {
    top: 96px;
  }
  .top-\[100px\] {
    top: 100px;
  }
  .top-\[107px\] {
    top: 107px;
  }
  .top-\[120px\] {
    top: 120px;
  }
  .top-\[124px\] {
    top: 124px;
  }
  .top-\[125px\] {
    top: 125px;
  }
  .top-\[138px\] {
    top: 138px;
  }
  .top-\[160px\] {
    top: 160px;
  }
  .top-\[184px\] {
    top: 184px;
  }
  .top-\[203px\] {
    top: 203px;
  }
  .top-\[226px\] {
    top: 226px;
  }
  .top-\[230px\] {
    top: 230px;
  }
  .top-\[276px\] {
    top: 276px;
  }
  .top-\[322px\] {
    top: 322px;
  }
  .top-\[361\.3px\] {
    top: 361.3px;
  }
  .top-\[368px\] {
    top: 368px;
  }
  .top-\[414px\] {
    top: 414px;
  }
  .top-\[430px\] {
    top: 430px;
  }
  .top-\[460px\] {
    top: 460px;
  }
  .top-\[468px\] {
    top: 468px;
  }
  .top-\[506px\] {
    top: 506px;
  }
  .top-\[516px\] {
    top: 516px;
  }
  .top-\[552px\] {
    top: 552px;
  }
  .top-\[598px\] {
    top: 598px;
  }
  .top-\[644px\] {
    top: 644px;
  }
  .top-\[856\.3px\] {
    top: 856.3px;
  }
  .top-\[1298\.48px\] {
    top: 1298.48px;
  }
  .top-\[1751\.88px\] {
    top: 1751.88px;
  }
  .top-\[2193\.06px\] {
    top: 2193.06px;
  }
  .top-full {
    top: 100%;
  }
  .top-px {
    top: 1px;
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-2\.5 {
    right: calc(var(--spacing) * -2.5);
  }
  .-right-3 {
    right: calc(var(--spacing) * -3);
  }
  .-right-12 {
    right: calc(var(--spacing) * -12);
  }
  .-right-20 {
    right: calc(var(--spacing) * -20);
  }
  .right-0 {
    right: 0;
  }
  .right-1 {
    right: var(--spacing);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-full {
    right: 100%;
  }
  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }
  .bottom-0 {
    bottom: 0;
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-16 {
    bottom: calc(var(--spacing) * 16);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }
  .bottom-full {
    bottom: 100%;
  }
  .-left-1 {
    left: calc(var(--spacing) * -1);
  }
  .-left-12 {
    left: calc(var(--spacing) * -12);
  }
  .-left-\[22px\] {
    left: -22px;
  }
  .left-0 {
    left: 0;
  }
  .left-1 {
    left: var(--spacing);
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-8 {
    left: calc(var(--spacing) * 8);
  }
  .left-\[-8px\] {
    left: -8px;
  }
  .left-\[-24px\] {
    left: -24px;
  }
  .left-\[0\.21px\] {
    left: .21px;
  }
  .left-\[4\.5px\] {
    left: 4.5px;
  }
  .left-\[7\.5px\] {
    left: 7.5px;
  }
  .left-\[7px\] {
    left: 7px;
  }
  .left-\[8\.5px\] {
    left: 8.5px;
  }
  .left-\[8px\] {
    left: 8px;
  }
  .left-\[9px\] {
    left: 9px;
  }
  .left-\[11\.5px\] {
    left: 11.5px;
  }
  .left-\[11px\] {
    left: 11px;
  }
  .left-\[12px\] {
    left: 12px;
  }
  .left-\[14px\] {
    left: 14px;
  }
  .left-\[16px\] {
    left: 16px;
  }
  .left-\[19px\] {
    left: 19px;
  }
  .left-\[20px\] {
    left: 20px;
  }
  .left-\[21px\] {
    left: 21px;
  }
  .left-\[24px\] {
    left: 24px;
  }
  .left-\[25\.5px\] {
    left: 25.5px;
  }
  .left-\[30\.5px\] {
    left: 30.5px;
  }
  .left-\[32px\] {
    left: 32px;
  }
  .left-\[34px\] {
    left: 34px;
  }
  .left-\[36\.5px\] {
    left: 36.5px;
  }
  .left-\[36px\] {
    left: 36px;
  }
  .left-\[39px\] {
    left: 39px;
  }
  .left-\[40\.8px\] {
    left: 40.8px;
  }
  .left-\[40px\] {
    left: 40px;
  }
  .left-\[41\.5px\] {
    left: 41.5px;
  }
  .left-\[42px\] {
    left: 42px;
  }
  .left-\[43\.5px\] {
    left: 43.5px;
  }
  .left-\[43px\] {
    left: 43px;
  }
  .left-\[44px\] {
    left: 44px;
  }
  .left-\[45px\] {
    left: 45px;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .left-\[53\.5px\] {
    left: 53.5px;
  }
  .left-\[55px\] {
    left: 55px;
  }
  .left-\[69\.5px\] {
    left: 69.5px;
  }
  .left-\[72\.73px\] {
    left: 72.73px;
  }
  .left-\[74\.5px\] {
    left: 74.5px;
  }
  .left-\[86px\] {
    left: 86px;
  }
  .left-\[87\.73px\] {
    left: 87.73px;
  }
  .left-\[95px\] {
    left: 95px;
  }
  .left-\[106\.52px\] {
    left: 106.52px;
  }
  .left-\[106\.53px\] {
    left: 106.53px;
  }
  .left-\[106\.56px\] {
    left: 106.56px;
  }
  .left-\[106\.63px\] {
    left: 106.63px;
  }
  .left-\[106\.64px\] {
    left: 106.64px;
  }
  .left-\[107\.05px\] {
    left: 107.05px;
  }
  .left-\[107\.06px\] {
    left: 107.06px;
  }
  .left-\[107\.08px\] {
    left: 107.08px;
  }
  .left-\[107\.11px\] {
    left: 107.11px;
  }
  .left-\[107\.13px\] {
    left: 107.13px;
  }
  .left-\[107\.25px\] {
    left: 107.25px;
  }
  .left-\[107\.59px\] {
    left: 107.59px;
  }
  .left-\[128\.75px\] {
    left: 128.75px;
  }
  .left-\[135\.59px\] {
    left: 135.59px;
  }
  .left-\[138\.89px\] {
    left: 138.89px;
  }
  .left-\[144px\] {
    left: 144px;
  }
  .left-\[150\.34px\] {
    left: 150.34px;
  }
  .left-\[155\.27px\] {
    left: 155.27px;
  }
  .left-\[168\.75px\] {
    left: 168.75px;
  }
  .left-\[169\.02px\] {
    left: 169.02px;
  }
  .left-\[169\.28px\] {
    left: 169.28px;
  }
  .left-\[182\.59px\] {
    left: 182.59px;
  }
  .left-\[186\.2px\] {
    left: 186.2px;
  }
  .left-\[187px\] {
    left: 187px;
  }
  .left-\[202\.91px\] {
    left: 202.91px;
  }
  .left-\[230\.34px\] {
    left: 230.34px;
  }
  .left-\[247px\] {
    left: 247px;
  }
  .left-\[252\.16px\] {
    left: 252.16px;
  }
  .left-\[266\.2px\] {
    left: 266.2px;
  }
  .left-\[268\.16px\] {
    left: 268.16px;
  }
  .left-\[271\.19px\] {
    left: 271.19px;
  }
  .left-\[272px\] {
    left: 272px;
  }
  .left-\[276\.08px\] {
    left: 276.08px;
  }
  .left-\[282\.91px\] {
    left: 282.91px;
  }
  .left-\[314\.97px\] {
    left: 314.97px;
  }
  .left-\[324px\] {
    left: 324px;
  }
  .left-\[336px\] {
    left: 336px;
  }
  .left-\[338\.05px\] {
    left: 338.05px;
  }
  .left-\[388px\] {
    left: 388px;
  }
  .left-\[404px\] {
    left: 404px;
  }
  .left-\[406\.8px\] {
    left: 406.8px;
  }
  .left-\[440px\] {
    left: 440px;
  }
  .left-\[456px\] {
    left: 456px;
  }
  .left-\[457\.61px\] {
    left: 457.61px;
  }
  .left-\[472px\] {
    left: 472px;
  }
  .left-\[473\.61px\] {
    left: 473.61px;
  }
  .left-\[542\.39px\] {
    left: 542.39px;
  }
  .left-\[544px\] {
    left: 544px;
  }
  .left-\[596px\] {
    left: 596px;
  }
  .left-\[648px\] {
    left: 648px;
  }
  .left-\[671\.77px\] {
    left: 671.77px;
  }
  .left-\[677\.98px\] {
    left: 677.98px;
  }
  .left-\[678\.02px\] {
    left: 678.02px;
  }
  .left-\[692px\] {
    left: 692px;
  }
  .left-\[694\.02px\] {
    left: 694.02px;
  }
  .left-\[800\.05px\] {
    left: 800.05px;
  }
  .left-\[808px\] {
    left: 808px;
  }
  .left-\[813\.59px\] {
    left: 813.59px;
  }
  .left-\[816\.05px\] {
    left: 816.05px;
  }
  .left-\[816px\] {
    left: 816px;
  }
  .left-\[912px\] {
    left: 912px;
  }
  .left-\[937\.22px\] {
    left: 937.22px;
  }
  .left-\[944px\] {
    left: 944px;
  }
  .left-\[949\.19px\] {
    left: 949.19px;
  }
  .left-\[953\.22px\] {
    left: 953.22px;
  }
  .left-\[972px\] {
    left: 972px;
  }
  .left-\[1084\.8px\] {
    left: 1084.8px;
  }
  .left-\[1088px\] {
    left: 1088px;
  }
  .left-\[1090\.88px\] {
    left: 1090.88px;
  }
  .left-\[1212px\] {
    left: 1212px;
  }
  .left-\[1220\.39px\] {
    left: 1220.39px;
  }
  .left-\[1260\.3px\] {
    left: 1260.3px;
  }
  .left-\[1376px\] {
    left: 1376px;
  }
  .left-full {
    left: 100%;
  }
  .isolate {
    isolation: isolate;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[44\] {
    z-index: 44;
  }
  .z-\[45\] {
    z-index: 45;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[110\] {
    z-index: 110;
  }
  .z-\[200\] {
    z-index: 200;
  }
  .col-span-2 {
    grid-column: span 2/span 2;
  }
  .col-span-4 {
    grid-column: span 4/span 4;
  }
  .col-span-8 {
    grid-column: span 8/span 8;
  }
  .col-span-12 {
    grid-column: span 12/span 12;
  }
  .col-span-full {
    grid-column: 1/-1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .mx-1 {
    margin-inline: var(--spacing);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-1 {
    margin-right: var(--spacing);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-2\.5 {
    margin-right: calc(var(--spacing) * 2.5);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-10 {
    margin-right: calc(var(--spacing) * 10);
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-\[clamp\(1\.25rem\,3vh\,2rem\)\] {
    margin-bottom: clamp(1.25rem, 3vh, 2rem);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .aspect-square {
    aspect-ratio: 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-\[8px\] {
    width: 8px;
    height: 8px;
  }
  .size-\[12px\] {
    width: 12px;
    height: 12px;
  }
  .size-\[14px\] {
    width: 14px;
    height: 14px;
  }
  .size-\[16px\] {
    width: 16px;
    height: 16px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .size-\[24px\] {
    width: 24px;
    height: 24px;
  }
  .size-\[28px\] {
    width: 28px;
    height: 28px;
  }
  .size-\[32px\] {
    width: 32px;
    height: 32px;
  }
  .size-\[36px\] {
    width: 36px;
    height: 36px;
  }
  .size-\[40px\] {
    width: 40px;
    height: 40px;
  }
  .size-\[48px\] {
    width: 48px;
    height: 48px;
  }
  .size-\[64px\] {
    width: 64px;
    height: 64px;
  }
  .size-\[96px\] {
    width: 96px;
    height: 96px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-0 {
    height: 0;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[4px\] {
    height: 4px;
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-\[14\.297px\] {
    height: 14.297px;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[18\.188px\] {
    height: 18.188px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[21px\] {
    height: 21px;
  }
  .h-\[22\.5px\] {
    height: 22.5px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[23\.391px\] {
    height: 23.391px;
  }
  .h-\[23px\] {
    height: 23px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[28\.797px\] {
    height: 28.797px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[31px\] {
    height: 31px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[33px\] {
    height: 33px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[37px\] {
    height: 37px;
  }
  .h-\[39px\] {
    height: 39px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[41px\] {
    height: 41px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[43px\] {
    height: 43px;
  }
  .h-\[44\.781px\] {
    height: 44.781px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[45\.5px\] {
    height: 45.5px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[53px\] {
    height: 53px;
  }
  .h-\[54px\] {
    height: 54px;
  }
  .h-\[55px\] {
    height: 55px;
  }
  .h-\[57\.594px\] {
    height: 57.594px;
  }
  .h-\[57px\] {
    height: 57px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[67\.172px\] {
    height: 67.172px;
  }
  .h-\[67px\] {
    height: 67px;
  }
  .h-\[71px\] {
    height: 71px;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-\[74px\] {
    height: 74px;
  }
  .h-\[78px\] {
    height: 78px;
  }
  .h-\[82px\] {
    height: 82px;
  }
  .h-\[89px\] {
    height: 89px;
  }
  .h-\[96\.297px\] {
    height: 96.297px;
  }
  .h-\[100dvh\] {
    height: 100dvh;
  }
  .h-\[103px\] {
    height: 103px;
  }
  .h-\[111\.594px\] {
    height: 111.594px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[121px\] {
    height: 121px;
  }
  .h-\[132px\] {
    height: 132px;
  }
  .h-\[145px\] {
    height: 145px;
  }
  .h-\[153\.297px\] {
    height: 153.297px;
  }
  .h-\[153px\] {
    height: 153px;
  }
  .h-\[159px\] {
    height: 159px;
  }
  .h-\[162px\] {
    height: 162px;
  }
  .h-\[167\.781px\] {
    height: 167.781px;
  }
  .h-\[168px\] {
    height: 168px;
  }
  .h-\[172px\] {
    height: 172px;
  }
  .h-\[174px\] {
    height: 174px;
  }
  .h-\[187px\] {
    height: 187px;
  }
  .h-\[190\.172px\] {
    height: 190.172px;
  }
  .h-\[202px\] {
    height: 202px;
  }
  .h-\[209\.781px\] {
    height: 209.781px;
  }
  .h-\[216px\] {
    height: 216px;
  }
  .h-\[232\.172px\] {
    height: 232.172px;
  }
  .h-\[235px\] {
    height: 235px;
  }
  .h-\[242\.188px\] {
    height: 242.188px;
  }
  .h-\[247\.391px\] {
    height: 247.391px;
  }
  .h-\[248px\] {
    height: 248px;
  }
  .h-\[251\.188px\] {
    height: 251.188px;
  }
  .h-\[252px\] {
    height: 252px;
  }
  .h-\[265px\] {
    height: 265px;
  }
  .h-\[269\.391px\] {
    height: 269.391px;
  }
  .h-\[272\.188px\] {
    height: 272.188px;
  }
  .h-\[273\.188px\] {
    height: 273.188px;
  }
  .h-\[286px\] {
    height: 286px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[311\.391px\] {
    height: 311.391px;
  }
  .h-\[314\.188px\] {
    height: 314.188px;
  }
  .h-\[315\.188px\] {
    height: 315.188px;
  }
  .h-\[317px\] {
    height: 317px;
  }
  .h-\[322\.391px\] {
    height: 322.391px;
  }
  .h-\[326\.391px\] {
    height: 326.391px;
  }
  .h-\[330px\] {
    height: 330px;
  }
  .h-\[338px\] {
    height: 338px;
  }
  .h-\[340px\] {
    height: 340px;
  }
  .h-\[345px\] {
    height: 345px;
  }
  .h-\[351px\] {
    height: 351px;
  }
  .h-\[390px\] {
    height: 390px;
  }
  .h-\[393\.188px\] {
    height: 393.188px;
  }
  .h-\[394\.188px\] {
    height: 394.188px;
  }
  .h-\[405\.391px\] {
    height: 405.391px;
  }
  .h-\[437px\] {
    height: 437px;
  }
  .h-\[447px\] {
    height: 447px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[667px\] {
    height: 667px;
  }
  .h-\[690px\] {
    height: 690px;
  }
  .h-\[736px\] {
    height: 736px;
  }
  .h-\[824px\] {
    height: 824px;
  }
  .h-\[845px\] {
    height: 845px;
  }
  .h-\[896px\] {
    height: 896px;
  }
  .h-\[906px\] {
    height: 906px;
  }
  .h-\[994px\] {
    height: 994px;
  }
  .h-\[1318\.078px\] {
    height: 1318.08px;
  }
  .h-\[1382\.078px\] {
    height: 1382.08px;
  }
  .h-\[1383px\] {
    height: 1383px;
  }
  .h-\[1589px\] {
    height: 1589px;
  }
  .h-\[1685px\] {
    height: 1685px;
  }
  .h-\[2395\.063px\] {
    height: 2395.06px;
  }
  .h-\[2911\.063px\] {
    height: 2911.06px;
  }
  .h-\[2975\.063px\] {
    height: 2975.06px;
  }
  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height);
  }
  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .h-svh {
    height: 100svh;
  }
  .max-h-\(--radix-context-menu-content-available-height\) {
    max-height: var(--radix-context-menu-content-available-height);
  }
  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }
  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }
  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-\[40vh\] {
    max-height: 40vh;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[70dvh\] {
    max-height: 70dvh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[80dvh\] {
    max-height: 80dvh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85dvh\] {
    max-height: 85dvh;
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[90dvh\] {
    max-height: 90dvh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[92dvh\] {
    max-height: 92dvh;
  }
  .max-h-\[92vh\] {
    max-height: 92vh;
  }
  .max-h-\[100dvh\] {
    max-height: 100dvh;
  }
  .max-h-\[220px\] {
    max-height: 220px;
  }
  .max-h-\[280px\] {
    max-height: 280px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[420px\] {
    max-height: 420px;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-\[min\(90vh\,720px\)\] {
    max-height: min(90vh, 720px);
  }
  .max-h-\[min\(92dvh\,calc\(100\%-var\(--topbar-height\,0px\)\)\)\] {
    max-height: min(92dvh, calc(100% - var(--topbar-height,0px)));
  }
  .max-h-\[min\(92dvh\,calc\(100\%-var\(--topbar-height\,0px\)-var\(--bottom-nav-height\,0px\)\)\)\] {
    max-height: min(92dvh, calc(100% - var(--topbar-height,0px) - var(--bottom-nav-height,0px)));
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-0 {
    min-height: 0;
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }
  .min-h-\[20px\] {
    min-height: 20px;
  }
  .min-h-\[24px\] {
    min-height: 24px;
  }
  .min-h-\[28px\] {
    min-height: 28px;
  }
  .min-h-\[32px\] {
    min-height: 32px;
  }
  .min-h-\[36px\] {
    min-height: 36px;
  }
  .min-h-\[40px\] {
    min-height: 40px;
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .min-h-\[48px\] {
    min-height: 48px;
  }
  .min-h-\[50vh\] {
    min-height: 50vh;
  }
  .min-h-\[52px\] {
    min-height: 52px;
  }
  .min-h-\[56px\] {
    min-height: 56px;
  }
  .min-h-\[60vh\] {
    min-height: 60vh;
  }
  .min-h-\[72px\] {
    min-height: 72px;
  }
  .min-h-\[88px\] {
    min-height: 88px;
  }
  .min-h-\[140px\] {
    min-height: 140px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[220px\] {
    min-height: 220px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[420px\] {
    min-height: 420px;
  }
  .min-h-\[520px\] {
    min-height: 520px;
  }
  .min-h-\[calc\(100vh-8rem\)\] {
    min-height: calc(100vh - 8rem);
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-px {
    min-height: 1px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }
  .w-0 {
    width: 0;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }
  .w-1 {
    width: var(--spacing);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\/5 {
    width: 80%;
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[4px\] {
    width: 4px;
  }
  .w-\[7\.75px\] {
    width: 7.75px;
  }
  .w-\[8\.75px\] {
    width: 8.75px;
  }
  .w-\[8\.531px\] {
    width: 8.531px;
  }
  .w-\[9\.125px\] {
    width: 9.125px;
  }
  .w-\[10\.375px\] {
    width: 10.375px;
  }
  .w-\[10\.453px\] {
    width: 10.453px;
  }
  .w-\[10\.656px\] {
    width: 10.656px;
  }
  .w-\[11\.703px\] {
    width: 11.703px;
  }
  .w-\[11\.891px\] {
    width: 11.891px;
  }
  .w-\[12\.203px\] {
    width: 12.203px;
  }
  .w-\[13\.734px\] {
    width: 13.734px;
  }
  .w-\[13\.953px\] {
    width: 13.953px;
  }
  .w-\[14\.063px\] {
    width: 14.063px;
  }
  .w-\[14\.109px\] {
    width: 14.109px;
  }
  .w-\[14\.422px\] {
    width: 14.422px;
  }
  .w-\[14\.594px\] {
    width: 14.594px;
  }
  .w-\[15\.172px\] {
    width: 15.172px;
  }
  .w-\[15\.531px\] {
    width: 15.531px;
  }
  .w-\[15\.547px\] {
    width: 15.547px;
  }
  .w-\[16\.469px\] {
    width: 16.469px;
  }
  .w-\[16\.594px\] {
    width: 16.594px;
  }
  .w-\[16\.688px\] {
    width: 16.688px;
  }
  .w-\[16\.906px\] {
    width: 16.906px;
  }
  .w-\[16\.922px\] {
    width: 16.922px;
  }
  .w-\[17\.297px\] {
    width: 17.297px;
  }
  .w-\[17\.938px\] {
    width: 17.938px;
  }
  .w-\[18\.172px\] {
    width: 18.172px;
  }
  .w-\[18\.766px\] {
    width: 18.766px;
  }
  .w-\[19\.25px\] {
    width: 19.25px;
  }
  .w-\[19\.375px\] {
    width: 19.375px;
  }
  .w-\[19\.563px\] {
    width: 19.563px;
  }
  .w-\[19\.984px\] {
    width: 19.984px;
  }
  .w-\[20\.375px\] {
    width: 20.375px;
  }
  .w-\[20\.797px\] {
    width: 20.797px;
  }
  .w-\[21\.922px\] {
    width: 21.922px;
  }
  .w-\[22\.047px\] {
    width: 22.047px;
  }
  .w-\[22\.219px\] {
    width: 22.219px;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[23\.016px\] {
    width: 23.016px;
  }
  .w-\[23\.188px\] {
    width: 23.188px;
  }
  .w-\[23\.766px\] {
    width: 23.766px;
  }
  .w-\[25\.563px\] {
    width: 25.563px;
  }
  .w-\[25\.813px\] {
    width: 25.813px;
  }
  .w-\[27\.297px\] {
    width: 27.297px;
  }
  .w-\[28\.938px\] {
    width: 28.938px;
  }
  .w-\[29\.047px\] {
    width: 29.047px;
  }
  .w-\[29\.547px\] {
    width: 29.547px;
  }
  .w-\[30\.813px\] {
    width: 30.813px;
  }
  .w-\[30\.828px\] {
    width: 30.828px;
  }
  .w-\[31\.188px\] {
    width: 31.188px;
  }
  .w-\[31\.234px\] {
    width: 31.234px;
  }
  .w-\[32\.063px\] {
    width: 32.063px;
  }
  .w-\[32\.297px\] {
    width: 32.297px;
  }
  .w-\[33\.422px\] {
    width: 33.422px;
  }
  .w-\[34\.531px\] {
    width: 34.531px;
  }
  .w-\[39\.734px\] {
    width: 39.734px;
  }
  .w-\[39\.953px\] {
    width: 39.953px;
  }
  .w-\[40\.063px\] {
    width: 40.063px;
  }
  .w-\[40\.109px\] {
    width: 40.109px;
  }
  .w-\[41\.875px\] {
    width: 41.875px;
  }
  .w-\[42\.688px\] {
    width: 42.688px;
  }
  .w-\[42\.906px\] {
    width: 42.906px;
  }
  .w-\[42\.922px\] {
    width: 42.922px;
  }
  .w-\[46\.766px\] {
    width: 46.766px;
  }
  .w-\[47\.469px\] {
    width: 47.469px;
  }
  .w-\[48\.266px\] {
    width: 48.266px;
  }
  .w-\[48\.297px\] {
    width: 48.297px;
  }
  .w-\[48\.969px\] {
    width: 48.969px;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[49\.922px\] {
    width: 49.922px;
  }
  .w-\[49\.984px\] {
    width: 49.984px;
  }
  .w-\[50\.484px\] {
    width: 50.484px;
  }
  .w-\[52\.719px\] {
    width: 52.719px;
  }
  .w-\[52\.828px\] {
    width: 52.828px;
  }
  .w-\[53\.016px\] {
    width: 53.016px;
  }
  .w-\[53\.609px\] {
    width: 53.609px;
  }
  .w-\[53\.969px\] {
    width: 53.969px;
  }
  .w-\[54\.328px\] {
    width: 54.328px;
  }
  .w-\[56px\] {
    width: 56px;
  }
  .w-\[59\.438px\] {
    width: 59.438px;
  }
  .w-\[60\.625px\] {
    width: 60.625px;
  }
  .w-\[61\.047px\] {
    width: 61.047px;
  }
  .w-\[63\.172px\] {
    width: 63.172px;
  }
  .w-\[63\.594px\] {
    width: 63.594px;
  }
  .w-\[63\.625px\] {
    width: 63.625px;
  }
  .w-\[63\.734px\] {
    width: 63.734px;
  }
  .w-\[67\.766px\] {
    width: 67.766px;
  }
  .w-\[73\.609px\] {
    width: 73.609px;
  }
  .w-\[73\.719px\] {
    width: 73.719px;
  }
  .w-\[74\.984px\] {
    width: 74.984px;
  }
  .w-\[76\.063px\] {
    width: 76.063px;
  }
  .w-\[76\.219px\] {
    width: 76.219px;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-\[79\.406px\] {
    width: 79.406px;
  }
  .w-\[79\.938px\] {
    width: 79.938px;
  }
  .w-\[80\.969px\] {
    width: 80.969px;
  }
  .w-\[81\.906px\] {
    width: 81.906px;
  }
  .w-\[82\.234px\] {
    width: 82.234px;
  }
  .w-\[83\.094px\] {
    width: 83.094px;
  }
  .w-\[83\.672px\] {
    width: 83.672px;
  }
  .w-\[84\.625px\] {
    width: 84.625px;
  }
  .w-\[85\.313px\] {
    width: 85.313px;
  }
  .w-\[85\.984px\] {
    width: 85.984px;
  }
  .w-\[86\.156px\] {
    width: 86.156px;
  }
  .w-\[86\.547px\] {
    width: 86.547px;
  }
  .w-\[86\.859px\] {
    width: 86.859px;
  }
  .w-\[87\.094px\] {
    width: 87.094px;
  }
  .w-\[87px\] {
    width: 87px;
  }
  .w-\[89\.234px\] {
    width: 89.234px;
  }
  .w-\[89\.422px\] {
    width: 89.422px;
  }
  .w-\[89\.734px\] {
    width: 89.734px;
  }
  .w-\[92\.156px\] {
    width: 92.156px;
  }
  .w-\[96\.156px\] {
    width: 96.156px;
  }
  .w-\[96\.531px\] {
    width: 96.531px;
  }
  .w-\[97\.266px\] {
    width: 97.266px;
  }
  .w-\[97\.281px\] {
    width: 97.281px;
  }
  .w-\[97\.594px\] {
    width: 97.594px;
  }
  .w-\[97\.609px\] {
    width: 97.609px;
  }
  .w-\[99\.516px\] {
    width: 99.516px;
  }
  .w-\[99\.797px\] {
    width: 99.797px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[101\.813px\] {
    width: 101.813px;
  }
  .w-\[103\.109px\] {
    width: 103.109px;
  }
  .w-\[103\.141px\] {
    width: 103.141px;
  }
  .w-\[104\.938px\] {
    width: 104.938px;
  }
  .w-\[109\.734px\] {
    width: 109.734px;
  }
  .w-\[114\.891px\] {
    width: 114.891px;
  }
  .w-\[118\.547px\] {
    width: 118.547px;
  }
  .w-\[118\.813px\] {
    width: 118.813px;
  }
  .w-\[118\.844px\] {
    width: 118.844px;
  }
  .w-\[118\.953px\] {
    width: 118.953px;
  }
  .w-\[119\.547px\] {
    width: 119.547px;
  }
  .w-\[119\.719px\] {
    width: 119.719px;
  }
  .w-\[120\.469px\] {
    width: 120.469px;
  }
  .w-\[120\.578px\] {
    width: 120.578px;
  }
  .w-\[120\.828px\] {
    width: 120.828px;
  }
  .w-\[121\.5px\] {
    width: 121.5px;
  }
  .w-\[121\.406px\] {
    width: 121.406px;
  }
  .w-\[121\.516px\] {
    width: 121.516px;
  }
  .w-\[121\.703px\] {
    width: 121.703px;
  }
  .w-\[121\.828px\] {
    width: 121.828px;
  }
  .w-\[121\.844px\] {
    width: 121.844px;
  }
  .w-\[122\.031px\] {
    width: 122.031px;
  }
  .w-\[122\.422px\] {
    width: 122.422px;
  }
  .w-\[123\.594px\] {
    width: 123.594px;
  }
  .w-\[123\.609px\] {
    width: 123.609px;
  }
  .w-\[124\.375px\] {
    width: 124.375px;
  }
  .w-\[125\.672px\] {
    width: 125.672px;
  }
  .w-\[125\.734px\] {
    width: 125.734px;
  }
  .w-\[126\.203px\] {
    width: 126.203px;
  }
  .w-\[126\.703px\] {
    width: 126.703px;
  }
  .w-\[127\.156px\] {
    width: 127.156px;
  }
  .w-\[127\.344px\] {
    width: 127.344px;
  }
  .w-\[127\.625px\] {
    width: 127.625px;
  }
  .w-\[129\.188px\] {
    width: 129.188px;
  }
  .w-\[129\.594px\] {
    width: 129.594px;
  }
  .w-\[129\.656px\] {
    width: 129.656px;
  }
  .w-\[130\.063px\] {
    width: 130.063px;
  }
  .w-\[130\.156px\] {
    width: 130.156px;
  }
  .w-\[130\.531px\] {
    width: 130.531px;
  }
  .w-\[132\.344px\] {
    width: 132.344px;
  }
  .w-\[133\.031px\] {
    width: 133.031px;
  }
  .w-\[135\.656px\] {
    width: 135.656px;
  }
  .w-\[136\.531px\] {
    width: 136.531px;
  }
  .w-\[137\.172px\] {
    width: 137.172px;
  }
  .w-\[137\.656px\] {
    width: 137.656px;
  }
  .w-\[137\.969px\] {
    width: 137.969px;
  }
  .w-\[137px\] {
    width: 137px;
  }
  .w-\[140\.953px\] {
    width: 140.953px;
  }
  .w-\[142px\] {
    width: 142px;
  }
  .w-\[143\.016px\] {
    width: 143.016px;
  }
  .w-\[143\.266px\] {
    width: 143.266px;
  }
  .w-\[144\.016px\] {
    width: 144.016px;
  }
  .w-\[151\.469px\] {
    width: 151.469px;
  }
  .w-\[151px\] {
    width: 151px;
  }
  .w-\[152\.359px\] {
    width: 152.359px;
  }
  .w-\[153\.828px\] {
    width: 153.828px;
  }
  .w-\[155\.172px\] {
    width: 155.172px;
  }
  .w-\[155\.516px\] {
    width: 155.516px;
  }
  .w-\[158\.203px\] {
    width: 158.203px;
  }
  .w-\[164\.125px\] {
    width: 164.125px;
  }
  .w-\[165\.391px\] {
    width: 165.391px;
  }
  .w-\[168\.906px\] {
    width: 168.906px;
  }
  .w-\[169\.125px\] {
    width: 169.125px;
  }
  .w-\[170\.109px\] {
    width: 170.109px;
  }
  .w-\[180\.469px\] {
    width: 180.469px;
  }
  .w-\[182\.031px\] {
    width: 182.031px;
  }
  .w-\[189\.531px\] {
    width: 189.531px;
  }
  .w-\[192px\] {
    width: 192px;
  }
  .w-\[196\.703px\] {
    width: 196.703px;
  }
  .w-\[203\.266px\] {
    width: 203.266px;
  }
  .w-\[205\.453px\] {
    width: 205.453px;
  }
  .w-\[205\.953px\] {
    width: 205.953px;
  }
  .w-\[208\.047px\] {
    width: 208.047px;
  }
  .w-\[214px\] {
    width: 214px;
  }
  .w-\[220\.406px\] {
    width: 220.406px;
  }
  .w-\[222\.828px\] {
    width: 222.828px;
  }
  .w-\[236\.641px\] {
    width: 236.641px;
  }
  .w-\[248px\] {
    width: 248px;
  }
  .w-\[252\.156px\] {
    width: 252.156px;
  }
  .w-\[256px\] {
    width: 256px;
  }
  .w-\[258px\] {
    width: 258px;
  }
  .w-\[259px\] {
    width: 259px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[285\.469px\] {
    width: 285.469px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[329\.516px\] {
    width: 329.516px;
  }
  .w-\[338px\] {
    width: 338px;
  }
  .w-\[354\.656px\] {
    width: 354.656px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-\[384\.75px\] {
    width: 384.75px;
  }
  .w-\[388\.438px\] {
    width: 388.438px;
  }
  .w-\[390px\] {
    width: 390px;
  }
  .w-\[405\.469px\] {
    width: 405.469px;
  }
  .w-\[406px\] {
    width: 406px;
  }
  .w-\[432px\] {
    width: 432px;
  }
  .w-\[448px\] {
    width: 448px;
  }
  .w-\[500px\] {
    width: 500px;
  }
  .w-\[516px\] {
    width: 516px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[625\.641px\] {
    width: 625.641px;
  }
  .w-\[648px\] {
    width: 648px;
  }
  .w-\[700px\] {
    width: 700px;
  }
  .w-\[846px\] {
    width: 846px;
  }
  .w-\[878px\] {
    width: 878px;
  }
  .w-\[920px\] {
    width: 920px;
  }
  .w-\[1344px\] {
    width: 1344px;
  }
  .w-\[1350px\] {
    width: 1350px;
  }
  .w-\[1392px\] {
    width: 1392px;
  }
  .w-\[1440px\] {
    width: 1440px;
  }
  .w-\[1660px\] {
    width: 1660px;
  }
  .w-\[calc\(100\%-24px\)\] {
    width: calc(100% - 24px);
  }
  .w-\[min\(100vw-2rem\,320px\)\] {
    width: min(100vw - 2rem, 320px);
  }
  .w-\[min\(300px\,28vw\)\] {
    width: min(300px, 28vw);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }
  .max-w-\[20\%\] {
    max-width: 20%;
  }
  .max-w-\[70px\] {
    max-width: 70px;
  }
  .max-w-\[80px\] {
    max-width: 80px;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[140px\] {
    max-width: 140px;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[1440px\] {
    max-width: 1440px;
  }
  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: 0;
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-\[12rem\] {
    min-width: 12rem;
  }
  .min-w-\[16px\] {
    min-width: 16px;
  }
  .min-w-\[24px\] {
    min-width: 24px;
  }
  .min-w-\[32px\] {
    min-width: 32px;
  }
  .min-w-\[36px\] {
    min-width: 36px;
  }
  .min-w-\[44px\] {
    min-width: 44px;
  }
  .min-w-\[72px\] {
    min-width: 72px;
  }
  .min-w-\[108px\] {
    min-width: 108px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[640px\] {
    min-width: 640px;
  }
  .min-w-\[680px\] {
    min-width: 680px;
  }
  .min-w-\[720px\] {
    min-width: 720px;
  }
  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }
  .min-w-px {
    min-width: 1px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[1_0_0\] {
    flex: 1 0 0;
  }
  .flex-\[2\] {
    flex: 2;
  }
  .flex-\[130\.797_0_0\] {
    flex: 130.797 0 0;
  }
  .flex-\[130\.813_0_0\] {
    flex: 130.813 0 0;
  }
  .flex-\[198_0_0\] {
    flex: 198 0 0;
  }
  .flex-\[278_0_0\] {
    flex: 278 0 0;
  }
  .flex-\[670_0_0\] {
    flex: 670 0 0;
  }
  .flex-\[818_0_0\] {
    flex: 818 0 0;
  }
  .flex-\[822_0_0\] {
    flex: 822 0 0;
  }
  .flex-\[824_0_0\] {
    flex: 824 0 0;
  }
  .flex-\[1660_0_0\] {
    flex: 1660 0 0;
  }
  .flex-shrink-0,
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow,
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-\(--radix-context-menu-content-transform-origin\) {
    transform-origin: var(--radix-context-menu-content-transform-origin);
  }
  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }
  .origin-\(--radix-hover-card-content-transform-origin\) {
    transform-origin: var(--radix-hover-card-content-transform-origin);
  }
  .origin-\(--radix-menubar-content-transform-origin\) {
    transform-origin: var(--radix-menubar-content-transform-origin);
  }
  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }
  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }
  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }
  .-translate-x-1\/2 {
    --tw-translate-x:calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x:-100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-px {
    --tw-translate-x:-1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x:0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-8 {
    --tw-translate-x:calc(var(--spacing) * 8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x:-50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-px {
    --tw-translate-x:1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y:calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-8 {
    --tw-translate-y:calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0\.5 {
    --tw-translate-y:calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-50\%\] {
    --tw-translate-y:-50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y:calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-100 {
    --tw-scale-x:100%;
    --tw-scale-y:100%;
    --tw-scale-z:100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-105 {
    --tw-scale-x:105%;
    --tw-scale-y:105%;
    --tw-scale-z:105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-110 {
    --tw-scale-x:110%;
    --tw-scale-y:110%;
    --tw-scale-z:110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-90 {
    rotate: -90deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .animate-caret-blink {
    animation: 1.25s ease-out infinite caret-blink;
  }
  .animate-in {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-zoom-in {
    cursor: zoom-in;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .scroll-my-1 {
    scroll-margin-block: var(--spacing);
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }
  .scroll-py-1 {
    scroll-padding-block: var(--spacing);
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[0_1fr\] {
    grid-template-columns: 0 1fr;
  }
  .grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .content-stretch {
    align-content: stretch;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-items-start {
    justify-items: start;
  }
  .gap-0 {
    gap: 0;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[24px\] {
    gap: 24px;
  }
  .gap-\[32px\] {
    gap: 32px;
  }
  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block: 0;
  }
  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse:0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-\[\#2A2A3A\] > :not(:last-child)) {
    border-color: #2a2a3a;
  }
  :where(.divide-\[\#2A2A3A\]\/60 > :not(:last-child)) {
    border-color: oklab(29.2194% .00724079 -.0280706/.6);
  }
  :where(.divide-neutral-800 > :not(:last-child)) {
    border-color: var(--color-neutral-800);
  }
  :where(.divide-neutral-800\/60 > :not(:last-child)) {
    border-color: #26262699;
  }
  @supports (color:color-mix(in lab, red, red)) {
    :where(.divide-neutral-800\/60 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent);
    }
  }
  :where(.divide-neutral-800\/80 > :not(:last-child)) {
    border-color: #262626cc;
  }
  @supports (color:color-mix(in lab, red, red)) {
    :where(.divide-neutral-800\/80 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
    }
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .rounded {
    border-radius: .25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[33554400px\] {
    border-radius: 33554400px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-full {
    border-radius: 3.40282e38px;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }
  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }
  .rounded-tr-\[4px\] {
    border-top-right-radius: 4px;
  }
  .rounded-br-\[4px\] {
    border-bottom-right-radius: 4px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-dashed {
    --tw-border-style:dashed;
    border-style: dashed;
  }
  .border-solid {
    --tw-border-style:solid;
    border-style: solid;
  }
  .border-\(--color-border\) {
    border-color: var(--color-border);
  }
  .border-\[\#00A3FF\]\/30 {
    border-color: oklab(69.1365% -.07353 -.157774/.3);
  }
  .border-\[\#00C281\] {
    border-color: #00c281;
  }
  .border-\[\#00C281\]\/30 {
    border-color: oklab(71.8513% -.152159 .054206/.3);
  }
  .border-\[\#00C281\]\/40 {
    border-color: oklab(71.8513% -.152159 .054206/.4);
  }
  .border-\[\#00c281\] {
    border-color: #00c281;
  }
  .border-\[\#2A2A3A\] {
    border-color: #2a2a3a;
  }
  .border-\[\#2A2A3A\]\/60 {
    border-color: oklab(29.2194% .00724079 -.0280706/.6);
  }
  .border-\[\#2A2A3A\]\/70 {
    border-color: oklab(29.2194% .00724079 -.0280706/.7);
  }
  .border-\[\#F43F5E\] {
    border-color: #f43f5e;
  }
  .border-\[\#F43F5E\]\/40 {
    border-color: oklab(64.5032% .206597 .060959/.4);
  }
  .border-\[rgba\(0\,194\,129\,0\.24\)\] {
    border-color: #00c2813d;
  }
  .border-\[rgba\(255\,255\,255\,0\.04\)\] {
    border-color: #ffffff0a;
  }
  .border-\[rgba\(255\,255\,255\,0\.05\)\] {
    border-color: #ffffff0d;
  }
  .border-\[transparent\] {
    border-color: #0000;
  }
  .border-\[var\(--color-border\)\] {
    border-color: var(--color-border);
  }
  .border-\[var\(--color-primary\)\] {
    border-color: var(--color-primary);
  }
  .border-amber-500\/20 {
    border-color: #f99c0033;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-amber-500\/20 {
      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }
  .border-amber-500\/30 {
    border-color: #f99c004d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-amber-500\/30 {
      border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }
  .border-amber-500\/40 {
    border-color: #f99c0066;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-amber-500\/40 {
      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
    }
  }
  .border-amber-500\/50 {
    border-color: #f99c0080;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-amber-500\/50 {
      border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
    }
  }
  .border-amber-500\/60 {
    border-color: #f99c0099;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-amber-500\/60 {
      border-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent);
    }
  }
  .border-blue-500\/20 {
    border-color: #3080ff33;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-blue-500\/20 {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .border-current {
    border-color: currentColor;
  }
  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }
  .border-emerald-500\/20 {
    border-color: #00bb7f33;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-emerald-500\/20 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .border-emerald-500\/30 {
    border-color: #00bb7f4d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-emerald-500\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }
  .border-emerald-500\/40 {
    border-color: #00bb7f66;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-emerald-500\/40 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
    }
  }
  .border-indigo-500 {
    border-color: var(--color-indigo-500);
  }
  .border-indigo-500\/20 {
    border-color: #625fff33;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-indigo-500\/20 {
      border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }
  }
  .border-indigo-500\/30 {
    border-color: #625fff4d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-indigo-500\/30 {
      border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
    }
  }
  .border-indigo-500\/40 {
    border-color: #625fff66;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-indigo-500\/40 {
      border-color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent);
    }
  }
  .border-input {
    border-color: var(--input);
  }
  .border-neutral-700 {
    border-color: var(--color-neutral-700);
  }
  .border-neutral-700\/50 {
    border-color: #40404080;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-neutral-700\/50 {
      border-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
    }
  }
  .border-neutral-800 {
    border-color: var(--color-neutral-800);
  }
  .border-neutral-800\/60 {
    border-color: #26262699;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-neutral-800\/60 {
      border-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent);
    }
  }
  .border-neutral-800\/80 {
    border-color: #262626cc;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-neutral-800\/80 {
      border-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
    }
  }
  .border-red-400\/30 {
    border-color: #ff65684d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-red-400\/30 {
      border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
    }
  }
  .border-rose-500\/20 {
    border-color: #ff235733;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-rose-500\/20 {
      border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
  .border-rose-500\/30 {
    border-color: #ff23574d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-rose-500\/30 {
      border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
    }
  }
  .border-rose-500\/40 {
    border-color: #ff235766;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-rose-500\/40 {
      border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent);
    }
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/5 {
    border-color: #ffffff0d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/5 {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .border-white\/30 {
    border-color: #ffffff4d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/30 {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .border-zinc-700 {
    border-color: var(--color-zinc-700);
  }
  .border-t-\[var\(--color-card\)\] {
    border-top-color: var(--color-card);
  }
  .border-t-transparent {
    border-top-color: #0000;
  }
  .border-t-white {
    border-top-color: var(--color-white);
  }
  .border-r-\[var\(--color-card\)\] {
    border-right-color: var(--color-card);
  }
  .border-r-transparent {
    border-right-color: #0000;
  }
  .border-b-\[var\(--color-card\)\] {
    border-bottom-color: var(--color-card);
  }
  .border-b-transparent {
    border-bottom-color: #0000;
  }
  .border-l-\[var\(--color-card\)\] {
    border-left-color: var(--color-card);
  }
  .border-l-transparent {
    border-left-color: #0000;
  }
  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }
  .bg-\[\#0A0A0F\] {
    background-color: #0a0a0f;
  }
  .bg-\[\#0E0E16\] {
    background-color: #0e0e16;
  }
  .bg-\[\#0F0F14\] {
    background-color: #0f0f14;
  }
  .bg-\[\#0a0a0a\] {
    background-color: #0a0a0a;
  }
  .bg-\[\#00A3FF\] {
    background-color: #00a3ff;
  }
  .bg-\[\#00A3FF\]\/15 {
    background-color: oklab(69.1365% -.07353 -.157774/.15);
  }
  .bg-\[\#00C281\] {
    background-color: #00c281;
  }
  .bg-\[\#00C281\]\/5 {
    background-color: oklab(71.8513% -.152159 .054206/.05);
  }
  .bg-\[\#00C281\]\/15 {
    background-color: oklab(71.8513% -.152159 .054206/.15);
  }
  .bg-\[\#00C281\]\/20 {
    background-color: oklab(71.8513% -.152159 .054206/.2);
  }
  .bg-\[\#00c281\] {
    background-color: #00c281;
  }
  .bg-\[\#1A1A26\] {
    background-color: #1a1a26;
  }
  .bg-\[\#1A1A26\]\/60 {
    background-color: oklab(22.3586% .00576726 -.0225214/.6);
  }
  .bg-\[\#1A1A26\]\/80 {
    background-color: oklab(22.3586% .00576726 -.0225214/.8);
  }
  .bg-\[\#2A2A3A\] {
    background-color: #2a2a3a;
  }
  .bg-\[\#120D12\] {
    background-color: #120d12;
  }
  .bg-\[\#12121A\] {
    background-color: #12121a;
  }
  .bg-\[\#12121A\]\/90 {
    background-color: oklab(18.6141% .00411984 -.0156863/.9);
  }
  .bg-\[\#24121A\] {
    background-color: #24121a;
  }
  .bg-\[\#151520\] {
    background-color: #151520;
  }
  .bg-\[\#161622\] {
    background-color: #161622;
  }
  .bg-\[\#F43F5E\] {
    background-color: #f43f5e;
  }
  .bg-\[\#F43F5E\]\/15 {
    background-color: oklab(64.5032% .206597 .060959/.15);
  }
  .bg-\[\#F43F5E\]\/20 {
    background-color: oklab(64.5032% .206597 .060959/.2);
  }
  .bg-\[rgba\(0\,0\,0\,0\.5\)\] {
    background-color: #00000080;
  }
  .bg-\[rgba\(0\,194\,129\,0\.08\)\] {
    background-color: #00c28114;
  }
  .bg-\[rgba\(0\,194\,129\,0\.15\)\] {
    background-color: #00c28126;
  }
  .bg-\[rgba\(17\,19\,23\,0\.55\)\] {
    background-color: #1113178c;
  }
  .bg-\[rgba\(77\,163\,255\,0\.15\)\] {
    background-color: #4da3ff26;
  }
  .bg-\[rgba\(255\,77\,79\,0\.15\)\] {
    background-color: #ff4d4f26;
  }
  .bg-\[rgba\(255\,255\,255\,0\.02\)\] {
    background-color: #ffffff05;
  }
  .bg-\[rgba\(255\,255\,255\,0\.3\)\] {
    background-color: #ffffff4d;
  }
  .bg-\[var\(--color-surface-elevated\)\] {
    background-color: var(--color-surface-elevated);
  }
  .bg-accent {
    background-color: var(--accent);
  }
  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }
  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-500\/15 {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }
  .bg-amber-950\/20 {
    background-color: #46190133;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-950\/20 {
      background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
    }
  }
  .bg-amber-950\/30 {
    background-color: #4619014d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-950\/30 {
      background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
    }
  }
  .bg-amber-950\/60 {
    background-color: #46190199;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-950\/60 {
      background-color: color-mix(in oklab, var(--color-amber-950) 60%, transparent);
    }
  }
  .bg-amber-950\/80 {
    background-color: #461901cc;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-950\/80 {
      background-color: color-mix(in oklab, var(--color-amber-950) 80%, transparent);
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/20 {
    background-color: #0003;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black\/40 {
    background-color: #0006;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-black\/50 {
    background-color: #00000080;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: #0009;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-black\/70 {
    background-color: #000000b3;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }
  .bg-black\/75 {
    background-color: #000000bf;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/75 {
      background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }
  .bg-black\/80 {
    background-color: #000c;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .bg-black\/85 {
    background-color: #000000d9;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/85 {
      background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
    }
  }
  .bg-blue-500\/20 {
    background-color: #3080ff33;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-500\/20 {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .bg-blue-950\/20 {
    background-color: #16245633;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-950\/20 {
      background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
    }
  }
  .bg-blue-950\/60 {
    background-color: #16245699;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-950\/60 {
      background-color: color-mix(in oklab, var(--color-blue-950) 60%, transparent);
    }
  }
  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-500\/20 {
    background-color: #00bb7f33;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-emerald-500\/20 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-emerald-950\/20 {
    background-color: #002c2233;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-emerald-950\/20 {
      background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
    }
  }
  .bg-emerald-950\/30 {
    background-color: #002c224d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-emerald-950\/30 {
      background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent);
    }
  }
  .bg-emerald-950\/60 {
    background-color: #002c2299;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-emerald-950\/60 {
      background-color: color-mix(in oklab, var(--color-emerald-950) 60%, transparent);
    }
  }
  .bg-foreground {
    background-color: var(--foreground);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-indigo-500\/10 {
    background-color: #625fff1a;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-500\/10 {
      background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }
  }
  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-indigo-950\/20 {
    background-color: #1e1a4d33;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-950\/20 {
      background-color: color-mix(in oklab, var(--color-indigo-950) 20%, transparent);
    }
  }
  .bg-indigo-950\/30 {
    background-color: #1e1a4d4d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-950\/30 {
      background-color: color-mix(in oklab, var(--color-indigo-950) 30%, transparent);
    }
  }
  .bg-indigo-950\/40 {
    background-color: #1e1a4d66;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-950\/40 {
      background-color: color-mix(in oklab, var(--color-indigo-950) 40%, transparent);
    }
  }
  .bg-indigo-950\/60 {
    background-color: #1e1a4d99;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-950\/60 {
      background-color: color-mix(in oklab, var(--color-indigo-950) 60%, transparent);
    }
  }
  .bg-input-background {
    background-color: var(--input-background);
  }
  .bg-muted,
  .bg-muted\/50 {
    background-color: var(--muted);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
  .bg-neutral-500 {
    background-color: var(--color-neutral-500);
  }
  .bg-neutral-800 {
    background-color: var(--color-neutral-800);
  }
  .bg-neutral-800\/40 {
    background-color: #26262666;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-neutral-800\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent);
    }
  }
  .bg-neutral-800\/80 {
    background-color: #262626cc;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-neutral-800\/80 {
      background-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
    }
  }
  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }
  .bg-neutral-900\/40 {
    background-color: #17171766;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-neutral-900\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
    }
  }
  .bg-neutral-900\/60 {
    background-color: #17171799;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-neutral-900\/60 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 60%, transparent);
    }
  }
  .bg-neutral-900\/80 {
    background-color: #171717cc;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-neutral-900\/80 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent);
    }
  }
  .bg-neutral-950 {
    background-color: var(--color-neutral-950);
  }
  .bg-neutral-950\/30 {
    background-color: #0a0a0a4d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-neutral-950\/30 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 30%, transparent);
    }
  }
  .bg-neutral-950\/40 {
    background-color: #0a0a0a66;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-neutral-950\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 40%, transparent);
    }
  }
  .bg-neutral-950\/60 {
    background-color: #0a0a0a99;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-neutral-950\/60 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 60%, transparent);
    }
  }
  .bg-neutral-950\/80 {
    background-color: #0a0a0acc;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-neutral-950\/80 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 80%, transparent);
    }
  }
  .bg-popover {
    background-color: var(--popover);
  }
  .bg-rose-400 {
    background-color: var(--color-rose-400);
  }
  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }
  .bg-rose-500\/10 {
    background-color: #ff23571a;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-rose-500\/10 {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }
  .bg-rose-600 {
    background-color: var(--color-rose-600);
  }
  .bg-rose-900\/60 {
    background-color: #8b083699;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-rose-900\/60 {
      background-color: color-mix(in oklab, var(--color-rose-900) 60%, transparent);
    }
  }
  .bg-rose-950\/20 {
    background-color: #4d021833;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-rose-950\/20 {
      background-color: color-mix(in oklab, var(--color-rose-950) 20%, transparent);
    }
  }
  .bg-rose-950\/30 {
    background-color: #4d02184d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-rose-950\/30 {
      background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent);
    }
  }
  .bg-rose-950\/40 {
    background-color: #4d021866;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-rose-950\/40 {
      background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
    }
  }
  .bg-rose-950\/60 {
    background-color: #4d021899;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-rose-950\/60 {
      background-color: color-mix(in oklab, var(--color-rose-950) 60%, transparent);
    }
  }
  .bg-rose-950\/80 {
    background-color: #4d0218cc;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-rose-950\/80 {
      background-color: color-mix(in oklab, var(--color-rose-950) 80%, transparent);
    }
  }
  .bg-sky-600 {
    background-color: var(--color-sky-600);
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/60 {
    background-color: #fff9;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/60 {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .bg-gradient-to-b {
    --tw-gradient-position:to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position:to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position:to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-\[\#12121A\] {
    --tw-gradient-from:#12121a;
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[rgba\(0\,194\,129\,0\.16\)\] {
    --tw-gradient-from:#00c28129;
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-400 {
    --tw-gradient-from:var(--color-green-400);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-400 {
    --tw-gradient-from:var(--color-indigo-400);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-\[\#141C1A\] {
    --tw-gradient-via:#141c1a;
    --tw-gradient-via-stops:var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops);
  }
  .to-\[\#12121A\] {
    --tw-gradient-to:#12121a;
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[rgba\(0\,194\,129\,0\.04\)\] {
    --tw-gradient-to:#00c2810a;
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-green-600 {
    --tw-gradient-to:var(--color-green-600);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-500 {
    --tw-gradient-to:var(--color-purple-500);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .fill-amber-400 {
    fill: var(--color-amber-400);
  }
  .fill-current {
    fill: currentColor;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: 0;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-\[8px\] {
    padding: 8px;
  }
  .p-px {
    padding: 1px;
  }
  .px-0 {
    padding-inline: 0;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }
  .px-\[4px\] {
    padding-inline: 4px;
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[6px\] {
    padding-inline: 6px;
  }
  .px-\[7\.219px\] {
    padding-inline: 7.219px;
  }
  .px-\[8\.594px\] {
    padding-inline: 8.594px;
  }
  .px-\[8px\] {
    padding-inline: 8px;
  }
  .px-\[10\.313px\] {
    padding-inline: 10.313px;
  }
  .px-\[10\.813px\] {
    padding-inline: 10.813px;
  }
  .px-\[11\.031px\] {
    padding-inline: 11.031px;
  }
  .px-\[11\.094px\] {
    padding-inline: 11.094px;
  }
  .px-\[11\.703px\] {
    padding-inline: 11.703px;
  }
  .px-\[11\.766px\] {
    padding-inline: 11.766px;
  }
  .px-\[12\.234px\] {
    padding-inline: 12.234px;
  }
  .px-\[12\.406px\] {
    padding-inline: 12.406px;
  }
  .px-\[12\.703px\] {
    padding-inline: 12.703px;
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[13\.813px\] {
    padding-inline: 13.813px;
  }
  .px-\[14\.375px\] {
    padding-inline: 14.375px;
  }
  .px-\[15\.625px\] {
    padding-inline: 15.625px;
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .px-\[17px\] {
    padding-inline: 17px;
  }
  .px-\[18\.672px\] {
    padding-inline: 18.672px;
  }
  .px-\[19\.438px\] {
    padding-inline: 19.438px;
  }
  .px-\[20\.891px\] {
    padding-inline: 20.891px;
  }
  .px-\[21px\] {
    padding-inline: 21px;
  }
  .px-\[22\.219px\] {
    padding-inline: 22.219px;
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .px-\[55\.5px\] {
    padding-inline: 55.5px;
  }
  .px-\[55\.453px\] {
    padding-inline: 55.453px;
  }
  .px-\[55\.922px\] {
    padding-inline: 55.922px;
  }
  .px-\[58\.047px\] {
    padding-inline: 58.047px;
  }
  .px-\[58\.516px\] {
    padding-inline: 58.516px;
  }
  .px-\[64px\] {
    padding-inline: 64px;
  }
  .px-\[clamp\(2rem\,4vw\,4rem\)\] {
    padding-inline: clamp(2rem, 4vw, 4rem);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[4px\] {
    padding-block: 4px;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[8px\] {
    padding-block: 8px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[11px\] {
    padding-block: 11px;
  }
  .py-px {
    padding-block: 1px;
  }
  .pt-0 {
    padding-top: 0;
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-\[-104px\] {
    padding-top: -104px;
  }
  .pt-\[2px\] {
    padding-top: 2px;
  }
  .pt-\[4px\] {
    padding-top: 4px;
  }
  .pt-\[6px\] {
    padding-top: 6px;
  }
  .pt-\[8px\] {
    padding-top: 8px;
  }
  .pt-\[9px\] {
    padding-top: 9px;
  }
  .pt-\[12px\] {
    padding-top: 12px;
  }
  .pt-\[13px\] {
    padding-top: 13px;
  }
  .pt-\[17px\] {
    padding-top: 17px;
  }
  .pt-\[21px\] {
    padding-top: 21px;
  }
  .pt-\[24px\] {
    padding-top: 24px;
  }
  .pt-\[32px\] {
    padding-top: 32px;
  }
  .pt-\[clamp\(2rem\,4vh\,4rem\)\] {
    padding-top: clamp(2rem, 4vh, 4rem);
  }
  .pt-\[max\(2rem\,env\(safe-area-inset-top\,0px\)\+0\.75rem\)\] {
    padding-top: max(2rem, env(safe-area-inset-top, 0px) + .75rem);
  }
  .pr-0\.5 {
    padding-right: calc(var(--spacing) * .5);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pr-\[-224px\] {
    padding-right: -224px;
  }
  .pr-\[2px\] {
    padding-right: 2px;
  }
  .pr-\[7\.031px\] {
    padding-right: 7.031px;
  }
  .pr-\[7\.297px\] {
    padding-right: 7.297px;
  }
  .pr-\[8\.5px\] {
    padding-right: 8.5px;
  }
  .pr-\[9\.484px\] {
    padding-right: 9.484px;
  }
  .pr-\[10\.359px\] {
    padding-right: 10.359px;
  }
  .pr-\[10\.547px\] {
    padding-right: 10.547px;
  }
  .pr-\[10\.625px\] {
    padding-right: 10.625px;
  }
  .pr-\[11\.031px\] {
    padding-right: 11.031px;
  }
  .pr-\[12\.125px\] {
    padding-right: 12.125px;
  }
  .pr-\[12\.234px\] {
    padding-right: 12.234px;
  }
  .pr-\[12\.422px\] {
    padding-right: 12.422px;
  }
  .pr-\[12\.797px\] {
    padding-right: 12.797px;
  }
  .pr-\[12px\] {
    padding-right: 12px;
  }
  .pr-\[13\.047px\] {
    padding-right: 13.047px;
  }
  .pr-\[14\.016px\] {
    padding-right: 14.016px;
  }
  .pr-\[14\.063px\] {
    padding-right: 14.063px;
  }
  .pr-\[14\.922px\] {
    padding-right: 14.922px;
  }
  .pr-\[15\.359px\] {
    padding-right: 15.359px;
  }
  .pr-\[16\.391px\] {
    padding-right: 16.391px;
  }
  .pr-\[16\.594px\] {
    padding-right: 16.594px;
  }
  .pr-\[16px\] {
    padding-right: 16px;
  }
  .pr-\[17\.234px\] {
    padding-right: 17.234px;
  }
  .pr-\[20\.984px\] {
    padding-right: 20.984px;
  }
  .pr-\[21\.609px\] {
    padding-right: 21.609px;
  }
  .pr-\[24\.625px\] {
    padding-right: 24.625px;
  }
  .pr-\[25\.906px\] {
    padding-right: 25.906px;
  }
  .pr-\[26\.156px\] {
    padding-right: 26.156px;
  }
  .pr-\[26\.781px\] {
    padding-right: 26.781px;
  }
  .pr-\[28\.813px\] {
    padding-right: 28.813px;
  }
  .pr-\[54\.297px\] {
    padding-right: 54.297px;
  }
  .pr-\[54\.391px\] {
    padding-right: 54.391px;
  }
  .pr-\[55\.734px\] {
    padding-right: 55.734px;
  }
  .pr-\[57\.172px\] {
    padding-right: 57.172px;
  }
  .pr-\[57\.891px\] {
    padding-right: 57.891px;
  }
  .pr-\[80px\] {
    padding-right: 80px;
  }
  .pr-\[96px\] {
    padding-right: 96px;
  }
  .pr-\[117\.5px\] {
    padding-right: 117.5px;
  }
  .pr-\[420px\] {
    padding-right: 420px;
  }
  .pr-\[568\.5px\] {
    padding-right: 568.5px;
  }
  .pr-\[717\.5px\] {
    padding-right: 717.5px;
  }
  .pr-\[871\.5px\] {
    padding-right: 871.5px;
  }
  .pr-\[1034\.5px\] {
    padding-right: 1034.5px;
  }
  .pb-0 {
    padding-bottom: 0;
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-\[calc\(1\.25rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(1.25rem + env(safe-area-inset-bottom));
  }
  .pb-\[calc\(var\(--bottom-nav-height\)\+env\(safe-area-inset-bottom\,0px\)\+1rem\)\] {
    padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px) + 1rem);
  }
  .pb-\[clamp\(2rem\,5vh\,3\.5rem\)\] {
    padding-bottom: clamp(2rem, 5vh, 3.5rem);
  }
  .pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }
  .pb-px {
    padding-bottom: 1px;
  }
  .pl-1 {
    padding-left: var(--spacing);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .pl-\[-386\.5px\] {
    padding-left: -386.5px;
  }
  .pl-\[-580\.5px\] {
    padding-left: -580.5px;
  }
  .pl-\[-729\.5px\] {
    padding-left: -729.5px;
  }
  .pl-\[-883\.5px\] {
    padding-left: -883.5px;
  }
  .pl-\[7\.016px\] {
    padding-left: 7.016px;
  }
  .pl-\[7\.281px\] {
    padding-left: 7.281px;
  }
  .pl-\[8\.484px\] {
    padding-left: 8.484px;
  }
  .pl-\[8px\] {
    padding-left: 8px;
  }
  .pl-\[9\.469px\] {
    padding-left: 9.469px;
  }
  .pl-\[10\.344px\] {
    padding-left: 10.344px;
  }
  .pl-\[10\.531px\] {
    padding-left: 10.531px;
  }
  .pl-\[10\.609px\] {
    padding-left: 10.609px;
  }
  .pl-\[11\.016px\] {
    padding-left: 11.016px;
  }
  .pl-\[12\.109px\] {
    padding-left: 12.109px;
  }
  .pl-\[12\.219px\] {
    padding-left: 12.219px;
  }
  .pl-\[12\.406px\] {
    padding-left: 12.406px;
  }
  .pl-\[12\.781px\] {
    padding-left: 12.781px;
  }
  .pl-\[13\.031px\] {
    padding-left: 13.031px;
  }
  .pl-\[14\.047px\] {
    padding-left: 14.047px;
  }
  .pl-\[14\.906px\] {
    padding-left: 14.906px;
  }
  .pl-\[14px\] {
    padding-left: 14px;
  }
  .pl-\[15\.344px\] {
    padding-left: 15.344px;
  }
  .pl-\[16\.375px\] {
    padding-left: 16.375px;
  }
  .pl-\[16\.578px\] {
    padding-left: 16.578px;
  }
  .pl-\[17\.219px\] {
    padding-left: 17.219px;
  }
  .pl-\[20\.969px\] {
    padding-left: 20.969px;
  }
  .pl-\[21\.594px\] {
    padding-left: 21.594px;
  }
  .pl-\[24\.609px\] {
    padding-left: 24.609px;
  }
  .pl-\[24px\] {
    padding-left: 24px;
  }
  .pl-\[25\.891px\] {
    padding-left: 25.891px;
  }
  .pl-\[26\.141px\] {
    padding-left: 26.141px;
  }
  .pl-\[26\.766px\] {
    padding-left: 26.766px;
  }
  .pl-\[26px\] {
    padding-left: 26px;
  }
  .pl-\[40px\] {
    padding-left: 40px;
  }
  .pl-\[54\.281px\] {
    padding-left: 54.281px;
  }
  .pl-\[54\.375px\] {
    padding-left: 54.375px;
  }
  .pl-\[55\.719px\] {
    padding-left: 55.719px;
  }
  .pl-\[57\.156px\] {
    padding-left: 57.156px;
  }
  .pl-\[57\.875px\] {
    padding-left: 57.875px;
  }
  .pl-\[102\.5px\] {
    padding-left: 102.5px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-\[-0\.125em\] {
    vertical-align: -.125em;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .font-\[\'Inter\:Bold\'\,sans-serif\] {
    font-family: Inter\:Bold, sans-serif;
  }
  .font-\[\'Inter\:Italic\'\,sans-serif\] {
    font-family: Inter\:Italic, sans-serif;
  }
  .font-\[\'Inter\:Medium\'\,sans-serif\] {
    font-family: Inter\:Medium, sans-serif;
  }
  .font-\[\'Inter\:Regular\'\,sans-serif\] {
    font-family: Inter\:Regular, sans-serif;
  }
  .font-\[\'Inter\:Semi_Bold\'\,sans-serif\] {
    font-family: Inter\:Semi Bold, sans-serif;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading,var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading,var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading,var(--text-4xl--line-height));
  }
  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading,var(--text-7xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading,var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading,var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
  }
  .text-\[0\.8rem\] {
    font-size: .8rem;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[48px\] {
    font-size: 48px;
  }
  .text-\[200px\] {
    font-size: 200px;
  }
  .leading-6 {
    --tw-leading:calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-\[0\.95\] {
    --tw-leading:.95;
    line-height: .95;
  }
  .leading-\[14\.3px\] {
    --tw-leading:14.3px;
    line-height: 14.3px;
  }
  .leading-\[15px\] {
    --tw-leading:15px;
    line-height: 15px;
  }
  .leading-\[18\.2px\] {
    --tw-leading:18.2px;
    line-height: 18.2px;
  }
  .leading-\[18px\] {
    --tw-leading:18px;
    line-height: 18px;
  }
  .leading-\[20px\] {
    --tw-leading:20px;
    line-height: 20px;
  }
  .leading-\[21px\] {
    --tw-leading:21px;
    line-height: 21px;
  }
  .leading-\[22\.4px\] {
    --tw-leading:22.4px;
    line-height: 22.4px;
  }
  .leading-\[22\.5px\] {
    --tw-leading:22.5px;
    line-height: 22.5px;
  }
  .leading-\[23\.4px\] {
    --tw-leading:23.4px;
    line-height: 23.4px;
  }
  .leading-\[24px\] {
    --tw-leading:24px;
    line-height: 24px;
  }
  .leading-\[28\.8px\] {
    --tw-leading:28.8px;
    line-height: 28.8px;
  }
  .leading-\[33px\] {
    --tw-leading:33px;
    line-height: 33px;
  }
  .leading-\[42px\] {
    --tw-leading:42px;
    line-height: 42px;
  }
  .leading-\[48px\] {
    --tw-leading:48px;
    line-height: 48px;
  }
  .leading-\[54px\] {
    --tw-leading:54px;
    line-height: 54px;
  }
  .leading-\[57\.6px\] {
    --tw-leading:57.6px;
    line-height: 57.6px;
  }
  .leading-\[300px\] {
    --tw-leading:300px;
    line-height: 300px;
  }
  .leading-\[normal\] {
    --tw-leading:normal;
    line-height: normal;
  }
  .leading-none {
    --tw-leading:1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading:var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading:var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading:var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black {
    --tw-font-weight:var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight:var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight:var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    --tw-font-weight:var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight:var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight:var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.14px\] {
    --tw-tracking:-.14px;
    letter-spacing: -.14px;
  }
  .tracking-\[-0\.16px\] {
    --tw-tracking:-.16px;
    letter-spacing: -.16px;
  }
  .tracking-\[-0\.33px\] {
    --tw-tracking:-.33px;
    letter-spacing: -.33px;
  }
  .tracking-\[-0\.42px\] {
    --tw-tracking:-.42px;
    letter-spacing: -.42px;
  }
  .tracking-\[-0\.64px\] {
    --tw-tracking:-.64px;
    letter-spacing: -.64px;
  }
  .tracking-\[-0\.375px\] {
    --tw-tracking:-.375px;
    letter-spacing: -.375px;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking:.2em;
    letter-spacing: .2em;
  }
  .tracking-\[0\.3em\] {
    --tw-tracking:.3em;
    letter-spacing: .3em;
  }
  .tracking-\[0\.5px\] {
    --tw-tracking:.5px;
    letter-spacing: .5px;
  }
  .tracking-\[0\.14em\] {
    --tw-tracking:.14em;
    letter-spacing: .14em;
  }
  .tracking-tight {
    --tw-tracking:var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking:var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking:var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking:var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-balance {
    text-wrap: balance;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[\#0A0A0F\] {
    color: #0a0a0f;
  }
  .text-\[\#00A3FF\] {
    color: #00a3ff;
  }
  .text-\[\#00C281\],
  .text-\[\#00c281\] {
    color: #00c281;
  }
  .text-\[\#3A3A4A\] {
    color: #3a3a4a;
  }
  .text-\[\#4da3ff\] {
    color: #4da3ff;
  }
  .text-\[\#5A5A7A\] {
    color: #5a5a7a;
  }
  .text-\[\#9aa7a3\] {
    color: #9aa7a3;
  }
  .text-\[\#888\] {
    color: #888;
  }
  .text-\[\#8888A8\] {
    color: #8888a8;
  }
  .text-\[\#D0D0E0\] {
    color: #d0d0e0;
  }
  .text-\[\#F0F0F5\] {
    color: #f0f0f5;
  }
  .text-\[\#F43F5E\] {
    color: #f43f5e;
  }
  .text-\[\#FFB4C0\] {
    color: #ffb4c0;
  }
  .text-\[\#cfcfcf\] {
    color: #cfcfcf;
  }
  .text-\[\#f5a623\] {
    color: #f5a623;
  }
  .text-\[\#ff4d4f\] {
    color: #ff4d4f;
  }
  .text-\[rgba\(207\,207\,207\,0\.5\)\] {
    color: #cfcfcf80;
  }
  .text-\[rgba\(207\,207\,207\,0\.6\)\] {
    color: #cfcfcf99;
  }
  .text-\[var\(--color-primary\)\] {
    color: var(--color-primary);
  }
  .text-accent-foreground {
    color: var(--accent-foreground);
  }
  .text-amber-200 {
    color: var(--color-amber-200);
  }
  .text-amber-300 {
    color: var(--color-amber-300);
  }
  .text-amber-300\/90 {
    color: #ffd236e6;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-amber-300\/90 {
      color: color-mix(in oklab, var(--color-amber-300) 90%, transparent);
    }
  }
  .text-amber-400 {
    color: var(--color-amber-400);
  }
  .text-amber-400\/80 {
    color: #fcbb00cc;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-amber-400\/80 {
      color: color-mix(in oklab, var(--color-amber-400) 80%, transparent);
    }
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-current {
    color: currentColor;
  }
  .text-emerald-200 {
    color: var(--color-emerald-200);
  }
  .text-emerald-300 {
    color: var(--color-emerald-300);
  }
  .text-emerald-400 {
    color: var(--color-emerald-400);
  }
  .text-emerald-400\/90 {
    color: #00d294e6;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-emerald-400\/90 {
      color: color-mix(in oklab, var(--color-emerald-400) 90%, transparent);
    }
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-green-400 {
    color: var(--color-green-400);
  }
  .text-indigo-300 {
    color: var(--color-indigo-300);
  }
  .text-indigo-400 {
    color: var(--color-indigo-400);
  }
  .text-inherit {
    color: inherit;
  }
  .text-muted {
    color: var(--muted);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-neutral-100 {
    color: var(--color-neutral-100);
  }
  .text-neutral-200 {
    color: var(--color-neutral-200);
  }
  .text-neutral-300 {
    color: var(--color-neutral-300);
  }
  .text-neutral-400 {
    color: var(--color-neutral-400);
  }
  .text-neutral-500 {
    color: var(--color-neutral-500);
  }
  .text-neutral-600 {
    color: var(--color-neutral-600);
  }
  .text-neutral-950 {
    color: var(--color-neutral-950);
  }
  .text-popover-foreground {
    color: var(--popover-foreground);
  }
  .text-purple-400 {
    color: var(--color-purple-400);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-rose-100 {
    color: var(--color-rose-100);
  }
  .text-rose-200 {
    color: var(--color-rose-200);
  }
  .text-rose-200\/80 {
    color: #ffccd3cc;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-rose-200\/80 {
      color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
    }
  }
  .text-rose-300 {
    color: var(--color-rose-300);
  }
  .text-rose-300\/90 {
    color: #ffa2aee6;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-rose-300\/90 {
      color: color-mix(in oklab, var(--color-rose-300) 90%, transparent);
    }
  }
  .text-rose-400 {
    color: var(--color-rose-400);
  }
  .text-rose-500 {
    color: var(--color-rose-500);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/20 {
    color: #fff3;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/20 {
      color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .text-white\/25 {
    color: #ffffff40;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/25 {
      color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .text-white\/30 {
    color: #ffffff4d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/30 {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .text-white\/35 {
    color: #ffffff59;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/35 {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .text-white\/40 {
    color: #fff6;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .text-white\/45 {
    color: #ffffff73;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/45 {
      color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }
  .text-white\/50 {
    color: #ffffff80;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .text-white\/55 {
    color: #ffffff8c;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/55 {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .text-white\/60 {
    color: #fff9;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .text-white\/65 {
    color: #ffffffa6;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/65 {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }
  .text-white\/70 {
    color: #ffffffb3;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .text-white\/75 {
    color: #ffffffbf;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .text-white\/80 {
    color: #fffc;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/90 {
    color: #ffffffe6;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .text-zinc-300 {
    color: var(--color-zinc-300);
  }
  .text-zinc-400 {
    color: var(--color-zinc-400);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .tabular-nums {
    --tw-numeric-spacing:tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .placeholder-\[\#5A5A7A\]::placeholder {
    color: #5a5a7a;
  }
  .placeholder-white\/30::placeholder {
    color: #ffffff4d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .placeholder-white\/30::placeholder {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .placeholder-white\/35::placeholder {
    color: #ffffff59;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .placeholder-white\/35::placeholder {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .accent-\[var\(--color-primary\)\] {
    accent-color: var(--color-primary);
  }
  .accent-emerald-500 {
    accent-color: var(--color-emerald-500);
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-5 {
    opacity: .05;
  }
  .opacity-20 {
    opacity: .2;
  }
  .opacity-30 {
    opacity: .3;
  }
  .opacity-40 {
    opacity: .4;
  }
  .opacity-50 {
    opacity: .5;
  }
  .opacity-60 {
    opacity: .6;
  }
  .opacity-70 {
    opacity: .7;
  }
  .opacity-80 {
    opacity: .8;
  }
  .opacity-90 {
    opacity: .9;
  }
  .opacity-100 {
    opacity: 1;
  }
  .shadow {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
    --tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\[0_0_6px_rgba\(0\,194\,129\,0\.8\)\] {
    --tw-shadow:0 0 6px var(--tw-shadow-color,#00c281cc);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_0_rgba\(255\,255\,255\,0\.12\)\] {
    --tw-shadow:inset 0 1px 0 0 var(--tw-shadow-color,#ffffff1f);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\[var\(--shadow-card\)\] {
    --tw-shadow:var(--shadow-card);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-inner {
    --tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow:0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-blue-950\/40 {
    --tw-shadow-color:#16245666;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .shadow-blue-950\/40 {
      --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-950) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-950\/30 {
    --tw-shadow-color:#002c224d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .shadow-emerald-950\/30 {
      --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-950) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-950\/40 {
    --tw-shadow-color:#002c2266;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .shadow-emerald-950\/40 {
      --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-950) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-950\/50 {
    --tw-shadow-color:#002c2280;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .shadow-emerald-950\/50 {
      --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-950) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-rose-950\/40 {
    --tw-shadow-color:#4d021866;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .shadow-rose-950\/40 {
      --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-950) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-\[\#00C281\] {
    --tw-ring-color:#00c281;
  }
  .ring-\[var\(--color-surface\)\] {
    --tw-ring-color:var(--color-surface);
  }
  .ring-ring\/50 {
    --tw-ring-color:var(--ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-ring\/50 {
      --tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  .outline-hidden {
    --tw-outline-style:none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur:blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-3xl {
    --tw-blur:blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0px_0px_8px_rgba\(0\,194\,129\,0\.15\)\] {
    --tw-drop-shadow-size:drop-shadow(0px 0px 8px var(--tw-drop-shadow-color,#00c28126));
    --tw-drop-shadow:var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0px_12px_15px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-drop-shadow-size:drop-shadow(0px 12px 15px var(--tw-drop-shadow-color,#0009));
    --tw-drop-shadow:var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-2xl {
    --tw-backdrop-blur:blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-lg {
    --tw-backdrop-blur:blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur:blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur:blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur:blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .transition-\[left\,right\,width\] {
    transition-property:
      left,
      right,
      width;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .transition-\[margin\,opacity\] {
    transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .transition-\[width\,height\,padding\] {
    transition-property:
      width,
      height,
      padding;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .transition-transform {
    transition-property:
      transform,
      translate,
      scale,
      rotate;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .transition-none {
    transition-property: none;
  }
  .duration-150 {
    --tw-duration:.15s;
    transition-duration: .15s;
  }
  .duration-200 {
    --tw-duration:.2s;
    transition-duration: .2s;
  }
  .duration-300 {
    --tw-duration:.3s;
    transition-duration: .3s;
  }
  .duration-400 {
    --tw-duration:.4s;
    transition-duration: .4s;
  }
  .duration-500 {
    --tw-duration:.5s;
    transition-duration: .5s;
  }
  .duration-1000 {
    --tw-duration:1s;
    transition-duration: 1s;
  }
  .ease-in {
    --tw-ease:var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease:var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease:linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease:var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .fade-in-0 {
    --tw-enter-opacity:0;
  }
  .outline-none {
    --tw-outline-style:none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .zoom-in-95 {
    --tw-enter-scale:.95;
  }
  .fade-in {
    --tw-enter-opacity:0;
  }
  .paused {
    animation-play-state: paused;
  }
  .running {
    animation-play-state: running;
  }
  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1;
  }
  @media (hover: hover) {
    .group-hover\:opacity-40:is(:where(.group):hover *) {
      opacity: .4;
    }
    .group-hover\:opacity-50:is(:where(.group):hover *) {
      opacity: .5;
    }
    .group-hover\:opacity-60:is(:where(.group):hover *) {
      opacity: .6;
    }
    .group-hover\:opacity-100:is(:where(.group):hover *),
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 1;
    }
  }
  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *) {
    padding-right: calc(var(--spacing) * 8);
  }
  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *) {
    margin-top: calc(var(--spacing) * -8);
  }
  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *) {
    display: none;
  }
  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *) {
    width: var(--sidebar-width-icon);
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
  }
  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *) {
    overflow: hidden;
  }
  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *) {
    padding: 0 !important;
  }
  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *) {
    padding: calc(var(--spacing) * 2) !important;
  }
  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *) {
    opacity: 0;
  }
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *) {
    right: calc(var(--sidebar-width) * -1);
  }
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *) {
    left: calc(var(--sidebar-width) * -1);
  }
  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *) {
    width: 0;
  }
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *) {
    --tw-translate-x:0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
    pointer-events: none;
  }
  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
    opacity: .5;
  }
  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *) {
    right: calc(var(--spacing) * -4);
  }
  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *) {
    left: 0;
  }
  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *) {
    rotate: 180deg;
  }
  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
    rotate: 180deg;
  }
  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *) {
    border-radius: var(--radius-lg);
  }
  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *) {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
    display: block;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    top: 100%;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    overflow: hidden;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    border-radius: var(--radius-md);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    background-color: var(--popover);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    color: var(--popover-foreground);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    --tw-duration:.2s;
    transition-duration: .2s;
  }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }
  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }
  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }
  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }
  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm] ~ *) {
    top: var(--spacing);
  }
  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }
  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }
  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }
  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .file\:font-medium::file-selector-button {
    --tw-font-weight:var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }
  .placeholder\:text-neutral-500::placeholder {
    color: var(--color-neutral-500);
  }
  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }
  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: 0;
  }
  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }
  .after\:w-1:after {
    content: var(--tw-content);
    width: var(--spacing);
  }
  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
  }
  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x:calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after {
    content: var(--tw-content);
    left: 100%;
  }
  .first\:rounded-l-md:first-child {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .first\:border-l:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .last\:mb-0:last-child {
    margin-bottom: 0;
  }
  .last\:rounded-r-md:last-child {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .focus-within\:relative:focus-within {
    position: relative;
  }
  .focus-within\:z-20:focus-within {
    z-index: 20;
  }
  .focus-within\:outline-none:focus-within {
    --tw-outline-style:none;
    outline-style: none;
  }
  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y:calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:-translate-y-1:hover {
      --tw-translate-y:calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:-translate-y-1\.5:hover {
      --tw-translate-y:calc(var(--spacing) * -1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:scale-105:hover {
      --tw-scale-x:105%;
      --tw-scale-y:105%;
      --tw-scale-z:105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-110:hover {
      --tw-scale-x:110%;
      --tw-scale-y:110%;
      --tw-scale-z:110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }
    .hover\:border-\[\#00C281\]\/40:hover {
      border-color: oklab(71.8513% -.152159 .054206/.4);
    }
    .hover\:border-\[\#3A3A4A\]:hover {
      border-color: #3a3a4a;
    }
    .hover\:border-\[\#4A4A5A\]:hover {
      border-color: #4a4a5a;
    }
    .hover\:border-\[\#F43F5E\]\/40:hover {
      border-color: oklab(64.5032% .206597 .060959/.4);
    }
    .hover\:border-\[var\(--color-primary\)\]:hover {
      border-color: var(--color-primary);
    }
    .hover\:border-accent:hover {
      border-color: var(--accent);
    }
    .hover\:border-neutral-500:hover {
      border-color: var(--color-neutral-500);
    }
    .hover\:border-neutral-700:hover {
      border-color: var(--color-neutral-700);
    }
    .hover\:border-white\/20:hover {
      border-color: #fff3;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-white\/20:hover {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
    .hover\:bg-\[\#00A369\]:hover {
      background-color: #00a369;
    }
    .hover\:bg-\[\#1A1A26\]:hover {
      background-color: #1a1a26;
    }
    .hover\:bg-\[\#1A1A26\]\/40:hover {
      background-color: oklab(22.3586% .00576726 -.0225214/.4);
    }
    .hover\:bg-\[\#1E1E2D\]:hover {
      background-color: #1e1e2d;
    }
    .hover\:bg-\[\#2A2A3A\]:hover {
      background-color: #2a2a3a;
    }
    .hover\:bg-\[\#202030\]:hover {
      background-color: #202030;
    }
    .hover\:bg-\[\#252535\]:hover {
      background-color: #252535;
    }
    .hover\:bg-\[\#E11D48\]:hover {
      background-color: #e11d48;
    }
    .hover\:bg-\[var\(--color-surface-elevated\)\]:hover {
      background-color: var(--color-surface-elevated);
    }
    .hover\:bg-\[var\(--color-surface-hover\,rgba\(255\,255\,255\,0\.06\)\)\]:hover {
      background-color: var(--color-surface-hover,#ffffff0f);
    }
    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }
    .hover\:bg-black\/10:hover {
      background-color: #0000001a;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-black\/10:hover {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
    .hover\:bg-emerald-500:hover {
      background-color: var(--color-emerald-500);
    }
    .hover\:bg-green-500\/10:hover {
      background-color: #00c7581a;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-green-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
      }
    }
    .hover\:bg-indigo-500:hover {
      background-color: var(--color-indigo-500);
    }
    .hover\:bg-indigo-950\/30:hover {
      background-color: #1e1a4d4d;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-indigo-950\/30:hover {
        background-color: color-mix(in oklab, var(--color-indigo-950) 30%, transparent);
      }
    }
    .hover\:bg-muted:hover,
    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
    .hover\:bg-neutral-700:hover {
      background-color: var(--color-neutral-700);
    }
    .hover\:bg-neutral-800:hover {
      background-color: var(--color-neutral-800);
    }
    .hover\:bg-neutral-900\/30:hover {
      background-color: #1717174d;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-neutral-900\/30:hover {
        background-color: color-mix(in oklab, var(--color-neutral-900) 30%, transparent);
      }
    }
    .hover\:bg-neutral-900\/40:hover {
      background-color: #17171766;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-neutral-900\/40:hover {
        background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
      }
    }
    .hover\:bg-neutral-900\/60:hover {
      background-color: #17171799;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-neutral-900\/60:hover {
        background-color: color-mix(in oklab, var(--color-neutral-900) 60%, transparent);
      }
    }
    .hover\:bg-red-500\/10:hover {
      background-color: #fb2c361a;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
      }
    }
    .hover\:bg-rose-300:hover {
      background-color: var(--color-rose-300);
    }
    .hover\:bg-rose-500:hover {
      background-color: var(--color-rose-500);
    }
    .hover\:bg-rose-950\/30:hover {
      background-color: #4d02184d;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-rose-950\/30:hover {
        background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent);
      }
    }
    .hover\:bg-rose-950\/40:hover {
      background-color: #4d021866;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-rose-950\/40:hover {
        background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
      }
    }
    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
    .hover\:bg-white\/8:hover {
      background-color: #ffffff14;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/8:hover {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }
    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    .hover\:bg-white\/\[0\.02\]:hover {
      background-color: #ffffff05;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.02\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
      }
    }
    .hover\:bg-white\/\[0\.03\]:hover {
      background-color: #ffffff08;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.03\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }
    .hover\:bg-white\/\[0\.04\]:hover {
      background-color: #ffffff0a;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }
    .hover\:text-\[\#00C281\]:hover {
      color: #00c281;
    }
    .hover\:text-\[\#F0F0F5\]:hover {
      color: #f0f0f5;
    }
    .hover\:text-\[\#F43F5E\]:hover {
      color: #f43f5e;
    }
    .hover\:text-\[var\(--color-text-primary\)\]:hover {
      color: var(--color-text-primary);
    }
    .hover\:text-\[var\(--rt-green\)\]:hover {
      color: var(--rt-green);
    }
    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
    .hover\:text-amber-300:hover {
      color: var(--color-amber-300);
    }
    .hover\:text-amber-400:hover {
      color: var(--color-amber-400);
    }
    .hover\:text-foreground:hover {
      color: var(--foreground);
    }
    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }
    .hover\:text-neutral-200:hover {
      color: var(--color-neutral-200);
    }
    .hover\:text-red-400:hover {
      color: var(--color-red-400);
    }
    .hover\:text-red-500:hover {
      color: var(--color-red-500);
    }
    .hover\:text-rose-200:hover {
      color: var(--color-rose-200);
    }
    .hover\:text-rose-400:hover {
      color: var(--color-rose-400);
    }
    .hover\:text-white:hover {
      color: var(--color-white);
    }
    .hover\:text-white\/50:hover {
      color: #ffffff80;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:text-white\/50:hover {
        color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:opacity-70:hover {
      opacity: .7;
    }
    .hover\:opacity-80:hover {
      opacity: .8;
    }
    .hover\:opacity-90:hover {
      opacity: .9;
    }
    .hover\:opacity-100:hover {
      opacity: 1;
    }
    .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
      --tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
    .hover\:shadow-sm:hover {
      --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
    .hover\:ring-4:hover {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
    .hover\:brightness-110:hover {
      --tw-brightness:brightness(110%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .focus\:z-10:focus {
    z-index: 10;
  }
  .focus\:border-\[\#00C281\]:focus {
    border-color: #00c281;
  }
  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }
  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }
  .focus\:ring-1:focus {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus\:ring-\[\#00C281\]\/20:focus {
    --tw-ring-color:oklab(71.8513% -.152159 .054206/.2);
  }
  .focus\:ring-\[var\(--color-primary\)\]:focus {
    --tw-ring-color:var(--color-primary);
  }
  .focus\:ring-emerald-500:focus {
    --tw-ring-color:var(--color-emerald-500);
  }
  .focus\:ring-indigo-500:focus {
    --tw-ring-color:var(--color-indigo-500);
  }
  .focus\:ring-ring:focus {
    --tw-ring-color:var(--ring);
  }
  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width:2px;
    --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus\:outline-hidden:focus {
    --tw-outline-style:none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .focus\:outline-none:focus {
    --tw-outline-style:none;
    outline-style: none;
  }
  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }
  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }
  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus-visible\:ring-4:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus-visible\:ring-\[var\(--color-primary\)\]:focus-visible {
    --tw-ring-color:var(--color-primary);
  }
  .focus-visible\:ring-ring:focus-visible,
  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color:var(--ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width:1px;
    --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width:2px;
    --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:ring-offset-\[var\(--color-background\)\]:focus-visible {
    --tw-ring-offset-color:var(--color-background);
  }
  .focus-visible\:ring-offset-\[var\(--color-surface\)\]:focus-visible {
    --tw-ring-offset-color:var(--color-surface);
  }
  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style:none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .focus-visible\:outline:focus-visible,
  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-\[var\(--rt-green\)\]:focus-visible {
    outline-color: var(--rt-green);
  }
  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style:none;
    outline-style: none;
  }
  .active\:scale-90:active {
    --tw-scale-x:90%;
    --tw-scale-y:90%;
    --tw-scale-z:90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .active\:scale-95:active {
    --tw-scale-x:95%;
    --tw-scale-y:95%;
    --tw-scale-z:95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .active\:scale-\[0\.98\]:active {
    scale: .98;
  }
  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }
  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }
  .active\:bg-white\/5:active {
    background-color: #ffffff0d;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .active\:bg-white\/5:active {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  @media (hover: hover) {
    .enabled\:hover\:scale-\[1\.03\]:enabled:hover {
      scale: 1.03;
    }
  }
  .enabled\:active\:scale-\[0\.98\]:enabled:active {
    scale: .98;
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:opacity-30:disabled {
    opacity: .3;
  }
  .disabled\:opacity-35:disabled {
    opacity: .35;
  }
  .disabled\:opacity-40:disabled {
    opacity: .4;
  }
  .disabled\:opacity-50:disabled {
    opacity: .5;
  }
  .disabled\:opacity-60:disabled {
    opacity: .6;
  }
  .disabled\:opacity-70:disabled {
    opacity: .7;
  }
  :where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor: w-resize;
  }
  :where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor: e-resize;
  }
  .has-disabled\:opacity-50:has(:disabled) {
    opacity: .5;
  }
  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(> svg) {
    grid-template-columns: calc(var(--spacing) * 4) 1fr;
  }
  .has-\[\>svg\]\:gap-x-3:has(> svg) {
    column-gap: calc(var(--spacing) * 3);
  }
  .has-\[\>svg\]\:px-2\.5:has(> svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .has-\[\>svg\]\:px-3:has(> svg) {
    padding-inline: calc(var(--spacing) * 3);
  }
  .has-\[\>svg\]\:px-4:has(> svg) {
    padding-inline: calc(var(--spacing) * 4);
  }
  .aria-disabled\:pointer-events-none[aria-disabled=true] {
    pointer-events: none;
  }
  .aria-disabled\:opacity-50[aria-disabled=true] {
    opacity: .5;
  }
  .aria-selected\:bg-accent[aria-selected=true] {
    background-color: var(--accent);
  }
  .aria-selected\:text-accent-foreground[aria-selected=true] {
    color: var(--accent-foreground);
  }
  .aria-selected\:text-muted-foreground[aria-selected=true] {
    color: var(--muted-foreground);
  }
  .aria-selected\:opacity-100[aria-selected=true] {
    opacity: 1;
  }
  .data-\[active\=true\]\:z-10[data-active=true] {
    z-index: 10;
  }
  .data-\[active\=true\]\:border-ring[data-active=true] {
    border-color: var(--ring);
  }
  .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
    background-color: var(--accent);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }
  .data-\[active\=true\]\:font-medium[data-active=true] {
    --tw-font-weight:var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .data-\[active\=true\]\:text-accent-foreground[data-active=true] {
    color: var(--accent-foreground);
  }
  .data-\[active\=true\]\:ring-\[3px\][data-active=true] {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .data-\[active\=true\]\:ring-ring\/50[data-active=true] {
    --tw-ring-color:var(--ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:ring-ring\/50[data-active=true] {
      --tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  @media (hover: hover) {
    .data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover {
      background-color: var(--accent);
    }
  }
  .data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus {
    background-color: var(--accent);
  }
  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
  .data-\[disabled\]\:opacity-40[data-disabled] {
    opacity: .4;
  }
  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }
  .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
    pointer-events: none;
  }
  .data-\[disabled\=true\]\:opacity-50[data-disabled=true] {
    opacity: .5;
  }
  .data-\[highlighted\]\:bg-accent[data-highlighted] {
    background-color: var(--accent);
  }
  .data-\[highlighted\]\:text-accent-foreground[data-highlighted] {
    color: var(--accent-foreground);
  }
  .data-\[inset\]\:pl-8[data-inset] {
    padding-left: calc(var(--spacing) * 8);
  }
  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] {
    --tw-enter-translate-x:calc(52*var(--spacing));
  }
  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] {
    --tw-enter-translate-x:calc(52*var(--spacing)*-1);
  }
  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] {
    --tw-exit-translate-x:calc(52*var(--spacing));
  }
  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] {
    --tw-exit-translate-x:calc(52*var(--spacing)*-1);
  }
  .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-] {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
    --tw-enter-opacity:0;
  }
  .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-] {
    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-] {
    --tw-exit-opacity:0;
  }
  .data-\[orientation\=horizontal\]\:h-4[data-orientation=horizontal] {
    height: calc(var(--spacing) * 4);
  }
  .data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal] {
    height: 100%;
  }
  .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] {
    height: 1px;
  }
  .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] {
    width: 100%;
  }
  .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] {
    height: 100%;
  }
  .data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical] {
    min-height: calc(var(--spacing) * 44);
  }
  .data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical] {
    width: calc(var(--spacing) * 1.5);
  }
  .data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical] {
    width: auto;
  }
  .data-\[orientation\=vertical\]\:w-full[data-orientation=vertical] {
    width: 100%;
  }
  .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] {
    width: 1px;
  }
  .data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical] {
    flex-direction: column;
  }
  .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical] {
    height: 1px;
  }
  .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical] {
    width: 100%;
  }
  .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical] {
    flex-direction: column;
  }
  .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after {
    content: var(--tw-content);
    left: 0;
  }
  .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after {
    content: var(--tw-content);
    height: var(--spacing);
  }
  .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after {
    content: var(--tw-content);
    width: 100%;
  }
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after {
    content: var(--tw-content);
    --tw-translate-x:0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after {
    content: var(--tw-content);
    --tw-translate-y:calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }
  .data-\[selected\=true\]\:bg-accent[data-selected=true] {
    background-color: var(--accent);
  }
  .data-\[selected\=true\]\:text-accent-foreground[data-selected=true] {
    color: var(--accent-foreground);
  }
  .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
    --tw-translate-y:var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
    --tw-enter-translate-y:calc(2*var(--spacing)*-1);
  }
  .data-\[side\=left\]\:-translate-x-1[data-side=left] {
    --tw-translate-x:calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
    --tw-enter-translate-x:calc(2*var(--spacing));
  }
  .data-\[side\=right\]\:translate-x-1[data-side=right] {
    --tw-translate-x:var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
    --tw-enter-translate-x:calc(2*var(--spacing)*-1);
  }
  .data-\[side\=top\]\:-translate-y-1[data-side=top] {
    --tw-translate-y:calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
    --tw-enter-translate-y:calc(2*var(--spacing));
  }
  .data-\[size\=default\]\:h-9[data-size=default] {
    height: calc(var(--spacing) * 9);
  }
  .data-\[size\=sm\]\:h-8[data-size=sm] {
    height: calc(var(--spacing) * 8);
  }
  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper] {
    height: calc(var(--spacing) * 12);
  }
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus {
    --tw-outline-style:none;
    outline-style: none;
  }
  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot=select-value] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot=select-value] {
    display: flex;
  }
  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot=select-value] {
    align-items: center;
  }
  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot=select-value] {
    gap: calc(var(--spacing) * 2);
  }
  .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
    animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .data-\[state\=closed\]\:animate-out[data-state=closed] {
    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .data-\[state\=closed\]\:duration-300[data-state=closed] {
    --tw-duration:.3s;
    transition-duration: .3s;
  }
  .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
    --tw-exit-opacity:0;
  }
  .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
    --tw-exit-scale:.95;
  }
  .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
    --tw-exit-translate-y:100%;
  }
  .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
    --tw-exit-translate-x:-100%;
  }
  .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
    --tw-exit-translate-x:100%;
  }
  .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
    --tw-exit-translate-y:-100%;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
    --tw-exit-opacity:0;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
    --tw-exit-scale:.95;
  }
  .data-\[state\=hidden\]\:animate-out[data-state=hidden] {
    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .data-\[state\=hidden\]\:fade-out[data-state=hidden] {
    --tw-exit-opacity:0;
  }
  .data-\[state\=on\]\:bg-accent[data-state=on] {
    background-color: var(--accent);
  }
  .data-\[state\=on\]\:text-accent-foreground[data-state=on] {
    color: var(--accent-foreground);
  }
  .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
    animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .data-\[state\=open\]\:animate-in[data-state=open] {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .data-\[state\=open\]\:bg-accent[data-state=open],
  .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
    background-color: var(--accent);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }
  .data-\[state\=open\]\:text-accent-foreground[data-state=open] {
    color: var(--accent-foreground);
  }
  .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
    color: var(--muted-foreground);
  }
  .data-\[state\=open\]\:opacity-100[data-state=open] {
    opacity: 1;
  }
  .data-\[state\=open\]\:duration-500[data-state=open] {
    --tw-duration:.5s;
    transition-duration: .5s;
  }
  .data-\[state\=open\]\:fade-in-0[data-state=open] {
    --tw-enter-opacity:0;
  }
  .data-\[state\=open\]\:zoom-in-90[data-state=open] {
    --tw-enter-scale:.9;
  }
  .data-\[state\=open\]\:zoom-in-95[data-state=open] {
    --tw-enter-scale:.95;
  }
  .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
    --tw-enter-translate-y:100%;
  }
  .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
    --tw-enter-translate-x:-100%;
  }
  .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
    --tw-enter-translate-x:100%;
  }
  .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
    --tw-enter-translate-y:-100%;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
    --tw-enter-opacity:0;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
    --tw-enter-scale:.95;
  }
  @media (hover: hover) {
    .data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover {
      background-color: var(--accent);
    }
  }
  .data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus {
    background-color: var(--accent);
  }
  .data-\[state\=selected\]\:bg-muted[data-state=selected] {
    background-color: var(--muted);
  }
  .data-\[state\=visible\]\:animate-in[data-state=visible] {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .data-\[state\=visible\]\:fade-in[data-state=visible] {
    --tw-enter-opacity:0;
  }
  .data-\[variant\=outline\]\:border-l-0[data-variant=outline] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }
  .data-\[variant\=outline\]\:shadow-xs[data-variant=outline] {
    --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] {
    inset-inline: 0;
  }
  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] {
    bottom: 0;
  }
  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] {
    margin-top: calc(var(--spacing) * 24);
  }
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom] {
    max-height: 80vh;
  }
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom] {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left] {
    inset-block: 0;
  }
  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left] {
    left: 0;
  }
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] {
    width: 75%;
  }
  .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right] {
    inset-block: 0;
  }
  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right] {
    right: 0;
  }
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] {
    width: 75%;
  }
  .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] {
    inset-inline: 0;
  }
  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] {
    top: 0;
  }
  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top] {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top] {
    max-height: 80vh;
  }
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top] {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
      animation: 1.5s linear infinite spin;
    }
    .motion-reduce\:animate-none {
      animation: none;
    }
    .motion-reduce\:transition-none {
      transition-property: none;
    }
    @media (hover: hover) {
      .motion-reduce\:hover\:scale-100:hover {
        --tw-scale-x:100%;
        --tw-scale-y:100%;
        --tw-scale-z:100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    .motion-reduce\:active\:transform-none:active {
      transform: none;
    }
  }
  @media not all and (min-width: 48rem) {
    .max-md\:min-h-\[44px\] {
      min-height: 44px;
    }
    .max-md\:min-w-\[44px\] {
      min-width: 44px;
    }
    .max-md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .max-md\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }
    .max-md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading,var(--text-sm--line-height));
    }
  }
  @media (min-width: 390px) {
    .min-\[390px\]\:min-h-24 {
      min-height: calc(var(--spacing) * 24);
    }
    .min-\[390px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 40rem) {
    .sm\:inset-auto {
      inset: auto;
    }
    .sm\:top-4 {
      top: calc(var(--spacing) * 4);
    }
    .sm\:top-16 {
      top: calc(var(--spacing) * 16);
    }
    .sm\:right-4 {
      right: calc(var(--spacing) * 4);
    }
    .sm\:bottom-4 {
      bottom: calc(var(--spacing) * 4);
    }
    .sm\:bottom-auto {
      bottom: auto;
    }
    .sm\:left-4 {
      left: calc(var(--spacing) * 4);
    }
    .sm\:col-span-2 {
      grid-column: span 2/span 2;
    }
    .sm\:col-span-3 {
      grid-column: span 3/span 3;
    }
    .sm\:mx-0 {
      margin-inline: 0;
    }
    .sm\:mb-0 {
      margin-bottom: 0;
    }
    .sm\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }
    .sm\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
    .sm\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }
    .sm\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
    .sm\:mb-7 {
      margin-bottom: calc(var(--spacing) * 7);
    }
    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
    .sm\:ml-16 {
      margin-left: calc(var(--spacing) * 16);
    }
    .sm\:ml-auto {
      margin-left: auto;
    }
    .sm\:block {
      display: block;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:inline {
      display: inline;
    }
    .sm\:inline-flex {
      display: inline-flex;
    }
    .sm\:h-12 {
      height: calc(var(--spacing) * 12);
    }
    .sm\:h-16 {
      height: calc(var(--spacing) * 16);
    }
    .sm\:h-20 {
      height: calc(var(--spacing) * 20);
    }
    .sm\:h-\[210px\] {
      height: 210px;
    }
    .sm\:max-h-\[calc\(100vh-5rem\)\] {
      max-height: calc(100vh - 5rem);
    }
    .sm\:min-h-0 {
      min-height: 0;
    }
    .sm\:w-12 {
      width: calc(var(--spacing) * 12);
    }
    .sm\:w-16 {
      width: calc(var(--spacing) * 16);
    }
    .sm\:w-20 {
      width: calc(var(--spacing) * 20);
    }
    .sm\:w-56 {
      width: calc(var(--spacing) * 56);
    }
    .sm\:w-\[min\(420px\,calc\(100vw-2rem\)\)\] {
      width: min(420px, 100vw - 2rem);
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }
    .sm\:max-w-6xl {
      max-width: var(--container-6xl);
    }
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }
    .sm\:min-w-0 {
      min-width: 0;
    }
    .sm\:min-w-\[220px\] {
      min-width: 220px;
    }
    .sm\:flex-1 {
      flex: 1;
    }
    .sm\:flex-auto {
      flex: auto;
    }
    .sm\:flex-none {
      flex: none;
    }
    .sm\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .sm\:flex-col {
      flex-direction: column;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:items-end {
      align-items: flex-end;
    }
    .sm\:items-start {
      align-items: flex-start;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:justify-end {
      justify-content: flex-end;
    }
    .sm\:justify-start {
      justify-content: flex-start;
    }
    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    :where(.sm\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
    .sm\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
    .sm\:self-auto {
      align-self: auto;
    }
    .sm\:self-center {
      align-self: center;
    }
    .sm\:overflow-x-auto {
      overflow-x: auto;
    }
    .sm\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }
    .sm\:rounded-xl {
      border-radius: var(--radius-xl);
    }
    .sm\:p-0\.5 {
      padding: calc(var(--spacing) * .5);
    }
    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .sm\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
    .sm\:px-0 {
      padding-inline: 0;
    }
    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }
    .sm\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
    .sm\:pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }
    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
    .sm\:pl-2\.5 {
      padding-left: calc(var(--spacing) * 2.5);
    }
    .sm\:text-left {
      text-align: left;
    }
    .sm\:text-right {
      text-align: right;
    }
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading,var(--text-2xl--line-height));
    }
    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading,var(--text-3xl--line-height));
    }
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading,var(--text-4xl--line-height));
    }
    .sm\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading,var(--text-8xl--line-height));
    }
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading,var(--text-base--line-height));
    }
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading,var(--text-lg--line-height));
    }
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading,var(--text-sm--line-height));
    }
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading,var(--text-xl--line-height));
    }
    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading,var(--text-xs--line-height));
    }
    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],
    .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] {
      max-width: var(--container-sm);
    }
  }
  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }
    .md\:col-span-6 {
      grid-column: span 6/span 6;
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:grid {
      display: grid;
    }
    .md\:hidden {
      display: none;
    }
    .md\:inline {
      display: inline;
    }
    .md\:max-h-\[90vh\] {
      max-height: 90vh;
    }
    .md\:min-h-0 {
      min-height: 0;
    }
    .md\:w-52 {
      width: calc(var(--spacing) * 52);
    }
    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
      width: var(--radix-navigation-menu-viewport-width);
    }
    .md\:w-auto {
      width: auto;
    }
    .md\:max-w-2xl {
      max-width: var(--container-2xl);
    }
    .md\:max-w-none {
      max-width: none;
    }
    .md\:min-w-0 {
      min-width: 0;
    }
    .md\:-translate-x-full {
      --tw-translate-x:-100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:translate-x-0 {
      --tw-translate-x:0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .md\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    :where(.md\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
    .md\:self-auto {
      align-self: auto;
    }
    .md\:overflow-x-auto {
      overflow-x: auto;
    }
    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .md\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }
    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading,var(--text-base--line-height));
    }
    .md\:opacity-0 {
      opacity: 0;
    }
    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset] ~ *) {
      margin: calc(var(--spacing) * 2);
    }
    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset] ~ *) {
      margin-left: 0;
    }
    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset] ~ *) {
      border-radius: var(--radius-xl);
    }
    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset] ~ *) {
      --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset] ~ *):is(:where(.peer)[data-state=collapsed] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }
    .md\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }
  }
  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2/span 2;
    }
    .lg\:col-span-3 {
      grid-column: span 3/span 3;
    }
    .lg\:col-start-1 {
      grid-column-start: 1;
    }
    .lg\:col-start-2 {
      grid-column-start: 2;
    }
    .lg\:row-span-2 {
      grid-row: span 2/span 2;
    }
    .lg\:row-start-1 {
      grid-row-start: 1;
    }
    .lg\:row-start-2 {
      grid-row-start: 2;
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:max-h-none {
      max-height: none;
    }
    .lg\:min-h-0 {
      min-height: 0;
    }
    .lg\:w-64 {
      width: calc(var(--spacing) * 64);
    }
    .lg\:w-\[46\%\] {
      width: 46%;
    }
    .lg\:w-\[54\%\] {
      width: 54%;
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[1fr_280px\] {
      grid-template-columns: 1fr 280px;
    }
    .lg\:grid-cols-\[280px_1fr\] {
      grid-template-columns: 280px 1fr;
    }
    .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(380px\,0\.85fr\)\] {
      grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr);
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:justify-between {
      justify-content: space-between;
    }
    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
    .lg\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .lg\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  @media (min-width: 80rem) {
    .xl\:block {
      display: block;
    }
    .xl\:hidden {
      display: none;
    }
    .xl\:max-w-md {
      max-width: var(--container-md);
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-\[320px_1fr\] {
      grid-template-columns: 320px 1fr;
    }
    .xl\:flex-row {
      flex-direction: row;
    }
    .xl\:items-center {
      align-items: center;
    }
    .xl\:justify-between {
      justify-content: space-between;
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:border-input {
      border-color: var(--input);
    }
    .dark\:bg-input\/30 {
      background-color: var(--input);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-input\/30 {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    .dark\:text-muted-foreground {
      color: var(--muted-foreground);
    }
    @media (hover: hover) {
      .dark\:hover\:bg-accent\/50:hover {
        background-color: var(--accent);
      }
      @supports (color:color-mix(in lab, red, red)) {
        .dark\:hover\:bg-accent\/50:hover {
          background-color: color-mix(in oklab, var(--accent) 50%, transparent);
        }
      }
      .dark\:hover\:bg-input\/50:hover {
        background-color: var(--input);
      }
      @supports (color:color-mix(in lab, red, red)) {
        .dark\:hover\:bg-input\/50:hover {
          background-color: color-mix(in oklab, var(--input) 50%, transparent);
        }
      }
    }
    .dark\:data-\[state\=active\]\:border-input[data-state=active] {
      border-color: var(--input);
    }
    .dark\:data-\[state\=active\]\:bg-input\/30[data-state=active] {
      background-color: var(--input);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:data-\[state\=active\]\:bg-input\/30[data-state=active] {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    .dark\:data-\[state\=active\]\:text-foreground[data-state=active] {
      color: var(--foreground);
    }
  }
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
    fill: var(--muted-foreground);
  }
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
    stroke: #0000;
  }
  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    --tw-outline-style:none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
    fill: var(--muted);
  }
  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    --tw-outline-style:none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
    stroke: #0000;
  }
  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    --tw-outline-style:none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
  }
  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight:var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: var(--muted-foreground);
  }
  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: 0;
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing) * 12);
  }
  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing) * 3);
  }
  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing) * 5);
  }
  .\[\&_p\]\:leading-relaxed p {
    --tw-leading:var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]) {
    color: var(--muted-foreground);
  }
  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(> .day-range-end) {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(> .day-range-start) {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
    border-radius: var(--radius-md);
  }
  .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
    background-color: var(--accent);
  }
  .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]) {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]),
  .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
    padding-right: 0;
  }
  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }
  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }
  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role=checkbox] {
    --tw-translate-y:2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\[\&\>button\]\:hidden > button {
    display: none;
  }
  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }
  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:h-2\.5 > svg {
    height: calc(var(--spacing) * 2.5);
  }
  .\[\&\>svg\]\:h-3 > svg {
    height: calc(var(--spacing) * 3);
  }
  .\[\&\>svg\]\:w-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
  }
  .\[\&\>svg\]\:w-3 > svg {
    width: calc(var(--spacing) * 3);
  }
  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }
  .\[\&\>svg\]\:translate-y-0\.5 > svg {
    --tw-translate-y:calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\[\&\>svg\]\:text-current > svg {
    color: currentColor;
  }
  .\[\&\>svg\]\:text-muted-foreground > svg {
    color: var(--muted-foreground);
  }
  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical] > div {
    rotate: 90deg;
  }
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
    rotate: 180deg;
  }
  [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }
  [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }
  [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }
  [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }
  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-accent:hover {
      background-color: var(--accent);
    }
    a.\[a\&\]\:hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
  }
}
@property --tw-animation-delay { syntax:"*";inherits:false;initial-value:0s }
@property --tw-animation-direction { syntax:"*";inherits:false;initial-value:normal }
@property --tw-animation-duration { syntax:"*";inherits:false }
@property --tw-animation-fill-mode { syntax:"*";inherits:false;initial-value:none }
@property --tw-animation-iteration-count { syntax:"*";inherits:false;initial-value:1 }
@property --tw-enter-blur { syntax:"*";inherits:false;initial-value:0 }
@property --tw-enter-opacity { syntax:"*";inherits:false;initial-value:1 }
@property --tw-enter-rotate { syntax:"*";inherits:false;initial-value:0 }
@property --tw-enter-scale { syntax:"*";inherits:false;initial-value:1 }
@property --tw-enter-translate-x { syntax:"*";inherits:false;initial-value:0 }
@property --tw-enter-translate-y { syntax:"*";inherits:false;initial-value:0 }
@property --tw-exit-blur { syntax:"*";inherits:false;initial-value:0 }
@property --tw-exit-opacity { syntax:"*";inherits:false;initial-value:1 }
@property --tw-exit-rotate { syntax:"*";inherits:false;initial-value:0 }
@property --tw-exit-scale { syntax:"*";inherits:false;initial-value:1 }
@property --tw-exit-translate-x { syntax:"*";inherits:false;initial-value:0 }
@property --tw-exit-translate-y { syntax:"*";inherits:false;initial-value:0 }
@property --tw-translate-x { syntax:"*";inherits:false;initial-value:0 }
@property --tw-translate-y { syntax:"*";inherits:false;initial-value:0 }
@property --tw-translate-z { syntax:"*";inherits:false;initial-value:0 }
@property --tw-scale-x { syntax:"*";inherits:false;initial-value:1 }
@property --tw-scale-y { syntax:"*";inherits:false;initial-value:1 }
@property --tw-scale-z { syntax:"*";inherits:false;initial-value:1 }
@property --tw-rotate-x { syntax:"*";inherits:false }
@property --tw-rotate-y { syntax:"*";inherits:false }
@property --tw-rotate-z { syntax:"*";inherits:false }
@property --tw-skew-x { syntax:"*";inherits:false }
@property --tw-skew-y { syntax:"*";inherits:false }
@property --tw-space-y-reverse { syntax:"*";inherits:false;initial-value:0 }
@property --tw-space-x-reverse { syntax:"*";inherits:false;initial-value:0 }
@property --tw-divide-y-reverse { syntax:"*";inherits:false;initial-value:0 }
@property --tw-border-style { syntax:"*";inherits:false;initial-value:solid }
@property --tw-gradient-position { syntax:"*";inherits:false }
@property --tw-gradient-from { syntax:"<color>";inherits:false;initial-value:#0000 }
@property --tw-gradient-via { syntax:"<color>";inherits:false;initial-value:#0000 }
@property --tw-gradient-to { syntax:"<color>";inherits:false;initial-value:#0000 }
@property --tw-gradient-stops { syntax:"*";inherits:false }
@property --tw-gradient-via-stops { syntax:"*";inherits:false }
@property --tw-gradient-from-position { syntax:"<length-percentage>";inherits:false;initial-value:0% }
@property --tw-gradient-via-position { syntax:"<length-percentage>";inherits:false;initial-value:50% }
@property --tw-gradient-to-position { syntax:"<length-percentage>";inherits:false;initial-value:100% }
@property --tw-leading { syntax:"*";inherits:false }
@property --tw-font-weight { syntax:"*";inherits:false }
@property --tw-tracking { syntax:"*";inherits:false }
@property --tw-ordinal { syntax:"*";inherits:false }
@property --tw-slashed-zero { syntax:"*";inherits:false }
@property --tw-numeric-figure { syntax:"*";inherits:false }
@property --tw-numeric-spacing { syntax:"*";inherits:false }
@property --tw-numeric-fraction { syntax:"*";inherits:false }
@property --tw-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
@property --tw-shadow-color { syntax:"*";inherits:false }
@property --tw-shadow-alpha { syntax:"<percentage>";inherits:false;initial-value:100% }
@property --tw-inset-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
@property --tw-inset-shadow-color { syntax:"*";inherits:false }
@property --tw-inset-shadow-alpha { syntax:"<percentage>";inherits:false;initial-value:100% }
@property --tw-ring-color { syntax:"*";inherits:false }
@property --tw-ring-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
@property --tw-inset-ring-color { syntax:"*";inherits:false }
@property --tw-inset-ring-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
@property --tw-ring-inset { syntax:"*";inherits:false }
@property --tw-ring-offset-width { syntax:"<length>";inherits:false;initial-value:0 }
@property --tw-ring-offset-color { syntax:"*";inherits:false;initial-value:#fff }
@property --tw-ring-offset-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
@property --tw-outline-style { syntax:"*";inherits:false;initial-value:solid }
@property --tw-blur { syntax:"*";inherits:false }
@property --tw-brightness { syntax:"*";inherits:false }
@property --tw-contrast { syntax:"*";inherits:false }
@property --tw-grayscale { syntax:"*";inherits:false }
@property --tw-hue-rotate { syntax:"*";inherits:false }
@property --tw-invert { syntax:"*";inherits:false }
@property --tw-opacity { syntax:"*";inherits:false }
@property --tw-saturate { syntax:"*";inherits:false }
@property --tw-sepia { syntax:"*";inherits:false }
@property --tw-drop-shadow { syntax:"*";inherits:false }
@property --tw-drop-shadow-color { syntax:"*";inherits:false }
@property --tw-drop-shadow-alpha { syntax:"<percentage>";inherits:false;initial-value:100% }
@property --tw-drop-shadow-size { syntax:"*";inherits:false }
@property --tw-backdrop-blur { syntax:"*";inherits:false }
@property --tw-backdrop-brightness { syntax:"*";inherits:false }
@property --tw-backdrop-contrast { syntax:"*";inherits:false }
@property --tw-backdrop-grayscale { syntax:"*";inherits:false }
@property --tw-backdrop-hue-rotate { syntax:"*";inherits:false }
@property --tw-backdrop-invert { syntax:"*";inherits:false }
@property --tw-backdrop-opacity { syntax:"*";inherits:false }
@property --tw-backdrop-saturate { syntax:"*";inherits:false }
@property --tw-backdrop-sepia { syntax:"*";inherits:false }
@property --tw-duration { syntax:"*";inherits:false }
@property --tw-ease { syntax:"*";inherits:false }
@property --tw-content { syntax:"*";inherits:false;initial-value:"" }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
@keyframes bounce {
  0%, to {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }
  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}
@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0)scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity,1);
    transform: translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0)scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
    filter: blur(var(--tw-exit-blur,0));
  }
}
@keyframes accordion-down {
  0% {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
  }
}
@keyframes accordion-up {
  0% {
    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
  }
  to {
    height: 0;
  }
}
@keyframes caret-blink {
  0%, 70%, to {
    opacity: 1;
  }
  20%, 50% {
    opacity: 0;
  }
}

/* src/styles/theme.css */
@layer theme {
  :root {
    --brand-color-primary: #00C281;
    --brand-color-primary-hover: #00A369;
    --brand-color-background: #0A0A0F;
    --brand-color-surface: #12121A;
    --brand-color-surface-elevated: #1A1A26;
    --brand-color-border: #2A2A3A;
    --brand-color-text-primary: #F0F0F5;
    --brand-color-text-secondary: #8888A8;
    --brand-color-text-muted: #5A6A65;
    --brand-color-accent-amber: #F59E0B;
    --brand-color-accent-rose: #F43F5E;
    --brand-color-accent-blue: #00A3FF;
    --brand-gradient-brand:
      linear-gradient(
        135deg,
        #00C281 0%,
        #00A3FF 100%);
    --color-primary: var(--brand-color-primary);
    --color-primary-dark: var(--brand-color-primary-hover);
    --color-primary-glow: rgba(0, 194, 129, 0.35);
    --color-primary-subtle: rgba(0, 194, 129, 0.08);
    --color-accent-blue: var(--brand-color-accent-blue);
    --color-gradient-brand: var(--brand-gradient-brand);
    --color-background: var(--brand-color-background);
    --color-surface: var(--brand-color-surface);
    --color-surface-elevated: var(--brand-color-surface-elevated);
    --color-card: rgba(18, 18, 26, 0.85);
    --color-glass: rgba(255, 255, 255, 0.03);
    --color-border: var(--brand-color-border);
    --color-border-subtle: rgba(255, 255, 255, 0.04);
    --color-text-primary: var(--brand-color-text-primary);
    --color-text-secondary: var(--brand-color-text-secondary);
    --color-text-muted: rgba(136, 136, 168, 0.6);
    --color-success: var(--brand-color-primary);
    --color-warning: var(--brand-color-accent-amber);
    --color-error: var(--brand-color-accent-rose);
    --color-info: #3B82F6;
    --color-tier-free: var(--brand-color-text-secondary);
    --color-tier-pro: var(--brand-color-accent-amber);
    --color-tier-elite: var(--color-primary);
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --radius-container: 20px;
    --radius-card: 14px;
    --radius-nested: 12px;
    --radius-button: 8px;
    --radius-input: 8px;
    --radius-pill: 999px;
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-card-hover: 0 16px 48px rgba(0, 0, 0, 0.7);
    --shadow-glow: 0 0 24px var(--color-primary-glow);
    --shadow-glow-sm: 0 0 12px var(--color-primary-glow);
    --transition-base: 200ms ease;
    --transition-slow: 350ms ease;
    --transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
    --reasoned-topbar-height: 66px;
    --sidebar-width: 264px;
    --topbar-height: var(--reasoned-topbar-height);
    --bottom-nav-height: 60px;
    --max-width: 1440px;
    --feature-max-width: min(1200px, 100%);
    --feature-gap: clamp(16px, 2vw, 24px);
    --feature-section-gap: clamp(20px, 2.5vw, 32px);
    --feature-shell-padding: clamp(16px, 2vw, 28px);
    --space-section: var(--feature-section-gap);
    --popover: var(--color-surface-elevated);
    --popover-foreground: var(--color-text-primary);
    --accent: var(--color-primary-subtle);
    --accent-foreground: var(--color-primary);
    --ring: var(--color-primary);
    --input: var(--color-border);
    --input-background: var(--color-surface-elevated);
    --muted: var(--color-surface);
    --muted-foreground: var(--color-text-secondary);
    --foreground: var(--color-text-primary);
    --background: var(--color-background);
    color-scheme: dark;
  }
  [data-theme=light] {
    color-scheme: light;
    --color-background: #F4F4F8;
    --color-surface: #FFFFFF;
    --color-surface-elevated: #FFFFFF;
    --color-card: rgba(255, 255, 255, 0.9);
    --color-glass: rgba(0, 0, 0, 0.02);
    --color-border: rgba(0, 0, 0, 0.08);
    --color-border-subtle: rgba(0, 0, 0, 0.05);
    --color-text-primary: #0F0F1A;
    --color-text-secondary: #5A5A7A;
    --color-text-muted: rgba(90, 90, 122, 0.6);
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-card-hover: 0 8px 32px rgba(0, 0, 0, 0.12);
    --shadow-glow: 0 0 20px rgba(0, 194, 129, 0.2);
    --background: var(--color-background);
    --foreground: var(--color-text-primary);
    --popover: var(--color-surface-elevated);
    --popover-foreground: var(--color-text-primary);
    --muted: var(--color-surface);
    --muted-foreground: var(--color-text-secondary);
    --input-background: var(--color-surface-elevated);
  }
}
input[type=time] {
  color-scheme: dark;
  color: var(--color-text-primary);
}
input[type=time]::-webkit-calendar-picker-indicator {
  filter: invert(0.8);
}
[data-theme=light] input[type=time] {
  color-scheme: light;
}
body {
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
  background: var(--color-background);
  color: var(--color-text-primary);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
  body {
    font-size: 16px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: auto;
  }
  html {
    overflow-y: auto;
  }
}
@media (max-width: 767px) {
  input:not([type=checkbox]):not([type=radio]),
  textarea,
  select {
    font-size: 16px !important;
  }
}
.font-mono,
code,
.score-display {
  font-family:
    "JetBrains Mono",
    "Fira Mono",
    monospace;
}
h1 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
h2 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
h3 {
  font-size: 16px;
  font-weight: 600;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.08);
}
::selection {
  background: var(--color-primary-glow);
  color: var(--color-primary);
}
*:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.compose-field,
.message-compose-field {
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.compose-field:focus-within,
.message-compose-field:focus-within {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 1px var(--color-primary);
}
.compose-field:focus-within textarea:focus-visible,
.compose-field:focus-within input:focus-visible,
.message-compose-field textarea:focus-visible,
.message-compose-field input:focus-visible {
  outline: none;
}
input.compose-field:focus,
input.compose-field:focus-visible,
textarea.compose-field:focus,
textarea.compose-field:focus-visible,
select.compose-field:focus,
select.compose-field:focus-visible,
button.compose-field:focus-visible {
  outline: none;
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 1px var(--color-primary);
}
.notion-db-row {
  cursor: pointer;
}
.notion-db-row:hover {
  background: rgba(255, 255, 255, 0.03);
}
.notion-db-row-focused {
  background: transparent !important;
  box-shadow: none !important;
}
.notion-db-row-focused .notion-db-td {
  border-top-color: var(--color-border);
  border-bottom-color: var(--color-border);
}
.notion-db-shell .notion-db-th {
  top: 0;
  background: var(--color-surface-elevated);
}
.notion-db-table thead {
  background: var(--color-surface-elevated);
}
.notion-db-row-offer {
  background:
    linear-gradient(
      90deg,
      rgba(0, 194, 129, 0.08) 0%,
      transparent 55%);
  box-shadow: inset 3px 0 0 var(--color-primary);
}
.notion-db-row-offer.notion-db-row-focused {
  background: rgba(0, 194, 129, 0.1) !important;
}
.notion-db-th {
  cursor: pointer;
  user-select: none;
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--color-surface-elevated);
}
.notion-db-th-hover {
  background: rgba(0, 194, 129, 0.06) !important;
  box-shadow: inset 0 -2px 0 rgba(0, 194, 129, 0.5);
}
.notion-db-td-col-hover,
.notion-db-td-row-hover {
  background: rgba(0, 194, 129, 0.03);
}
.notion-db-td-cross-hover {
  background: rgba(0, 194, 129, 0.05);
}
.typing-dots .typing-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--color-text-muted);
  animation: typing-pulse 1.2s infinite ease-in-out;
}
.typing-dots .typing-dot:nth-child(2) {
  animation-delay: 0.2s;
}
.typing-dots .typing-dot:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes typing-pulse {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-2px);
  }
}
.notion-db-th:hover {
  background: rgba(255, 255, 255, 0.04);
}
.notion-db-th-focused {
  background: rgba(0, 194, 129, 0.12) !important;
  box-shadow: inset 0 -2px 0 var(--color-primary);
  color: var(--color-primary) !important;
}
.notion-db-td {
  cursor: pointer;
  position: relative;
}
.notion-db-td:hover {
  background: rgba(255, 255, 255, 0.025);
}
.notion-db-td-col-active,
.notion-db-td-row-active,
.notion-db-td-cross-active {
  background: transparent;
}
.notion-db-td-focused {
  background: rgba(0, 194, 129, 0.06) !important;
  box-shadow: inset 0 0 0 2px var(--color-primary);
  z-index: 1;
}
.notion-db-td-hover {
  background: rgba(255, 255, 255, 0.02);
}
.notion-db-th-sort-active {
  color: var(--color-primary) !important;
}
html {
  scroll-behavior: smooth;
}
@keyframes slide-in {
  from {
    transform: translateX(400px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes scale-in {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate-slide-in {
  animation: slide-in 0.3s ease-out;
}
.animate-scale-in {
  animation: scale-in 0.2s ease-out;
}
@keyframes slide-up {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.animate-slide-up {
  animation: slide-up 0.3s ease-out;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.scrollbar-hide::-webkit-scrollbar-corner {
  background: transparent;
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.skeleton {
  background:
    linear-gradient(
      90deg,
      var(--color-surface) 25%,
      var(--color-surface-elevated) 50%,
      var(--color-surface) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 6px;
}
.skeleton-group {
  --skeleton-shimmer:
    linear-gradient(
      
      90deg,
      var(--color-surface) 25%,
      var(--color-surface-elevated) 50%,
      var(--color-surface) 75% );
}
.skeleton-group .skeleton-block {
  background: var(--color-surface-elevated);
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.skeleton-group .skeleton-block::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--skeleton-shimmer);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}
@keyframes count-up {
  from {
    transform: translateY(8px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.count-animate {
  animation: count-up 0.3s ease-out;
}
@keyframes pulse-ring {
  0% {
    box-shadow: 0 0 0 0 var(--color-primary-glow);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(0, 194, 129, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 194, 129, 0);
  }
}
.pulse-ring {
  animation: pulse-ring 2s infinite;
}
.snap-x {
  scroll-snap-type: x mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.pb-safe {
  padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));
}
.themed-select-trigger {
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-border);
  color: var(--color-text-primary);
  border-radius: 12px;
  padding: 0.5rem 0.75rem;
  min-height: 44px;
}
.themed-select-trigger:focus-visible,
.themed-select-trigger[data-state=open] {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px var(--color-primary);
}
.themed-select-content {
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-border);
  color: var(--color-text-primary);
  border-radius: 12px;
  box-shadow: var(--shadow-card);
  max-height: min(16rem, var(--radix-select-content-available-height));
  min-width: var(--radix-select-trigger-width);
}
.themed-select-item {
  color: var(--color-text-primary);
}
.themed-select-item[data-highlighted] {
  background: var(--color-primary-subtle);
  color: var(--color-primary);
}
.themed-select-item[data-state=checked] {
  background: rgba(0, 194, 129, 0.12);
  color: var(--color-primary);
  font-weight: 600;
}
.overlay-panel {
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-border);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-card);
}
.overlay-panel-item {
  color: var(--color-text-primary);
  transition: background-color var(--transition-base);
}
.overlay-panel-item:hover,
.overlay-panel-item[data-highlighted] {
  background: var(--color-primary-subtle);
  color: var(--color-primary);
}
.btn-gradient {
  background:
    linear-gradient(
      135deg,
      #00C281,
      #00A3FF);
  color: #fff;
  border: none;
}
.btn-gradient:hover {
  opacity: 0.92;
}
.btn-gradient-soft {
  background:
    linear-gradient(
      135deg,
      rgba(0, 194, 129, 0.15),
      rgba(0, 163, 255, 0.15));
  color: var(--color-primary);
  border: 1px solid rgba(0, 194, 129, 0.3);
}
.tap-feedback:active {
  transform: scale(0.98);
  opacity: 0.92;
}
@media (prefers-reduced-motion: reduce) {
  .tap-feedback:active {
    transform: none;
  }
  .skeleton {
    animation: none;
    background: var(--color-surface-elevated);
  }
  .skeleton-group .skeleton-block::after {
    animation: none;
    display: none;
  }
  .skeleton-group .skeleton-block {
    background: var(--color-surface-elevated);
  }
}
.pb-safe {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
#nav-badge-live {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* src/styles/feature-contained.css */
@media (min-width: 768px) {
  .app-shell--contained {
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
    overscroll-behavior: none;
  }
  .app-main--contained {
    height: calc(100dvh - var(--topbar-height));
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
  .app-main__inner--contained {
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
  .app-main__inner--contained > * {
    min-height: 0;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .app-main[data-feature-contained=true] {
    scrollbar-gutter: stable;
  }
}
@media (min-width: 768px) and (max-height: 850px) {
  .app-shell--contained .app-main--contained {
    padding: 16px;
  }
  .app-shell--contained .coach-page {
    padding-top: 12px;
    padding-bottom: 24px;
  }
  .app-shell--contained .coach-progress-row {
    margin-bottom: 14px;
  }
  .app-shell--contained .coach-home {
    align-items: stretch;
  }
  .app-shell--contained .coach-home__intro {
    padding: 22px 24px 18px;
  }
  .app-shell--contained .coach-home__intro h2 {
    font-size: clamp(1.75rem, 2.2vw, 2.2rem);
  }
  .app-shell--contained .coach-home__intro-cards {
    margin-top: 16px;
  }
  .app-shell--contained .coach-home__start {
    gap: 10px;
    padding: 20px 22px;
  }
  .app-shell--contained .coach-home-secondary {
    gap: 12px;
    padding: 18px 20px;
  }
  .app-shell--contained .coach-guide-card {
    padding: 14px 16px;
  }
  .app-shell--contained .cvp-page {
    padding-top: clamp(20px, 3vw, 40px);
    padding-bottom: clamp(40px, 5vw, 72px);
  }
  .app-shell--contained .cvp-hero {
    margin-bottom: 18px;
  }
  .app-shell--contained .cvp-hero h1 {
    font-size: clamp(34px, 3.8vw, 48px);
    margin-bottom: 12px;
  }
  .app-shell--contained .cvp-facts {
    min-height: 68px;
    margin-bottom: 16px;
    padding: 12px 22px;
  }
  .app-shell--contained .assessments-page {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) and (max-height: 720px) {
  .app-shell--contained .app-main--contained {
    padding: 12px;
  }
  .app-shell--contained .coach-page {
    padding-top: 8px;
    padding-bottom: 16px;
  }
  .app-shell--contained .coach-progress-row {
    margin-bottom: 10px;
  }
  .app-shell--contained .coach-home__intro {
    padding: 18px 20px 14px;
  }
  .app-shell--contained .coach-home__intro-cards li {
    padding: 10px 12px;
  }
  .app-shell--contained .coach-home__start {
    gap: 8px;
    padding: 16px 18px;
  }
  .app-shell--contained .coach-home-secondary {
    padding: 14px 16px;
  }
  .app-shell--contained .coach-guide-grid {
    gap: 12px;
  }
  .app-shell--contained .cvp-hero h1 {
    font-size: clamp(30px, 3.4vw, 42px);
  }
  .app-shell--contained .cvp-facts {
    min-height: 60px;
    padding: 10px 18px;
  }
  .app-shell--contained .cvp-card {
    padding: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-main--contained {
    scroll-behavior: auto;
  }
}

/* src/styles/feature-cohesive.css */
@media (min-width: 768px) {
  .app-shell--contained .assessment-test-shell {
    height: 100%;
    min-height: 100%;
    gap: var(--feature-gap);
    padding: var(--feature-shell-padding);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-container);
    background: var(--color-background);
    overflow: clip;
  }
  .app-shell--contained .assessment-test-header {
    flex-shrink: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    overflow: clip;
  }
  .app-shell--contained .assessment-test-shell__main {
    flex: 1;
    min-height: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: color-mix(in srgb, var(--color-surface) 55%, var(--color-background));
    padding: var(--feature-shell-padding);
  }
  .app-shell--contained .assessment-test-shell__content {
    min-height: 100%;
    width: 100%;
    max-width: var(--feature-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--feature-gap);
  }
  .app-shell--contained .assessment-test-shell__content > * {
    width: 100%;
    margin-inline: auto;
  }
  .app-shell--contained .assessment-test-footer {
    flex-shrink: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    overflow: clip;
  }
  .app-shell--contained .feature-contained-page.assessments-page {
    gap: var(--feature-gap);
    padding: var(--feature-shell-padding);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-container);
    background: var(--color-background);
    min-height: 100%;
  }
  .app-shell--contained .feature-contained-page .assessments-page__header {
    position: static;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    overflow: clip;
  }
  .app-shell--contained .feature-contained-page .assessments-page__header > div {
    max-width: var(--feature-max-width);
    margin-inline: auto;
  }
  .app-shell--contained .feature-contained-page .assessments-page__content {
    max-width: var(--feature-max-width);
    margin-inline: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-section);
  }
  .app-shell--contained .feature-contained-page .assessments-page__content > * + * {
    margin-top: 0;
  }
  .app-shell--contained .feature-contained-page .assessments-page__continue,
  .app-shell--contained .feature-contained-page .assessments-page__content .rounded-3xl {
    border-radius: var(--radius-container);
  }
  .app-shell--contained .assessment-review {
    display: flex;
    flex-direction: column;
    gap: var(--feature-gap);
    min-height: 100%;
    padding: var(--feature-shell-padding);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-container);
    background: var(--color-background);
  }
  .app-shell--contained .assessment-review__header {
    position: static;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    overflow: clip;
  }
  .app-shell--contained .assessment-review__header > div {
    max-width: var(--feature-max-width);
    margin-inline: auto;
  }
  .app-shell--contained .assessment-review__body {
    width: 100%;
    max-width: var(--feature-max-width);
    margin-inline: auto;
    gap: var(--feature-gap);
  }
  .app-shell--contained .coach-home,
  .app-shell--contained .coach-home-secondary {
    border-radius: var(--radius-container);
  }
  .app-shell--contained .coach-home-wrapper {
    gap: var(--space-section);
  }
  .app-shell--contained .coach-progress-row {
    margin-bottom: var(--feature-gap);
  }
  .app-shell--contained .cvp-page--contained .cvp-shell {
    max-width: var(--feature-max-width);
  }
  .app-shell--contained .cvp-card {
    border-radius: var(--radius-container);
  }
  .app-shell--contained .video-responses-entry {
    max-width: var(--feature-max-width);
  }
  .app-shell--contained .video-responses-grid {
    border-radius: var(--radius-container);
  }
}

/* src/styles/onboarding-ux.css */
@keyframes onboarding-celebrate-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes onboarding-progress-fill {
  from {
    transform: scaleX(0);
    transform-origin: left;
  }
  to {
    transform: scaleX(1);
    transform-origin: left;
  }
}
.onboarding-celebrate-in {
  animation: onboarding-celebrate-in 0.28s ease-out forwards;
}
.onboarding-progress-fill {
  transition: width 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .onboarding-celebrate-in {
    animation: none;
  }
  .onboarding-progress-fill {
    transition: none;
  }
}
.animate-slide-up {
  animation: onboarding-celebrate-in 0.25s ease-out forwards;
}
.animate-scale-in {
  animation: onboarding-celebrate-in 0.22s ease-out forwards;
}
@media (prefers-reduced-motion: reduce) {
  .animate-slide-up,
  .animate-scale-in {
    animation: none;
  }
}

/* src/styles/print.css */
@media print {
  [data-no-print],
  nav,
  aside,
  .bottom-nav,
  .message-compose-field,
  .install-prompt,
  .command-palette {
    display: none !important;
  }
  html,
  body,
  #root,
  main {
    background: #fff !important;
    color: #111 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
  }
  main {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 12mm !important;
    width: 100% !important;
    max-width: none !important;
  }
  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .print-profile,
  .print-profile * {
    color: #111 !important;
    background: transparent !important;
    border-color: #ccc !important;
  }
  .print-profile a {
    color: #111 !important;
    text-decoration: underline;
  }
  .print-profile .print-accent {
    color: #00a878 !important;
  }
  .print-profile section,
  .print-profile .rounded-xl,
  .print-profile .rounded-2xl {
    break-inside: avoid;
    page-break-inside: avoid;
    border: 1px solid #ddd !important;
    margin-bottom: 8mm;
    padding: 4mm !important;
  }
  .print-profile h1,
  .print-profile h2,
  .print-profile h3 {
    color: #111 !important;
  }
  @page {
    margin: 12mm;
    size: A4;
  }
}

/* src/styles/index.css */
.app-sidebar__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--color-text-secondary, #9aa7a3);
  cursor: pointer;
  font: inherit;
  font-weight: 500;
  box-shadow: none;
  transform: none;
  transition: background-color 0.16s ease, color 0.16s ease;
}
.app-sidebar__toggle:hover,
.app-sidebar__toggle:focus,
.app-sidebar__toggle:focus-visible,
.app-sidebar__toggle:active {
  background: rgba(255, 255, 255, 0.05);
  color: var(--color-text-primary, #f2f5f3);
  box-shadow: none;
  transform: none;
  outline: none;
}
.app-sidebar__toggle:focus-visible {
  outline: 2px solid var(--color-primary, #00c281);
  outline-offset: 2px;
}

/* node_modules/@fontsource/inter/400.css */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/inter-cyrillic-ext-400-normal-6VZLC4H3.woff2") format("woff2"), url("/get-hired/assets/inter-cyrillic-ext-400-normal-FIY4AS7B.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/inter-cyrillic-400-normal-G4TQJ72A.woff2") format("woff2"), url("/get-hired/assets/inter-cyrillic-400-normal-U23O635P.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/inter-greek-ext-400-normal-JTQ56XIH.woff2") format("woff2"), url("/get-hired/assets/inter-greek-ext-400-normal-RDW6D2QK.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/inter-greek-400-normal-24BA4PDP.woff2") format("woff2"), url("/get-hired/assets/inter-greek-400-normal-ZRMMCGZA.woff") format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/inter-vietnamese-400-normal-3ZH4IT4J.woff2") format("woff2"), url("/get-hired/assets/inter-vietnamese-400-normal-VHOS7L4B.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/inter-latin-ext-400-normal-GKRFIQRI.woff2") format("woff2"), url("/get-hired/assets/inter-latin-ext-400-normal-J3OKVTXA.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/inter-latin-400-normal-55WT6UWF.woff2") format("woff2"), url("/get-hired/assets/inter-latin-400-normal-FR5HOXA4.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* node_modules/@fontsource/inter/500.css */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/inter-cyrillic-ext-500-normal-7YGZWFHX.woff2") format("woff2"), url("/get-hired/assets/inter-cyrillic-ext-500-normal-LJV3DWSQ.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/inter-cyrillic-500-normal-PQK3XKF6.woff2") format("woff2"), url("/get-hired/assets/inter-cyrillic-500-normal-XH4MSKNN.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/inter-greek-ext-500-normal-ZPKR4LNJ.woff2") format("woff2"), url("/get-hired/assets/inter-greek-ext-500-normal-PJFKOJVL.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/inter-greek-500-normal-6QPUHW6Z.woff2") format("woff2"), url("/get-hired/assets/inter-greek-500-normal-3GRTEB6X.woff") format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/inter-vietnamese-500-normal-PQFGSX3P.woff2") format("woff2"), url("/get-hired/assets/inter-vietnamese-500-normal-UOTTXFJL.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/inter-latin-ext-500-normal-3G2JDXWM.woff2") format("woff2"), url("/get-hired/assets/inter-latin-ext-500-normal-UGNIJJWL.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/inter-latin-500-normal-W62DVTXI.woff2") format("woff2"), url("/get-hired/assets/inter-latin-500-normal-ZNGIZ2YB.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* node_modules/@fontsource/inter/600.css */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/get-hired/assets/inter-cyrillic-ext-600-normal-66Z4CWZK.woff2") format("woff2"), url("/get-hired/assets/inter-cyrillic-ext-600-normal-5S66ZLPP.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/get-hired/assets/inter-cyrillic-600-normal-F5BISKXR.woff2") format("woff2"), url("/get-hired/assets/inter-cyrillic-600-normal-YOMHVXBS.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/get-hired/assets/inter-greek-ext-600-normal-D4Z5GF6D.woff2") format("woff2"), url("/get-hired/assets/inter-greek-ext-600-normal-BCNJL3T4.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/get-hired/assets/inter-greek-600-normal-ZRJSSN4C.woff2") format("woff2"), url("/get-hired/assets/inter-greek-600-normal-J3AMDQNF.woff") format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/get-hired/assets/inter-vietnamese-600-normal-TVIYLGI7.woff2") format("woff2"), url("/get-hired/assets/inter-vietnamese-600-normal-YXHD7S3I.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/get-hired/assets/inter-latin-ext-600-normal-HCYHLWH6.woff2") format("woff2"), url("/get-hired/assets/inter-latin-ext-600-normal-JH5KI6RD.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/get-hired/assets/inter-latin-600-normal-R6Y2SZCR.woff2") format("woff2"), url("/get-hired/assets/inter-latin-600-normal-ZYHV6QZT.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* node_modules/@fontsource/inter/700.css */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/get-hired/assets/inter-cyrillic-ext-700-normal-OS2RNUST.woff2") format("woff2"), url("/get-hired/assets/inter-cyrillic-ext-700-normal-JNACFJVQ.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/get-hired/assets/inter-cyrillic-700-normal-5HS3FXHB.woff2") format("woff2"), url("/get-hired/assets/inter-cyrillic-700-normal-SPV2HQ4Q.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/get-hired/assets/inter-greek-ext-700-normal-QJ6NMGCB.woff2") format("woff2"), url("/get-hired/assets/inter-greek-ext-700-normal-GHYQOXL3.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/get-hired/assets/inter-greek-700-normal-S7YO524B.woff2") format("woff2"), url("/get-hired/assets/inter-greek-700-normal-L3DMOWHF.woff") format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/get-hired/assets/inter-vietnamese-700-normal-7LYSQCP6.woff2") format("woff2"), url("/get-hired/assets/inter-vietnamese-700-normal-XRULDGKE.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/get-hired/assets/inter-latin-ext-700-normal-WY62UGW6.woff2") format("woff2"), url("/get-hired/assets/inter-latin-ext-700-normal-SNJUWUAD.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/get-hired/assets/inter-latin-700-normal-SU5XVJMF.woff2") format("woff2"), url("/get-hired/assets/inter-latin-700-normal-TQQ5JXGD.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* node_modules/@fontsource/jetbrains-mono/400.css */
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/jetbrains-mono-cyrillic-ext-400-normal-C7IFWGF6.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-cyrillic-ext-400-normal-PWXUA557.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/jetbrains-mono-cyrillic-400-normal-C5JECUCT.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-cyrillic-400-normal-FGCZYWMY.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/jetbrains-mono-greek-400-normal-O7JTTR3P.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-greek-400-normal-JJNQZMPZ.woff") format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/jetbrains-mono-vietnamese-400-normal-KU7YLUPA.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-vietnamese-400-normal-7ULXAK72.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/jetbrains-mono-latin-ext-400-normal-JVR3IR4Z.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-latin-ext-400-normal-55RNMRQS.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/get-hired/assets/jetbrains-mono-latin-400-normal-3OOWLGQ2.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-latin-400-normal-WDD34GPP.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* node_modules/@fontsource/jetbrains-mono/500.css */
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/jetbrains-mono-cyrillic-ext-500-normal-3HPBCRGM.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-cyrillic-ext-500-normal-ALWIYOP7.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/jetbrains-mono-cyrillic-500-normal-VZRFRX2D.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-cyrillic-500-normal-ABSXDA7Y.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/jetbrains-mono-greek-500-normal-RHDMXKAE.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-greek-500-normal-S2QQDTY6.woff") format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/jetbrains-mono-vietnamese-500-normal-HO6446ON.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-vietnamese-500-normal-LNSQLO7C.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/jetbrains-mono-latin-ext-500-normal-W67NWU5E.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-latin-ext-500-normal-2BKZW4LT.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/get-hired/assets/jetbrains-mono-latin-500-normal-V4XIP5OW.woff2") format("woff2"), url("/get-hired/assets/jetbrains-mono-latin-500-normal-ETEQEOVZ.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
/*# sourceMappingURL=/get-hired/assets/app.css.map */