/* Unified settings shell, one header and one close control. */
html body dialog.userSettingsBackdrop{position:fixed!important;inset:0!important;margin:auto!important;padding:0!important;border:1px solid var(--border,#d6dce7)!important;border-radius:18px!important;width:min(1080px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;height:min(780px,calc(100dvh - 40px))!important;max-height:calc(100dvh - 40px)!important;background:var(--surface,#f6f8fc)!important;color:var(--text,#1e293b)!important;overflow:hidden!important;box-shadow:0 24px 100px #0006!important}
.userSettingsBackdrop::backdrop{background:#11182799!important;backdrop-filter:blur(5px)}
html body .userSettingsModal{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;background:var(--surface,#f6f8fc)!important;overflow:hidden!important}
html body .userSettingsHead{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:20px 26px!important;background:var(--surface,#f6f8fc)!important;border-bottom:1px solid var(--border,#d6dce7)!important;position:relative!important}
html body .userSettingsHead h2{font:750 24px/1.2 system-ui!important;margin:0 0 5px!important}
html body .userSettingsHead span{font:500 14px/1.4 system-ui!important;color:var(--muted,#64748b)!important}
html body .userSettingsClose{display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;border:1px solid var(--border,#d6dce7)!important;border-radius:12px!important;background:var(--surface-2,#e7edf5)!important;color:var(--text,#1e293b)!important;font:500 29px/1 system-ui!important}
html body .userSettingsBody{display:grid!important;grid-template-columns:226px minmax(0,1fr)!important;flex:1!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
html body .userSettingsNav{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:5px!important;padding:14px!important;overflow:auto!important;background:var(--surface-2,#edf1f7)!important;border-right:1px solid var(--border,#d6dce7)!important}
html body .userSettingsNav button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;flex:0 0 auto!important;width:100%!important;min-height:45px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:10px!important;color:var(--text,#334155)!important;background:transparent!important;white-space:normal!important;text-align:left!important}
html body .userSettingsNav button:hover{background:var(--surface,#fff)!important}
html body .userSettingsNav button.active{background:#7554c6!important;border-color:#7554c6!important;color:#fff!important;box-shadow:0 4px 12px #7554c629!important}
html body .userSettingsNav button b{font:650 14px/1.4 system-ui!important}
html body .userSettingsNav button span{font:600 20px/1 system-ui!important;width:24px!important;text-align:center!important}
html body .settingsNavLabel{font:750 11px/1.5 system-ui!important;letter-spacing:.12em!important;color:var(--muted,#64748b)!important;padding:12px 12px 4px!important}
html body .userSettingsContent{min-width:0!important;padding:24px 28px!important;overflow:auto!important}
html body .settingsPageTitle{font:750 21px/1.35 system-ui!important;margin:0 0 20px!important}
html body .userSettingsContent .settingsGroup{border-radius:14px!important;padding:20px!important;margin-bottom:14px!important;background:var(--surface-2,#edf1f7)!important;border:1px solid var(--border,#d6dce7)!important}
html body .userSettingsContent :is(.settingsGroupTitle b,.settingsPaneIntro b){font-size:16px!important}
html body .userSettingsContent :is(.settingsGroupTitle span,.settingsInfo,.appearanceSettings label){font-size:14px!important;line-height:1.5!important}
html body .settingsProfilePreview small{font-size:12px!important}
html body .userSettingsContent button{min-height:42px;font-size:14px}
html body .appearanceForm{gap:16px!important}
html body .settingsEmbeddedDialog{display:block!important;position:static!important;width:100%!important;max-width:none!important;max-height:none!important;inset:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important}
html body .settingsEmbeddedDialog>h2{display:none!important}
html body .nickGifManagerInline{width:100%!important;max-width:none!important;border:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important}
html body .nickGifManagerInline>.nickGifManagerBody{padding:0!important;grid-template-columns:minmax(0,1fr) 250px!important;max-height:none!important}
html body .nickGifManagerInline .nickGifGrid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:50dvh}
html body .nickGifBare{padding:8px!important;width:350px!important}
html body .nickGifBare .nickGifGrid{padding:0!important}
html body .nickGifBareClose{position:sticky!important;top:0!important;float:right!important;z-index:3!important;width:28px!important;min-height:28px!important;height:28px!important;padding:0!important;border-radius:6px!important;font-size:20px!important}
.darkAccountsButton,.darkSiteButton,.darkRadioAdminButton,.darkSecurityMenuButton{display:none!important}
@media(max-width:700px){html body dialog.userSettingsBackdrop{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}html body .userSettingsBody{grid-template-columns:138px minmax(0,1fr)!important}html body .userSettingsNav{padding:8px!important}html body .userSettingsNav button{padding:9px 7px!important;gap:6px!important}html body .userSettingsNav button b{font-size:13px!important}html body .userSettingsContent{padding:16px 12px!important}html body .userSettingsHead{padding:14px 16px!important}html body .nickGifManagerInline>.nickGifManagerBody{grid-template-columns:1fr!important}.appearanceForm{grid-template-columns:1fr!important}}