.settings-app { min-height: 100vh; }
.settings-header { min-height: 68px; position: relative; display: flex; align-items: center; justify-content: center; padding: max(12px, env(safe-area-inset-top)) 20px 10px; background: #fff; border-bottom: 1px solid #ececf1; }
.settings-header h1 { margin: 0; font-size: 18px; font-weight: 750; }
.settings-back { position: absolute; left: 16px; top: 50%; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #4b4c55; transform: translateY(-50%); }
.settings-back:hover { background: #f3f1fa; }
.settings-back svg { width: 20px; height: 20px; }
.settings-main { width: min(calc(100% - 28px), 710px); margin: 23px auto 0; }
.settings-section { margin-bottom: 23px; }
.settings-section h2 { margin: 0 0 9px 3px; color: #777984; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.settings-account-card, .settings-actions-card { padding: 17px; border-radius: 11px; background: #fff; box-shadow: 0 3px 13px rgba(30, 34, 46, .035); }
.settings-account-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.settings-account-copy { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.settings-label { color: #777984; font-size: 12px; }
.settings-account-copy strong { overflow-wrap: anywhere; font-size: 15px; font-weight: 700; }
.settings-sign-in, .settings-sign-out { min-height: 39px; flex: 0 0 auto; padding: 0 15px; border-radius: 9px; color: #fff; background: #9672f6; font-size: 13px; font-weight: 700; }
.settings-sign-in:hover { background: #805ce6; }
.settings-actions-card p { margin: 0 0 13px; color: #777984; font-size: 13px; }
.settings-sign-out { width: 100%; color: #c34654; border: 1px solid #f0d6d9; background: #fff; }
.settings-sign-out:hover { background: #fff7f7; }
@media (max-width: 390px) {
  .settings-account-card { align-items: flex-start; flex-direction: column; }
  .settings-sign-in { width: 100%; }
}