/* [project]/frontend/main/src/components/header.module.css [app-client] (css) */
.header-module__f-96CW__header {
  z-index: 50;
  min-height: 7.2rem;
  color: var(--color-on-media);
  background: linear-gradient(180deg, var(--color-overlay), transparent);
  grid-template-columns: minmax(18rem, 1fr) auto minmax(18rem, 1fr);
  align-items: center;
  padding: 1.5rem clamp(1.2rem, 4vw, 4.2rem);
  display: grid;
  position: absolute;
  inset: 0 0 auto;
}

.header-module__f-96CW__profileLink {
  border-radius: 999px;
  width: max-content;
}

.header-module__f-96CW__identity {
  align-items: center;
  gap: .8rem;
  min-width: 0;
  display: flex;
}

.header-module__f-96CW__avatar {
  background: var(--color-card);
  width: 3rem;
  height: 3rem;
  box-shadow: var(--shadow-card);
  -webkit-backdrop-filter: var(--backdrop-card);
  backdrop-filter: var(--backdrop-card);
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.header-module__f-96CW__avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.header-module__f-96CW__guestLink {
  border-radius: var(--radius-sm);
}

.header-module__f-96CW__guestIdentity {
  gap: .72rem;
}

.header-module__f-96CW__guestAvatar {
  color: var(--color-on-media);
  background: var(--color-card);
  box-shadow: var(--shadow-card);
}

.header-module__f-96CW__guestAvatar svg {
  stroke-width: 1.75px;
  width: 1.55rem;
  height: 1.55rem;
}

.header-module__f-96CW__guestCopy {
  justify-items: start;
  gap: .3rem;
}

.header-module__f-96CW__guestCopy strong {
  color: var(--color-on-media);
  text-shadow: 0 1px .5rem var(--color-surface-deep);
  font-size: .78rem;
  font-weight: 720;
  line-height: 1;
}

.header-module__f-96CW__signInButton {
  min-height: 1.25rem;
  color: var(--color-surface);
  background: var(--color-on-media);
  letter-spacing: .035em;
  border-radius: 999px;
  align-items: center;
  padding: .18rem .5rem;
  font-size: .56rem;
  font-weight: 820;
  line-height: 1;
  display: inline-flex;
}

.header-module__f-96CW__guestLink:hover .header-module__f-96CW__signInButton, .header-module__f-96CW__guestLink:focus-visible .header-module__f-96CW__signInButton {
  color: var(--color-on-media);
  background: var(--color-subcard-active);
}

.header-module__f-96CW__profileCopy {
  gap: .45rem;
  min-width: 0;
  display: grid;
}

.header-module__f-96CW__profileCopy > span {
  align-items: center;
  gap: .45rem;
  display: flex;
}

.header-module__f-96CW__profileCopy strong {
  max-width: 13rem;
  color: var(--color-on-media);
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 1px .5rem var(--color-surface-deep);
  font-size: .78rem;
  font-weight: 720;
  overflow: hidden;
}

.header-module__f-96CW__profileCopy small {
  color: var(--color-surface);
  background: var(--color-on-media);
  letter-spacing: .08em;
  border-radius: .2rem;
  padding: .18rem .38rem;
  font-size: .46rem;
  font-weight: 900;
}

.header-module__f-96CW__wallet {
  color: var(--color-on-media-muted);
  text-shadow: 0 1px .5rem var(--color-surface-deep);
  font-size: .61rem;
  font-weight: 680;
}

.header-module__f-96CW__wallet span {
  align-items: center;
  gap: .25rem;
  display: inline-flex;
}

.header-module__f-96CW__wallet svg {
  width: .68rem;
  height: .68rem;
}

.header-module__f-96CW__navigationCluster {
  align-items: center;
  gap: .08rem;
  display: flex;
  position: relative;
}

.header-module__f-96CW__centerNav, .header-module__f-96CW__systemNav {
  align-items: center;
  gap: .42rem;
  display: flex;
}

.header-module__f-96CW__centerNav {
  touch-action: pan-y;
}

.header-module__f-96CW__arrowControl {
  align-items: center;
  gap: .18rem;
  display: flex;
}

.header-module__f-96CW__sectionArrow {
  width: 2rem;
  height: 2rem;
  color: var(--color-on-media-muted);
  opacity: .8;
}

.header-module__f-96CW__sectionArrow:hover, .header-module__f-96CW__sectionArrow:focus-visible {
  opacity: 1;
}

.header-module__f-96CW__sectionArrow svg {
  width: .82rem;
  height: .82rem;
}

.header-module__f-96CW__centerNav .ui-icon-button {
  position: relative;
}

.header-module__f-96CW__centerNav [data-active="true"] {
  color: var(--color-on-media);
  background: var(--color-subcard-active);
  -webkit-backdrop-filter: var(--backdrop-subcard);
  backdrop-filter: var(--backdrop-subcard);
  transform: translateY(.12rem);
}

.header-module__f-96CW__arrowHint {
  min-width: 2.6rem;
  height: 1.75rem;
  color: var(--color-on-media);
  background: var(--color-subcard-active);
  -webkit-backdrop-filter: var(--backdrop-subcard);
  backdrop-filter: var(--backdrop-subcard);
  letter-spacing: .025em;
  white-space: nowrap;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: .28rem;
  padding: 0 .42rem;
  font-size: .48rem;
  font-weight: 780;
  display: flex;
}

.header-module__f-96CW__arrowHint svg {
  stroke-width: 1.8px;
  width: .75rem;
  height: .75rem;
}

.header-module__f-96CW__arrowHint kbd {
  min-width: .9rem;
  color: inherit;
  font: inherit;
  place-items: center;
  display: inline-grid;
}

.header-module__f-96CW__arrowHint i {
  color: inherit;
  font-size: .68rem;
  font-style: normal;
}

.header-module__f-96CW__arrowHint[data-mode="touch"] {
  min-width: 2.15rem;
  padding-inline: .35rem;
}

.header-module__f-96CW__touchIcon {
  flex: none;
  width: .9rem;
  height: .9rem;
  position: relative;
}

.header-module__f-96CW__touchIcon svg:first-child {
  width: .78rem;
  height: .78rem;
}

.header-module__f-96CW__touchIcon svg:last-child {
  width: .58rem;
  height: .58rem;
  fill: var(--color-subcard-active);
  stroke-width: 2.2px;
  position: absolute;
  bottom: -.14rem;
  right: -.18rem;
}

.header-module__f-96CW__systemNav {
  justify-self: end;
}

.header-module__f-96CW__systemNav button {
  text-shadow: 0 1px .6rem var(--color-surface-deep);
  position: relative;
}

.header-module__f-96CW__systemNav i {
  border: 1px solid var(--color-glass);
  background: var(--color-accent);
  border-radius: 50%;
  width: .36rem;
  height: .36rem;
  position: absolute;
  top: .38rem;
  right: .45rem;
}

.header-module__f-96CW__settings {
  position: relative;
}

.header-module__f-96CW__settingsDropdown {
  --mr-dropdown-width: 15rem;
  padding: .45rem;
}

.header-module__f-96CW__settingsControl {
  min-height: 2.75rem;
  color: var(--mr-dropdown-text);
  grid-template-columns: 1.15rem minmax(0, 1fr);
  gap: .7rem;
  padding-inline: .7rem;
}

.header-module__f-96CW__settingsControl > svg {
  width: 1rem;
  height: 1rem;
}

.header-module__f-96CW__settingsControl > small, .header-module__f-96CW__settingsControl > span {
  color: inherit;
  letter-spacing: .04em;
  font-size: .68rem;
  font-weight: 720;
}

.header-module__f-96CW__audioControl {
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  padding: .5rem .7rem .65rem;
  display: grid;
}

.header-module__f-96CW__audioMute {
  width: 2rem;
  height: 2rem;
  color: var(--mr-dropdown-text);
  background: var(--mr-dropdown-hover);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.header-module__f-96CW__audioMute:hover, .header-module__f-96CW__audioMute:focus-visible {
  background: var(--color-subcard-active);
}

.header-module__f-96CW__audioMute svg {
  width: .95rem;
  height: .95rem;
}

.header-module__f-96CW__volumeControl {
  gap: .15rem;
  min-width: 0;
  display: grid;
}

.header-module__f-96CW__volumeControl > span {
  color: var(--mr-dropdown-text-muted);
  justify-content: space-between;
  font-size: .62rem;
  font-weight: 680;
  display: flex;
}

.header-module__f-96CW__volumeControl b {
  color: var(--mr-dropdown-text);
  font-size: .58rem;
}

@media (max-width: 860px) {
  .header-module__f-96CW__header {
    grid-template-columns: 1fr auto;
    min-height: 6rem;
  }

  .header-module__f-96CW__navigationCluster {
    background: var(--color-glass);
    -webkit-backdrop-filter: var(--backdrop-subcard);
    backdrop-filter: var(--backdrop-subcard);
    border-radius: 999px;
    padding: .25rem;
    position: absolute;
    top: 5.3rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .header-module__f-96CW__profileCopy strong {
    max-width: 8rem;
  }
}

@media (max-width: 560px) {
  .header-module__f-96CW__header {
    padding: .9rem 1rem;
  }

  .header-module__f-96CW__profileCopy {
    gap: .25rem;
  }

  .header-module__f-96CW__wallet span:last-child, .header-module__f-96CW__profileCopy small {
    display: none;
  }

  .header-module__f-96CW__systemNav {
    gap: .05rem;
  }

  .header-module__f-96CW__systemNav > button:first-child {
    display: none;
  }

  .header-module__f-96CW__centerNav {
    gap: .15rem;
  }

  .header-module__f-96CW__centerNav .ui-icon-button {
    width: 2.45rem;
    height: 2.45rem;
  }

  .header-module__f-96CW__sectionArrow {
    width: 1.75rem;
    height: 1.75rem;
  }

  .header-module__f-96CW__arrowControl {
    gap: .05rem;
  }

  .header-module__f-96CW__arrowHint {
    min-width: 2.15rem;
    height: 1.65rem;
    padding-inline: .3rem;
  }

  .header-module__f-96CW__arrowHint[data-mode="touch"] {
    min-width: 2rem;
  }
}

/* [project]/frontend/main/src/components/download-center.module.css [app-client] (css) */
.download-center-module__qQ-3Qq__root {
  place-items: center;
  display: grid;
  position: relative;
}

.download-center-module__qQ-3Qq__trigger {
  position: relative;
}

.download-center-module__qQ-3Qq__trigger[data-active="true"] {
  color: var(--color-on-media);
  background: var(--color-subcard-hover);
}

.download-center-module__qQ-3Qq__progressRing {
  background: conic-gradient(var(--color-accent) var(--download-progress), transparent 0);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
  inset: .16rem;
  -webkit-mask: radial-gradient(circle, #0000 58%, #000 60%);
  mask: radial-gradient(circle, #0000 58%, #000 60%);
}

.download-center-module__qQ-3Qq__badge {
  border: 2px solid var(--color-surface-deep);
  color: #fff;
  background: var(--color-accent);
  border-radius: 999px;
  place-items: center;
  min-width: 1rem;
  height: 1rem;
  padding: 0 .22rem;
  font-size: .49rem;
  line-height: 1;
  display: grid;
  position: absolute;
  top: -.14rem;
  right: -.12rem;
}

.download-center-module__qQ-3Qq__dropdown {
  --mr-dropdown-width: 25rem;
  padding: .45rem;
}

.download-center-module__qQ-3Qq__dropdown .mr-dropdown__header {
  justify-content: space-between;
}

.download-center-module__qQ-3Qq__status {
  color: var(--color-text-muted);
  background: var(--color-subcard);
  border-radius: 999px;
  padding: .28rem .48rem;
  font-size: .55rem;
  font-weight: 750;
}

.download-center-module__qQ-3Qq__status[data-status="ready"] {
  color: var(--color-success);
}

.download-center-module__qQ-3Qq__status[data-status="error"] {
  color: var(--color-danger);
}

.download-center-module__qQ-3Qq__jobs {
  gap: .18rem;
}

.download-center-module__qQ-3Qq__job {
  border-radius: var(--mr-dropdown-item-radius);
  background: var(--color-subcard);
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .55rem;
  padding: .58rem;
  display: grid;
}

.download-center-module__qQ-3Qq__jobIcon {
  width: 2rem;
  height: 2rem;
  color: var(--color-on-media);
  background: #ffffff14;
  border-radius: .55rem;
  place-items: center;
  display: grid;
}

.download-center-module__qQ-3Qq__jobIcon svg {
  width: .95rem;
  height: .95rem;
}

.download-center-module__qQ-3Qq__job[data-state="failed"] .download-center-module__qQ-3Qq__jobIcon {
  color: var(--color-danger);
  background: var(--color-danger-soft);
}

.download-center-module__qQ-3Qq__jobBody {
  gap: .2rem;
  min-width: 0;
  display: grid;
}

.download-center-module__qQ-3Qq__jobBody strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .72rem;
  overflow: hidden;
}

.download-center-module__qQ-3Qq__jobBody > span:not(.download-center-module__qQ-3Qq__progress) {
  color: var(--color-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .56rem;
  overflow: hidden;
}

.download-center-module__qQ-3Qq__progress {
  background: #ffffff17;
  border-radius: 999px;
  height: .18rem;
  overflow: hidden;
}

.download-center-module__qQ-3Qq__progress i {
  border-radius: inherit;
  background: var(--color-accent);
  height: 100%;
  transition: width .18s linear;
  display: block;
}

.download-center-module__qQ-3Qq__percent {
  color: var(--color-text-muted);
  align-self: start;
  font-size: .6rem;
  font-weight: 720;
}

.download-center-module__qQ-3Qq__controls {
  grid-column: 2 / -1;
  justify-content: flex-end;
  gap: .2rem;
  display: flex;
}

.download-center-module__qQ-3Qq__controls button {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--color-text-muted);
  background: #ffffff0d;
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.download-center-module__qQ-3Qq__controls button:hover, .download-center-module__qQ-3Qq__controls button:focus-visible {
  color: var(--color-text);
  background: var(--color-subcard-hover);
}

.download-center-module__qQ-3Qq__controls svg {
  width: .75rem;
  height: .75rem;
}

.download-center-module__qQ-3Qq__empty, .download-center-module__qQ-3Qq__webPrompt {
  text-align: center;
  justify-items: center;
  gap: .55rem;
  padding: 1.35rem .9rem;
  display: grid;
}

.download-center-module__qQ-3Qq__empty > svg {
  width: 1.5rem;
  color: var(--color-text-subtle);
}

.download-center-module__qQ-3Qq__empty strong, .download-center-module__qQ-3Qq__webPrompt strong {
  font-size: .78rem;
}

.download-center-module__qQ-3Qq__empty span, .download-center-module__qQ-3Qq__webPrompt p {
  max-width: 18rem;
  color: var(--color-text-muted);
  font-size: .62rem;
  line-height: 1.5;
}

.download-center-module__qQ-3Qq__webIcon {
  width: 2.8rem;
  height: 2.8rem;
  color: var(--color-accent);
  background: #ff5a001f;
  border-radius: .85rem;
  place-items: center;
  display: grid;
}

.download-center-module__qQ-3Qq__webIcon svg {
  width: 1.2rem;
}

.download-center-module__qQ-3Qq__webPrompt .ui-primary-action {
  min-height: 2.4rem;
  margin-top: .2rem;
  font-size: .66rem;
}

.download-center-module__qQ-3Qq__footer {
  border-top: 1px solid var(--mr-dropdown-separator);
  padding-top: .4rem;
}

.download-center-module__qQ-3Qq__footer a {
  border-radius: var(--mr-dropdown-item-radius);
  min-height: 2.35rem;
  color: var(--color-text-muted);
  justify-content: space-between;
  align-items: center;
  padding: 0 .65rem;
  font-size: .66rem;
  font-weight: 720;
  display: flex;
}

.download-center-module__qQ-3Qq__footer a:hover, .download-center-module__qQ-3Qq__footer a:focus-visible {
  color: var(--color-text);
  background: var(--mr-dropdown-hover);
}

.download-center-module__qQ-3Qq__footer svg {
  width: .72rem;
}

/* [project]/frontend/main/src/components/social-centers.module.css [app-client] (css) */
.social-centers-module__rQ9dNq__root {
  display: contents;
  position: relative;
}

.social-centers-module__rQ9dNq__root > button {
  position: relative;
}

.social-centers-module__rQ9dNq__dropdown {
  --mr-dropdown-width: 25rem;
  padding: .45rem;
}

.social-centers-module__rQ9dNq__dropdown .mr-dropdown__header {
  justify-content: space-between;
}

.social-centers-module__rQ9dNq__accentDot {
  background: var(--color-accent);
  border-radius: 50%;
  width: .35rem;
  height: .35rem;
  position: absolute;
  top: .38rem;
  right: .35rem;
  box-shadow: 0 0 0 .16rem #050608d1;
}

.social-centers-module__rQ9dNq__headerAction {
  min-height: 1.8rem;
  color: var(--color-text-muted);
  background: var(--color-subcard);
  border-radius: 999px;
  align-items: center;
  gap: .35rem;
  padding: 0 .55rem;
  font-size: .58rem;
  font-weight: 720;
  display: inline-flex;
}

.social-centers-module__rQ9dNq__headerAction svg {
  width: .8rem;
  height: .8rem;
}

.social-centers-module__rQ9dNq__feedItem, .social-centers-module__rQ9dNq__chatItem {
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  min-height: 3.7rem;
}

.social-centers-module__rQ9dNq__feedItem[data-unread="true"], .social-centers-module__rQ9dNq__chatItem[data-unread="true"] {
  background: var(--color-subcard);
}

.social-centers-module__rQ9dNq__feedItem[data-unread="true"]:before {
  content: "";
  background: var(--color-accent);
  border-radius: 50%;
  width: .22rem;
  height: .22rem;
  position: absolute;
  left: .18rem;
}

.social-centers-module__rQ9dNq__feedItem time, .social-centers-module__rQ9dNq__chatMeta time {
  color: var(--color-text-subtle);
  white-space: nowrap;
  font-size: .55rem;
}

.social-centers-module__rQ9dNq__avatar {
  width: 2rem;
  height: 2rem;
  color: var(--color-text-muted);
  background: var(--color-subcard);
  border-radius: 50%;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.social-centers-module__rQ9dNq__avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.social-centers-module__rQ9dNq__avatar svg {
  width: .95rem;
  height: .95rem;
}

.social-centers-module__rQ9dNq__chatMeta {
  align-content: space-between;
  align-self: stretch;
  justify-items: end;
  display: grid;
}

.social-centers-module__rQ9dNq__chatMeta b, .social-centers-module__rQ9dNq__unreadCount {
  min-width: 1.15rem;
  height: 1.15rem;
  color: var(--color-surface);
  background: var(--color-accent);
  border-radius: 999px;
  place-items: center;
  padding: 0 .3rem;
  font-size: .52rem;
  font-weight: 850;
  display: inline-grid;
}

.social-centers-module__rQ9dNq__empty {
  text-align: center;
  align-content: center;
  place-items: center;
  gap: .45rem;
  min-height: 12rem;
  padding: 1.4rem;
  display: grid;
}

.social-centers-module__rQ9dNq__empty > span {
  width: 2.7rem;
  height: 2.7rem;
  color: var(--color-text-muted);
  background: var(--color-subcard);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.social-centers-module__rQ9dNq__empty svg {
  width: 1.15rem;
  height: 1.15rem;
}

.social-centers-module__rQ9dNq__empty strong {
  font-size: .78rem;
}

.social-centers-module__rQ9dNq__empty p {
  color: var(--color-text-muted);
  font-size: .64rem;
}

.social-centers-module__rQ9dNq__footer {
  border-top: 1px solid var(--mr-dropdown-separator);
  padding-top: .4rem;
}

.social-centers-module__rQ9dNq__footer button {
  border-radius: var(--mr-dropdown-item-radius);
  width: 100%;
  min-height: 2.35rem;
  color: var(--color-text-muted);
  justify-content: space-between;
  align-items: center;
  padding: 0 .65rem;
  font-size: .66rem;
  font-weight: 720;
  display: flex;
}

.social-centers-module__rQ9dNq__footer button:hover, .social-centers-module__rQ9dNq__footer button:focus-visible {
  color: var(--color-text);
  background: var(--mr-dropdown-hover);
}

.social-centers-module__rQ9dNq__footer svg {
  width: .75rem;
  height: .75rem;
}

@media (max-width: 720px) {
  .social-centers-module__rQ9dNq__dropdown {
    --mr-dropdown-width: calc(100vw - 1rem);
  }
}

/* [project]/frontend/main/src/components/app-launcher.module.css [app-client] (css) */
.app-launcher-module__RVzqcW__overlay {
  z-index: 200;
  padding: clamp(5.5rem, 10vh, 8rem) var(--page-gutter) 2rem;
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  background: #00000094;
  place-items: start center;
  animation: .15s ease-out both app-launcher-module__RVzqcW__overlayIn;
  display: grid;
  position: fixed;
  inset: 0;
}

.app-launcher-module__RVzqcW__launcher {
  border-radius: clamp(1.4rem, 3vw, 2rem);
  width: min(100%, 48rem);
  max-height: calc(100svh - clamp(7.5rem, 14vh, 10rem));
  padding: clamp(1rem, 2vw, 1.4rem);
  animation: .18s cubic-bezier(.2, .8, .2, 1) both app-launcher-module__RVzqcW__launcherIn;
  overflow: auto;
  box-shadow: 0 2rem 6rem #0000007a;
}

.app-launcher-module__RVzqcW__launcher > header {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.app-launcher-module__RVzqcW__launcher > header > div {
  gap: .18rem;
  display: grid;
}

.app-launcher-module__RVzqcW__launcher > header span {
  color: var(--color-text-subtle);
  letter-spacing: .13em;
  font-size: .52rem;
  font-weight: 850;
}

.app-launcher-module__RVzqcW__launcher > header strong {
  font-size: 1rem;
}

.app-launcher-module__RVzqcW__launcher > header svg {
  width: 1rem;
}

.app-launcher-module__RVzqcW__search {
  border: 1px solid var(--color-border-strong);
  width: min(100%, 34rem);
  min-height: 3.4rem;
  color: var(--color-text-muted);
  background: var(--color-subcard);
  -webkit-backdrop-filter: var(--backdrop-subcard);
  backdrop-filter: var(--backdrop-subcard);
  border-radius: 999px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  margin: 1.4rem auto;
  padding: 0 1rem;
  display: grid;
}

.app-launcher-module__RVzqcW__search:focus-within {
  border-color: var(--color-border-light);
  background: var(--color-subcard-hover);
}

.app-launcher-module__RVzqcW__search svg {
  width: 1rem;
}

.app-launcher-module__RVzqcW__search input {
  width: 100%;
  min-width: 0;
  color: var(--color-text);
  background: none;
  border: 0;
  outline: 0;
  font-size: .8rem;
}

.app-launcher-module__RVzqcW__search input::placeholder {
  color: var(--color-text-subtle);
}

.app-launcher-module__RVzqcW__search kbd, .app-launcher-module__RVzqcW__launcher footer kbd {
  border: 1px solid var(--color-border);
  color: var(--color-text-subtle);
  background: #ffffff0a;
  border-radius: .35rem;
  padding: .22rem .4rem;
  font-family: inherit;
  font-size: .5rem;
}

.app-launcher-module__RVzqcW__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  display: grid;
}

.app-launcher-module__RVzqcW__grid > button {
  aspect-ratio: 1.22;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  display: flex;
}

.app-launcher-module__RVzqcW__grid > button:hover, .app-launcher-module__RVzqcW__grid > button:focus-visible {
  transform: translateY(-.15rem);
}

.app-launcher-module__RVzqcW__icon {
  width: 2.7rem;
  height: 2.7rem;
  color: var(--color-text);
  background: #ffffff12;
  border-radius: .85rem;
  place-items: center;
  display: grid;
}

.app-launcher-module__RVzqcW__icon svg {
  width: 1.2rem;
}

.app-launcher-module__RVzqcW__grid > button > span:last-child {
  gap: .3rem;
  display: grid;
}

.app-launcher-module__RVzqcW__grid strong {
  color: var(--color-text);
  font-size: .78rem;
}

.app-launcher-module__RVzqcW__grid small {
  color: var(--color-text-muted);
  font-size: .58rem;
  line-height: 1.4;
}

.app-launcher-module__RVzqcW__empty {
  min-height: 15rem;
  color: var(--color-text-muted);
  text-align: center;
  align-content: center;
  place-items: center;
  gap: .5rem;
  display: grid;
}

.app-launcher-module__RVzqcW__empty svg {
  width: 1.4rem;
}

.app-launcher-module__RVzqcW__empty strong {
  color: var(--color-text);
  font-size: .8rem;
}

.app-launcher-module__RVzqcW__empty span {
  font-size: .62rem;
}

.app-launcher-module__RVzqcW__launcher footer {
  border-top: 1px solid var(--color-border);
  color: var(--color-text-subtle);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: .9rem;
  font-size: .55rem;
  display: flex;
}

.app-launcher-module__RVzqcW__launcher footer span:last-child {
  align-items: center;
  gap: .45rem;
  display: flex;
}

@keyframes app-launcher-module__RVzqcW__overlayIn {
  from {
    opacity: 0;
  }
}

@keyframes app-launcher-module__RVzqcW__launcherIn {
  from {
    opacity: 0;
    transform: translateY(-.7rem)scale(.985);
  }
}

@media (max-width: 640px) {
  .app-launcher-module__RVzqcW__overlay {
    align-items: start;
    padding: 6.2rem .7rem .7rem;
  }

  .app-launcher-module__RVzqcW__launcher {
    border-radius: 1.35rem;
    max-height: calc(100svh - 6.9rem);
  }

  .app-launcher-module__RVzqcW__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-launcher-module__RVzqcW__grid > button {
    aspect-ratio: 1.08;
  }

  .app-launcher-module__RVzqcW__launcher footer > span:first-child {
    display: none;
  }

  .app-launcher-module__RVzqcW__launcher footer {
    justify-content: flex-end;
  }
}

/* [project]/packages/design-tokens/tokens.css [app-client] (css) */
:root {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --mr-color-bg: #030303;
  --mr-color-bg-elevated: #080808;
  --mr-color-surface: #111;
  --mr-color-surface-hover: #191919;
  --mr-color-border: #ffffff21;
  --mr-color-border-strong: #ffffff3d;
  --mr-color-text: #f7f5f2;
  --mr-color-text-muted: #a7a3a0;
  --mr-color-text-subtle: #6f6c69;
  --mr-color-accent: #ff5a00;
  --mr-color-accent-hover: #ff6a19;
  --mr-color-accent-soft: #ff5a0021;
  --mr-color-success: #aaff26;
  --mr-color-warning: #ffb13b;
  --mr-color-danger: #ff4b32;
  --mr-font-sans: Inter, "SF Pro Display", "Segoe UI", sans-serif;
  --mr-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --mr-radius-sm: 12px;
  --mr-radius-md: 16px;
  --mr-radius-lg: 22px;
  --mr-radius-xl: 34px;
  --mr-shadow-panel: 0 26px 80px #00000080;
  --mr-content-width: 1440px;
  --mr-transition: .18s ease;
  --mr-dropdown-bg: #18181af0;
  --mr-dropdown-border: #ffffff24;
  --mr-dropdown-text: #f7f7f7;
  --mr-dropdown-text-muted: #ffffff78;
  --mr-dropdown-text-subtle: #ffffff6b;
  --mr-dropdown-hover: #ffffff16;
  --mr-dropdown-separator: #ffffff17;
  --mr-dropdown-accent: #ff7a45;
  --mr-dropdown-danger: #ff7770;
  --mr-dropdown-danger-hover: #e63e37d1;
  --mr-dropdown-disabled-opacity: .4;
  --mr-dropdown-width: 286px;
  --mr-dropdown-radius: 15px;
  --mr-dropdown-item-radius: 9px;
  --mr-dropdown-backdrop: blur(24px) saturate(1.25);
  --mr-dropdown-shadow: 0 12px 34px #00000047;
  --mr-dropdown-duration: .12s;
}

/* [project]/packages/ui/styles.css [app-client] (css) */
.mr-button {
  appearance: none;
  background: var(--mr-color-text);
  color: #090909;
  cursor: pointer;
  font: inherit;
  min-height: 54px;
  transition: background var(--mr-transition), transform var(--mr-transition);
  border: 0;
  border-radius: 999px;
  padding: 0 22px;
  font-weight: 750;
}

.mr-button:hover {
  background: #fff;
}

.mr-button:active {
  transform: translateY(1px);
}

.mr-button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #fff;
}

.mr-button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.mr-panel {
  border: 1px solid var(--mr-color-border);
  border-radius: var(--mr-radius-lg);
  box-shadow: var(--mr-shadow-panel);
  background: #111111e0;
}

.mr-dropdown__layer {
  z-index: 12000;
  pointer-events: none;
  position: fixed;
  inset: 0;
}

.mr-dropdown {
  width: min(var(--mr-dropdown-width), calc(100vw - 20px));
  max-height: min(620px, 100dvh - 20px);
  color: var(--mr-dropdown-text);
  background: var(--mr-dropdown-bg);
  border: 1px solid var(--mr-dropdown-border);
  border-radius: var(--mr-dropdown-radius);
  box-shadow: var(--mr-dropdown-shadow);
  pointer-events: auto;
  -webkit-backdrop-filter: var(--mr-dropdown-backdrop);
  backdrop-filter: var(--mr-dropdown-backdrop);
  animation: mr-dropdown-in var(--mr-dropdown-duration) ease-out both;
  padding: 7px;
  position: fixed;
  overflow: hidden auto;
}

.mr-dropdown__header {
  align-items: center;
  gap: 7px;
  padding: 8px 10px 10px;
  display: flex;
}

.mr-dropdown__heading {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.mr-dropdown__back {
  width: 27px;
  height: 27px;
  color: var(--mr-dropdown-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  flex: 0 0 27px;
  place-items: center;
  padding: 0;
  display: grid;
}

.mr-dropdown__back:hover, .mr-dropdown__back:focus-visible {
  color: var(--mr-dropdown-text);
  background: var(--mr-dropdown-hover);
  outline: none;
}

.mr-dropdown__back > span {
  font-size: 22px;
  line-height: 1;
}

.mr-dropdown__heading > span, .mr-dropdown__section-label {
  color: var(--mr-dropdown-text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.mr-dropdown__heading > strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.25;
  overflow: hidden;
}

.mr-dropdown__section {
  gap: 2px;
  display: grid;
}

.mr-dropdown__section-label {
  padding: 7px 10px 5px;
}

.mr-dropdown__separator {
  background: var(--mr-dropdown-separator);
  height: 1px;
  margin: 6px 4px;
  display: block;
}

.mr-dropdown__item {
  color: #ffffffe0;
  border-radius: var(--mr-dropdown-item-radius);
  width: 100%;
  min-height: 38px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  padding: 6px 9px;
  display: grid;
}

.mr-dropdown__item:hover, .mr-dropdown__item:focus-visible, .mr-dropdown__item[data-expanded="true"] {
  color: var(--mr-dropdown-text);
  background: var(--mr-dropdown-hover);
  outline: none;
}

.mr-dropdown__item[data-tone="accent"] {
  color: var(--mr-dropdown-accent);
}

.mr-dropdown__item[data-tone="danger"] {
  color: var(--mr-dropdown-danger);
}

.mr-dropdown__item[data-tone="danger"]:hover, .mr-dropdown__item[data-tone="danger"]:focus-visible {
  color: var(--mr-dropdown-text);
  background: var(--mr-dropdown-danger-hover);
}

.mr-dropdown__item[aria-disabled="true"] {
  opacity: var(--mr-dropdown-disabled-opacity);
  cursor: not-allowed;
}

.mr-dropdown__icon {
  place-items: center;
  width: 20px;
  height: 20px;
  display: grid;
}

.mr-dropdown__icon > svg {
  stroke-width: 1.9px;
  width: 16px;
  height: 16px;
}

.mr-dropdown__copy {
  min-width: 0;
  padding-right: 8px;
  display: grid;
}

.mr-dropdown__copy > b {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.2;
  overflow: hidden;
}

.mr-dropdown__copy > em {
  color: var(--mr-dropdown-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 10px;
  font-style: normal;
  line-height: 1.25;
  overflow: hidden;
}

.mr-dropdown__shortcut {
  min-width: 26px;
  color: var(--mr-dropdown-text-subtle);
  font: 600 9px/1 var(--mr-font-mono);
  text-align: center;
  background: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 5px;
  padding: 3px 5px;
}

.mr-dropdown__chevron {
  font-size: 19px;
  line-height: 1;
}

@keyframes mr-dropdown-in {
  from {
    opacity: 0;
    transform: translateY(-3px)scale(.985);
  }
}

@media (max-width: 720px) {
  .mr-dropdown {
    width: min(320px, 100vw - 16px);
  }

  .mr-dropdown__item {
    min-height: 44px;
  }
}

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

/* [project]/frontend/main/src/app/globals.css [app-client] (css) */
:root {
  --color-surface: #0b0b0b;
  --color-surface-deep: #050505;
  --color-surface-elevated: #111;
  --color-card: #171717;
  --color-card-solid: #171717;
  --color-card-glass: #12121252;
  --color-card-glass-hover: #1c1c1c70;
  --color-card-light: #f5f5f5;
  --color-card-light-glass: #f5f5f5b3;
  --color-card-light-glass-hover: #ffffffd1;
  --color-card-light-text: #0b0b0b;
  --color-card-light-muted: #595959;
  --color-card-light-subtle: #787878;
  --color-card-light-border: #ffffff7d;
  --color-subcard: #ffffff0f;
  --color-subcard-hover: #ffffff1a;
  --color-subcard-active: #ffffff24;
  --color-glass: #0c0c0cb8;
  --color-overlay-soft: #0505053d;
  --color-overlay: #05050599;
  --color-overlay-strong: #050505eb;
  --color-ambient: #9191911f;
  --color-border: #ffffff12;
  --color-border-strong: #ffffff30;
  --color-text: #f7f7f7;
  --color-text-muted: #b3b3b3;
  --color-text-subtle: #787878;
  --color-on-media: #fff;
  --color-on-media-muted: #ffffffb8;
  --color-on-media-subtle: #ffffff75;
  --color-focus: #fff;
  --color-accent: #ff5a00;
  --color-accent-hover: #ff7033;
  --color-success: #7fe0a3;
  --color-success-soft: #7fe0a31a;
  --color-success-border: #7fe0a329;
  --color-warning: #e8b86a;
  --color-danger: #ff746b;
  --color-danger-soft: #ff746b1c;
  --color-danger-border: #ff746b2b;
  --font-sans: Inter, "SF Pro Display", "Segoe UI", sans-serif;
  --radius-sm: .7rem;
  --radius-md: 1rem;
  --radius-lg: 1.4rem;
  --radius-xl: 2rem;
  --shadow-card: 0 .8rem 2rem #0000003d;
  --shadow-card-hover: 0 1rem 2.4rem #00000052;
  --shadow-panel: 0 2rem 6rem #00000094;
  --backdrop-card: blur(10px) saturate(1.1);
  --backdrop-subcard: blur(6px) saturate(1.06);
  --duration-fast: .16s ease;
  --duration-medium: .32s cubic-bezier(.2,.8,.2,1);
  --content: 80rem;
  --content-wide: 100rem;
  --page-gutter: clamp(1rem, 4vw, 4.5rem);
  --header-height: 5.25rem;
}

* {
  box-sizing: border-box;
}

html {
  background: var(--color-surface);
  scroll-behavior: smooth;
  min-width: 320px;
}

body {
  min-height: 100vh;
  color: var(--color-text);
  background: var(--color-surface);
  font-family: var(--font-sans);
  text-rendering: optimizelegibility;
  margin: 0;
}

button, input {
  font: inherit;
}

button {
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}

p, h1, h2, h3 {
  margin: 0;
}

::selection {
  color: var(--color-on-media);
  background: var(--color-accent);
}

:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-border-strong) transparent;
}

.ui-range {
  appearance: none;
  cursor: pointer;
  background: none;
  width: 100%;
  height: 1.2rem;
  margin: 0;
}

.ui-range::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, var(--color-text) 0 var(--ui-range-progress), var(--color-subcard-active) var(--ui-range-progress) 100%);
  border-radius: 999px;
  height: .25rem;
}

.ui-range::-moz-range-track {
  background: var(--color-subcard-active);
  border-radius: 999px;
  height: .25rem;
}

.ui-range::-moz-range-progress {
  background: var(--color-text);
  border-radius: 999px;
  height: .25rem;
}

.ui-range::-webkit-slider-thumb {
  appearance: none;
  border: .18rem solid var(--color-text);
  background: var(--color-surface);
  width: .9rem;
  height: .9rem;
  transition: transform var(--duration-fast);
  border-radius: 50%;
  margin-top: -.325rem;
  box-shadow: 0 .15rem .55rem #00000073;
}

.ui-range::-moz-range-thumb {
  border: .18rem solid var(--color-text);
  background: var(--color-surface);
  border-radius: 50%;
  width: .6rem;
  height: .6rem;
  box-shadow: 0 .15rem .55rem #00000073;
}

.ui-range:hover::-webkit-slider-thumb {
  transform: scale(1.15);
}

.ui-range:focus-visible::-webkit-slider-thumb {
  transform: scale(1.15);
}

.ui-range:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.ui-icon-button {
  width: 2.75rem;
  height: 2.75rem;
  color: var(--color-text-muted);
  transition: color var(--duration-fast), background var(--duration-fast), transform var(--duration-fast);
  background: none;
  border: 0;
  border-radius: 999px;
  place-items: center;
  display: inline-grid;
}

.ui-icon-button:hover, .ui-icon-button:focus-visible {
  color: var(--color-on-media);
  background: var(--color-subcard-hover);
  transform: scale(1.04);
}

.ui-icon-button svg {
  width: 1.15rem;
  height: 1.15rem;
}

.ui-pill {
  min-height: 2.75rem;
  color: var(--color-text);
  background: var(--color-subcard);
  transition: background var(--duration-fast), transform var(--duration-fast);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: .6rem;
  padding: 0 1rem;
  font-size: .8rem;
  font-weight: 720;
  display: inline-flex;
}

.ui-pill:hover, .ui-pill:focus-visible {
  background: var(--color-subcard-hover);
  transform: scale(1.025);
}

.ui-primary-action {
  min-height: 3.15rem;
  color: var(--color-surface);
  background: var(--color-text);
  transition: background var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: .65rem;
  padding: 0 1.35rem;
  font-size: .8rem;
  font-weight: 800;
  display: inline-flex;
}

.ui-primary-action:hover, .ui-primary-action:focus-visible {
  background: var(--color-on-media);
  transform: scale(1.025);
  box-shadow: 0 .65rem 2rem #0000004d;
}

.ui-primary-action svg {
  width: 1rem;
  height: 1rem;
}

.ui-surface {
  color: var(--color-text);
  background: var(--color-surface);
}

.ui-card {
  --ui-card-background: var(--color-card);
  --ui-card-glass: var(--color-card-glass);
  --ui-card-hover: var(--color-card-glass-hover);
  --ui-card-text: var(--color-text);
  --ui-card-muted: var(--color-text-muted);
  --ui-card-subtle: var(--color-text-subtle);
  --ui-card-border: var(--color-border);
  z-index: 0;
  border: 1px solid var(--ui-card-border);
  border-radius: var(--radius-md);
  color: var(--ui-card-text);
  background: var(--ui-card-background);
  box-shadow: none;
  position: relative;
}

.ui-card-light {
  --ui-card-background: var(--color-card-light);
  --ui-card-glass: var(--color-card-light-glass);
  --ui-card-hover: var(--color-card-light-glass-hover);
  --ui-card-text: var(--color-card-light-text);
  --ui-card-muted: var(--color-card-light-muted);
  --ui-card-subtle: var(--color-card-light-subtle);
  --ui-card-border: var(--color-card-light-border);
}

.ui-glass {
  background: none;
}

.ui-glass:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background: var(--ui-card-glass, var(--color-card-glass));
  -webkit-backdrop-filter: var(--backdrop-card);
  backdrop-filter: var(--backdrop-card);
  position: absolute;
  inset: 0;
}

.ui-interactive {
  transition: color var(--duration-fast), background var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);
}

.ui-interactive:hover, .ui-interactive:focus-visible {
  color: var(--ui-card-text, var(--color-on-media));
  background: var(--ui-card-hover, var(--color-card-glass-hover));
  box-shadow: var(--shadow-card-hover);
  transform: translateY(-.12rem);
}

.ui-glass.ui-interactive:hover, .ui-glass.ui-interactive:focus-visible {
  background: none;
}

.ui-glass.ui-interactive:hover:before, .ui-glass.ui-interactive:focus-visible:before {
  background: var(--ui-card-hover, var(--color-card-glass-hover));
}

.ui-subcard {
  border-radius: var(--radius-sm);
  color: var(--color-text-muted);
  background-color: var(--color-subcard);
  -webkit-backdrop-filter: var(--backdrop-subcard);
  backdrop-filter: var(--backdrop-subcard);
  transition: color var(--duration-fast), background-color var(--duration-fast);
  border: 0;
}

.ui-subcard-light, .ui-card-light .ui-subcard {
  color: var(--color-card-light-muted);
  background-color: #0a0c1012;
}

.ui-subcard:hover, .ui-subcard:focus-visible, .ui-subcard[data-active="true"] {
  color: var(--color-text);
  background-color: var(--color-subcard-hover);
}

.ui-subcard-light:hover, .ui-subcard-light:focus-visible, .ui-subcard-light[data-active="true"], .ui-card-light .ui-subcard:hover, .ui-card-light .ui-subcard:focus-visible, .ui-card-light .ui-subcard[data-active="true"] {
  color: var(--color-card-light-text);
  background-color: #0a0c101c;
}

.ui-interactive:hover .ui-subcard, .ui-interactive:focus-visible .ui-subcard {
  color: var(--color-text);
  background-color: var(--color-subcard-hover);
}

.ui-card-light.ui-interactive:hover .ui-subcard, .ui-card-light.ui-interactive:focus-visible .ui-subcard {
  color: var(--color-card-light-text);
  background-color: #0a0c101c;
}

.ui-section-label {
  color: var(--color-text-muted);
  letter-spacing: .14em;
  text-transform: uppercase;
  align-items: center;
  gap: .55rem;
  font-size: .66rem;
  font-weight: 750;
  display: inline-flex;
}

.ui-section-label:before {
  content: "";
  background: var(--color-accent);
  border-radius: 50%;
  width: .3rem;
  height: .3rem;
}

.skipLink {
  z-index: 999;
  border-radius: var(--radius-sm);
  color: var(--color-on-media);
  background: var(--color-accent);
  padding: .7rem 1rem;
  position: fixed;
  top: -5rem;
  left: 1rem;
}

.skipLink:focus {
  top: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/*# sourceMappingURL=_048p1xz._.css.map*/