/* A fixed public download surface, independent of the selected client skin.
   The app + page IDs also outrank already-loaded reference-skin rules without
   changing the global theme or affecting cached Ionic sibling pages. */
#app-download-page {
  color-scheme: light;
  --ion-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-family: var(--ion-font-family);
  --ion-background-color: #f4f8f6;
  --ion-text-color: #142521;
  --ion-color-primary: #277b67;
  --skin-bg: #f4f8f6;
  --skin-ink: #142521;
  --skin-primary: #277b67;
  --skin-muted: #697c76;
  color: #142521;
  background: #f4f8f6;
}
#app-download-page .download-content {
  --background: #f4f8f6;
  --color: #142521;
  color: #142521;
}
#tx-app-download-root .embedded-download-content {
  --overflow: hidden;
}
#tx-app-download-root .download-shell {
  width: min(100%, 620px);
  min-height: 100%;
  margin: 0 auto;
  padding: calc(var(--ion-safe-area-top, 0px) + 24px) 16px calc(var(--ion-safe-area-bottom, 0px) + 32px);
  color: #142521;
}
#tx-app-download-root .embedded-guide-shell {
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
}
#tx-app-download-root .download-hero {
  position: relative;
  overflow: hidden;
  padding: 28px 22px 24px;
  border-radius: 28px;
  background: linear-gradient(145deg, #effbf6 0%, #dff4eb 48%, #d5efe7 100%);
  box-shadow: 0 18px 45px rgba(22, 91, 74, 0.12);
}
#tx-app-download-root .hero-glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(2px);
}
#tx-app-download-root .hero-glow-one {
  top: -75px;
  right: -55px;
  width: 190px;
  height: 190px;
  background: rgba(55, 182, 144, 0.2);
}
#tx-app-download-root .hero-glow-two {
  bottom: -80px;
  left: -55px;
  width: 165px;
  height: 165px;
  background: rgba(255, 255, 255, 0.75);
}
#tx-app-download-root .hero-kicker {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #277b67;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
}
#tx-app-download-root .hero-kicker i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #35a88b;
  box-shadow: 0 0 0 5px rgba(53, 168, 139, 0.12);
}
#tx-app-download-root .app-identity {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 22px;
}
#tx-app-download-root .app-identity > img,
#tx-app-download-root .app-icon-fallback {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  border-radius: 20px;
}
#tx-app-download-root .app-identity > img {
  object-fit: cover;
  background: #fff;
  box-shadow: 0 10px 24px rgba(24, 80, 66, 0.16);
}
#tx-app-download-root .app-icon-fallback {
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #25a282, #15715e);
  box-shadow: 0 10px 24px rgba(24, 80, 66, 0.16);
}
#tx-app-download-root .app-icon-fallback ion-icon {
  font-size: 31px;
}
#tx-app-download-root .app-identity h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.02em;
}
#tx-app-download-root .app-identity p {
  margin: 7px 0 0;
  color: #5a746d;
  font-size: 13px;
}
#tx-app-download-root .hero-copy {
  position: relative;
  margin: 21px 0 20px;
  color: #4d6962;
  font-size: 13px;
  line-height: 1.75;
}
#tx-app-download-root .primary-download {
  position: relative;
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 11px;
  min-height: 66px;
  padding: 10px 15px;
  border-radius: 18px;
  background: #173f35;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(17, 67, 53, 0.2);
}
#tx-app-download-root .primary-download:focus-visible,
#tx-app-download-root .platform-card:focus-visible,
#tx-app-download-root .state-card button:focus-visible {
  outline: 3px solid rgba(47, 158, 130, 0.35);
  outline-offset: 3px;
}
#tx-app-download-root .primary-download > ion-icon:first-child {
  font-size: 29px;
}
#tx-app-download-root .primary-platform-glyph {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -0.02em;
}
#tx-app-download-root .primary-download span,
#tx-app-download-root .primary-download strong,
#tx-app-download-root .primary-download small {
  display: block;
}
#tx-app-download-root .primary-download strong {
  font-size: 15px;
}
#tx-app-download-root .primary-download small {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
}
#tx-app-download-root .download-arrow {
  justify-self: end;
  font-size: 23px;
}
#tx-app-download-root .release-date {
  position: relative;
  margin: 12px 0 0;
  color: #628078;
  font-size: 11px;
  text-align: center;
}
#tx-app-download-root .section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 26px 2px 12px;
}
#tx-app-download-root .section-heading span {
  font-size: 16px;
  font-weight: 900;
}
#tx-app-download-root .section-heading small {
  color: #83958f;
  font-size: 11px;
}
#tx-app-download-root .platform-cards {
  display: grid;
  gap: 10px;
}
#tx-app-download-root .platform-card {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto 24px;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 13px 15px;
  border: 1px solid #e4ebe8;
  border-radius: 20px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(23, 62, 52, 0.05);
}
#tx-app-download-root .platform-card.recommended {
  border-color: rgba(42, 157, 128, 0.46);
  box-shadow: 0 10px 26px rgba(34, 131, 106, 0.1);
}
#tx-app-download-root .platform-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 15px;
}
#tx-app-download-root .platform-icon {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: -0.03em;
}
#tx-app-download-root .platform-icon.android {
  color: #14745d;
  background: #e5f6ef;
}
#tx-app-download-root .platform-icon.ios {
  color: #1d2630;
  background: #edf0f3;
}
#tx-app-download-root .platform-copy strong,
#tx-app-download-root .platform-copy small {
  display: block;
}
#tx-app-download-root .platform-copy strong {
  font-size: 14px;
}
#tx-app-download-root .platform-copy small {
  margin-top: 5px;
  color: #7d8e89;
  font-size: 11px;
}
#tx-app-download-root .platform-card em {
  padding: 4px 7px;
  border-radius: 999px;
  background: #e4f5ef;
  color: #1c8068;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}
#tx-app-download-root .platform-download {
  color: #789089;
  font-size: 20px;
}
#tx-app-download-root .install-section article {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  padding: 15px 2px;
  border-bottom: 1px solid #e5ece9;
}
#tx-app-download-root .step-number {
  color: #279378;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
}
#tx-app-download-root .install-section strong {
  font-size: 13px;
}
#tx-app-download-root .install-section p {
  margin: 6px 0 0;
  color: #697c76;
  font-size: 12px;
  line-height: 1.7;
}
#tx-app-download-root .download-trust {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 24px;
  padding: 16px;
  border-radius: 18px;
  background: #eaf5f1;
  color: #28715f;
}
#tx-app-download-root .download-trust > ion-icon {
  flex: 0 0 auto;
  font-size: 25px;
}
#tx-app-download-root .download-trust strong,
#tx-app-download-root .download-trust small {
  display: block;
}
#tx-app-download-root .download-trust strong {
  font-size: 12px;
}
#tx-app-download-root .download-trust small {
  margin-top: 4px;
  color: #6c837d;
  font-size: 10px;
  line-height: 1.45;
}
#tx-app-download-root .state-card {
  margin-top: 18px;
  padding: 42px 24px;
  border-radius: 24px;
  background: #fff;
  text-align: center;
  box-shadow: 0 12px 32px rgba(23, 62, 52, 0.07);
}
#tx-app-download-root .state-icon,
#tx-app-download-root .state-spinner {
  display: grid;
  width: 58px;
  height: 58px;
  margin: 0 auto 18px;
  place-items: center;
  border-radius: 18px;
  color: #23896f;
  background: #e4f5ef;
}
#tx-app-download-root .state-icon ion-icon {
  font-size: 27px;
}
#tx-app-download-root .state-spinner::before {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(35, 137, 111, 0.18);
  border-top-color: #23896f;
  border-radius: 50%;
  content: "";
  animation: download-spin 0.8s linear infinite;
}
#tx-app-download-root .state-card h2 {
  margin: 0;
  font-size: 18px;
}
#tx-app-download-root .state-card p {
  margin: 10px auto 18px;
  color: #70817c;
  font-size: 12px;
  line-height: 1.7;
}
#tx-app-download-root .state-card button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 16px;
  border: 0;
  border-radius: 999px;
  background: #173f35;
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}
#tx-app-download-root .browser-guide {
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: #fff;
}
#tx-app-download-root .guide-image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: calc(100vh - 110px - var(--ion-safe-area-bottom, 0px));
  max-height: calc(100dvh - 110px - var(--ion-safe-area-bottom, 0px));
  margin: 0 auto;
  object-fit: contain;
  background: #fff;
}
#tx-app-download-root .guide-steps {
  display: grid;
  width: min(calc(100% - 64px), 510px);
  gap: 6px;
  margin: 0 auto;
  padding: 4px 0 calc(8px + var(--ion-safe-area-bottom, 0px));
}
#tx-app-download-root .guide-step {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  min-height: 46px;
  align-items: center;
  gap: 9px;
  padding: 6px 12px;
  border-radius: 16px;
  background: #f3f6f6;
  color: #38514e;
}
#tx-app-download-root .guide-step-number {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: #347be8;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
}
#tx-app-download-root .guide-step p {
  margin: 0;
  font-size: clamp(12px, 3vw, 14px);
  line-height: 1.35;
  white-space: nowrap;
}
@keyframes download-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 360px) {
  #tx-app-download-root .download-shell {
    padding-right: 12px;
    padding-left: 12px;
  }
  #tx-app-download-root .embedded-guide-shell {
    padding: 0;
  }
  #tx-app-download-root .download-hero {
    padding: 24px 18px 21px;
    border-radius: 24px;
  }
  #tx-app-download-root .app-identity > img,
  #tx-app-download-root .app-icon-fallback {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
    border-radius: 17px;
  }
  #tx-app-download-root .app-identity h1 {
    font-size: 21px;
  }
  #tx-app-download-root .platform-card {
    grid-template-columns: 44px minmax(0, 1fr) 22px;
    padding: 12px;
  }
  #tx-app-download-root .platform-card em {
    display: none;
  }
  #tx-app-download-root .platform-icon {
    width: 44px;
    height: 44px;
  }
  #tx-app-download-root .section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
  #tx-app-download-root .guide-steps {
    width: calc(100% - 40px);
  }
  #tx-app-download-root .guide-step {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
    padding-right: 9px;
    padding-left: 9px;
  }
  #tx-app-download-root .guide-step-number {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }
  #tx-app-download-root .guide-step p {
    font-size: 11px;
  }
}

#tx-app-download-root{position:fixed;inset:0;z-index:1800;overflow:auto;background:#f4f8f6;font:14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142521;line-height:1.4}#tx-app-download-root *{box-sizing:border-box}#tx-app-download-root ion-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em}#tx-app-download-root ion-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7}#tx-app-download-root button{cursor:pointer}#tx-app-download-root #app-download-page{min-height:100vh}#tx-app-download-root .download-content{min-height:100vh}#tx-app-download-root .embedded-download-content{height:100vh;overflow:hidden}#tx-app-download-root .download-content:not(.embedded-download-content){padding-top:8px}#tx-app-download-root .tx-download-refresh{position:fixed;right:12px;top:10px;z-index:2;padding:6px 11px;border:1px solid #d4e5dd;border-radius:20px;background:#f4f8f6c9;color:#277b67;font:11px inherit}.tx-app-download-entry{display:flex!important;align-items:center;gap:12px;width:calc(100% - 24px);margin:12px;padding:16px!important;border:1px solid #e7ebe9;border-radius:14px;background:#fff!important;color:#273b35!important;text-align:left;font:14px system-ui;box-shadow:0 4px 14px #253f3510}.tx-app-download-entry>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e6f5ee;color:#27856a;font-size:23px}.tx-app-download-entry strong{font-size:14px;white-space:nowrap}.tx-app-download-entry small{flex:1;color:#89968f;font-size:11px;text-align:right}.tx-app-download-entry em{font-style:normal;color:#8c9d95}.tx-app-download-entry:disabled{opacity:.6}.tx-app-download-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:3200;padding:11px 17px;border-radius:20px;background:#263d34eb;color:#fff;font:13px system-ui;max-width:90vw;width:max-content}.tx-app-download-hidden{display:none!important}