.account-rewards { margin: 24px 0 8px; text-align: left; }
.night-account-nav { display: none; }
.account-view .night-account-nav { display: flex; }
#accountStatusText { overflow-wrap: anywhere; min-width: 0; }
.account-view .settings-list > :not(:has(#settingsAccountBody)),
.account-view #settingsAccountToggle,
.account-view p:has(#planStatusText) { display: none; }
.account-view .settings-group:has(#settingsAccountBody) { border: 0; padding-top: 0; }
.night-app .settings-panel.account-view { padding: 0; background: var(--bg); }
.night-app .account-view .settings-surface {
  width: 100%; max-width: none; height: 100dvh; max-height: none;
  margin: 0; border: 0; border-radius: 0; box-shadow: none;
  padding: max(28px, env(safe-area-inset-top)) max(24px, calc((100vw - 720px) / 2)) max(32px, env(safe-area-inset-bottom));
  overscroll-behavior: contain;
}
.night-app .account-view .settings-surface { padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
@media (min-width: 1000px) {
  .night-app .account-view .settings-surface { padding-left: max(224px, calc((100vw - 720px) / 2)); }
}
.night-app .account-view .settings-close-button {
  top: max(24px, env(safe-area-inset-top));
  right: max(24px, calc((100vw - 720px) / 2));
}
.night-app .account-view .settings-surface h2 { margin-bottom: 28px; }
#walletConnectionHint { display: block; margin: 12px 0; font-size: 13px; line-height: 1.6; color: var(--muted); }
.account-rewards .xp-eyebrow { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted, #a7a99e); }
.account-rewards .xp-total { display: block; margin: 6px 0; font: 48px Georgia, serif; color: var(--ink, #eee9dd); }
.account-rewards .xp-caption, .account-rewards .xp-note { display: block; font-size: 13px; line-height: 1.6; color: var(--muted, #a7a99e); }
.account-rewards .xp-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 22px 0; }
.account-rewards .xp-stats div { border: 1px solid var(--line, #45483e); border-radius: 10px; padding: 12px 8px; }
.account-rewards dt { font-size: 11px; color: var(--muted, #a7a99e); }
.account-rewards dd { margin: 8px 0 0; font-size: 22px; }
.account-rewards .xp-activity { list-style: none; padding: 0; margin: 0; }
.account-rewards .xp-activity li { display: flex; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--line, #45483e); padding: 12px 0; font-size: 13px; }
.account-rewards .xp-activity small { display: block; margin-top: 4px; color: var(--muted, #a7a99e); line-height: 1.5; }
.account-rewards .xp-activity b { white-space: nowrap; }
.account-rewards details { margin: 20px 0; font-size: 13px; line-height: 1.7; }
.account-rewards summary { cursor: pointer; min-height: 30px; }
.account-rewards .xp-error { color: #e8ac88; }
@media(max-width: 380px) { .night-app .night-nav button { min-width: 60px; padding-inline: 6px; } }

/* Full-screen settings, with an account-first path and generous controls. */
.night-app #settingsPanel { padding:0; background:var(--bg); }
.night-app #settingsPanel .settings-surface { width:100%;max-width:none;height:100dvh;max-height:none;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;overscroll-behavior:contain;scroll-padding-top:110px; }
#settingsPanel .settings-page-header { position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:max(16px,env(safe-area-inset-top)) max(20px,calc((100vw - 720px)/2)) 16px; }
.night-app #settingsPanel .settings-close-button { position:static;width:auto;height:52px;min-height:52px;aspect-ratio:auto;padding:12px 16px;margin:0;font-size:16px;white-space:nowrap; }
.night-app #settingsPanel .settings-page-header h2 { padding:0;margin:0;font:clamp(26px,5vw,34px)/1.2 Georgia,serif; }
#settingsPanel .settings-list { width:100%;max-width:760px;padding:24px 20px max(40px,env(safe-area-inset-bottom));margin:0 auto; }
/* Account navigation overlays this scrollable page on phones and tablets. */
@media (max-width:999px) {
  #settingsPanel.account-view .settings-list { padding-bottom:calc(110px + env(safe-area-inset-bottom)); }
  .night-app #settingsPanel.account-view .settings-surface { scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom)); }
}
.night-app #settingsPanel .settings-account-card { display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:24px;width:100%;border:2px solid var(--ink);border-radius:14px;background:var(--ink);color:var(--bg);text-align:left;text-transform:none;letter-spacing:normal; }
#settingsPanel .settings-account-card .section-toggle-label { font-size:24px;line-height:1.3;color:inherit;text-transform:none;letter-spacing:0;font-weight:600; }
#settingsPanel .settings-account-description { grid-column:1;grid-row:2;font-size:16px;line-height:1.5; }
#settingsPanel .settings-account-card .section-toggle-indicator { grid-column:2;grid-row:1/3;font-size:28px;align-self:center;color:inherit;background:transparent;border:0; }
.night-app #settingsPanel .settings-group:has(#settingsAccountToggle) { border:0;padding:0;margin:0 0 28px; }
.night-app #settingsPanel .settings-group-toggle:not(.settings-account-card) { min-height:64px;padding:18px 12px;font-size:18px;text-transform:none;letter-spacing:normal; }
.night-app #settingsPanel :is(.auth-button,.settings-link-button,.settings-link-list a,.night-settings-extras button,.text-link-button) { display:flex;align-items:center;justify-content:center;min-height:56px;padding:14px 18px;font-size:17px;line-height:1.4; }
.night-app #settingsPanel .night-theme-options button { min-height:88px;padding:18px;font-size:18px; }
#settingsPanel .night-theme-options button small { font-size:14px; }
#settingsPanel .night-controls { margin:8px 0 24px;padding:24px 0;border-top:0;scroll-margin-top:110px; }
#settingsPanel .night-controls label { min-height:72px;gap:20px;padding:14px 0;font-size:17px; }
#settingsPanel .night-controls small { font-size:14px;line-height:1.5; }
#settingsPanel .night-controls .settings-field > span { font-size:17px;color:var(--ink); }
#settingsPanel .settings-group-toggle:not(.settings-account-card) .section-toggle-label { color:var(--ink);font-size:18px;text-transform:none;letter-spacing:0; }
#settingsPanel .night-controls input { width:28px;height:28px;min-height:28px;flex-shrink:0; }
.night-app #settingsPanel select { min-height:52px;font-size:16px;padding:12px;max-width:100%; }
#settingsPanel :focus-visible { outline:3px solid var(--ink);outline-offset:5px; }
#settingsPanel .settings-account-card:focus-visible { outline-offset:5px; }
#settingsPanel.account-view #settingsAccountToggle { display:none; }
#settingsPanel .settings-link-list { gap:12px; }
#settingsPanel .danger-link { margin-top:24px;border:1px solid var(--line); }
@media(max-width:480px){#settingsPanel .night-controls label:has(select){display:grid;grid-template-columns:1fr;gap:8px}#settingsPanel .night-controls select{width:100%}#settingsPanel .settings-page-header{gap:12px}}