* { box-sizing: border-box; }
html { min-height: 100%; background: #f3f4f6; -webkit-text-size-adjust: 100%; }
body { margin: 0; color: #252536; font: 16px/1.6 system-ui, sans-serif; }
main {
  width: min(100%, 430px);
  min-height: 100vh;
  min-height: 100dvh;
  margin-inline: auto;
  padding: max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
  background: #f4f5f8;
  box-shadow: 0 0 18px rgb(37 37 54 / 8%);
  overflow-wrap: anywhere;
}
h1 { margin: 24px 0 20px; font-size: 28px; line-height: 1.35; }
a { color: #385ab5; }
button { width: 100%; min-height: 48px; font: inherit; padding: 14px; border-radius: 14px; border: 1px solid #d7cee9; background: #eee5fa; color: #302242; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
#appleBalance { padding: 14px 16px; border-radius: 14px; background: #eee5fa; }
#appleProducts { display: grid; gap: 12px; margin: 24px 0; }
#appleProducts:empty { display: none; }
#applePurchaseStatus { min-height: 52px; margin-block: 24px 16px; }
@media (max-width: 430px) {
  main { box-shadow: none; }
}