.st-app-body {
  background: #f0fdfa;
  overscroll-behavior-y: contain;
}

.st-app-header {
  padding-top: env(safe-area-inset-top);
  height: calc(56px + env(safe-area-inset-top));
}

.st-app-header .header-content {
  height: 56px;
}

.st-app-main {
  margin-top: calc(56px + env(safe-area-inset-top));
  margin-bottom: calc(70px + env(safe-area-inset-bottom));
  min-height: 60vh;
}

.st-app-tabbar {
  display: block !important;
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 1050;
}

.st-app-tabbar .footer-nav {
  height: 62px;
}

.st-app-wa-mini {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #16a34a;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

.st-install-bar {
  position: sticky;
  top: calc(56px + env(safe-area-inset-top));
  z-index: 1030;
  background: #042f2e;
  color: #fff;
  padding: 0.65rem 0.85rem;
}

.st-install-bar-inner {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.st-install-bar-inner img {
  border-radius: 8px;
}

.st-install-bar-inner strong,
.st-install-bar-inner span {
  display: block;
  line-height: 1.2;
}

.st-install-bar-inner span {
  font-size: 0.72rem;
  opacity: 0.8;
}

.st-ios-hint {
  font-size: 0.75rem;
  margin-top: 0.45rem;
  color: #ccfbf1;
}

.st-app-hero {
  background: linear-gradient(160deg, #0f766e, #042f2e);
  color: #fff;
  padding: 1.25rem 1rem 1.4rem;
}

.st-app-hero h1,
.st-app-hero p,
.st-app-hero .form-label {
  color: #fff;
}

.st-role-seg .btn {
  font-size: 0.78rem;
}

.st-app-card {
  border: 0;
}

.st-app-quick .card {
  text-align: center;
  border: 0;
  height: 100%;
}

.st-app-quick a {
  text-decoration: none;
  color: inherit;
}

.st-native-hidden,
.st-app-body.is-webview .st-install-bar,
.st-app-body.is-standalone .st-install-bar {
  display: none !important;
}

@media (min-width: 768px) {
  .st-app-body {
    background: #d1fae5;
  }

  .st-app-header,
  .st-app-main,
  .st-app-tabbar,
  .st-install-bar {
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
  }

  .st-app-header,
  .st-app-tabbar {
    left: 50%;
    transform: translateX(-50%);
    width: 430px;
  }

  .st-app-main .container,
  .st-app-header .container {
    max-width: 430px;
  }
}