.mt-apps-global-shell {
  clear: both;
  width: 100%;
  box-sizing: border-box;
  padding: 56px 20px;
  border-top: 1px solid rgba(216, 187, 123, .13);
  border-bottom: 1px solid rgba(216, 187, 123, .1);
  background:
    radial-gradient(circle at 12% 10%, rgba(116, 28, 58, .25), transparent 38%),
    radial-gradient(circle at 88% 85%, rgba(122, 22, 49, .34), transparent 40%),
    linear-gradient(180deg, #050505 0%, #090607 58%, #12070b 100%);
}

.mt-apps.is-global {
  width: 100%;
  max-width: 1280px;
  box-sizing: border-box;
  border-color: rgba(216, 187, 123, .18);
  background:
    radial-gradient(circle at 8% 0, rgba(142, 49, 86, .2), transparent 34%),
    linear-gradient(145deg, rgba(15, 12, 16, .98), rgba(6, 6, 8, .98));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .3);
}

.mt-apps-story {
  max-width: 940px;
  margin: -6px 0 30px;
  padding-left: 18px;
  border-left: 2px solid var(--gold);
}

.mt-apps-story p {
  min-height: 0;
  margin: 0 0 9px;
  color: #c8beb8;
  line-height: 1.7;
}

.mt-app-feedback {
  grid-column: 1 / -1;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(216, 187, 123, .22);
  background: rgba(0, 0, 0, .22);
}

.mt-app-feedback[hidden] { display: none; }

.mt-app-feedback label {
  display: block;
  margin-bottom: 8px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 700;
}

.mt-app-feedback textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  border: 1px solid rgba(216, 187, 123, .28);
  background: #151219;
  color: #f7f1eb;
  padding: 12px;
  font: 14px/1.5 inherit;
}

.mt-app-feedback > div {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.mt-app-feedback button {
  appearance: none;
  border: 1px solid var(--gold);
  background: var(--gold);
  color: #181014;
  padding: 9px 12px;
  font-weight: 700;
  cursor: pointer;
}

.mt-app-feedback button + button {
  background: transparent;
  color: #d8c9bf;
  border-color: rgba(216, 187, 123, .3);
}

.mt-app-feedback-status {
  min-height: 20px !important;
  margin: 8px 0 0 !important;
  color: #d8bb7b !important;
  font-size: 12px;
}

@media (max-width: 640px) {
  .mt-apps-global-shell { padding: 28px 12px; }
  .mt-apps.is-global { width: 100%; }
  .mt-apps-story { padding-left: 12px; }
  .mt-app-feedback { grid-column: 1; }
}