.settings-shell{
  width:min(1240px,calc(100% - 48px));
  margin:22px auto 52px;
  display:grid;
  gap:14px;
}
.settings-heading{padding:2px 4px 0}
.settings-title-copy{display:flex;align-items:center;gap:12px}
.settings-title-copy h1{margin:0;color:var(--ref-ink);font-size:1.55rem;line-height:1.35}
.settings-title-copy p{margin:3px 0 0;color:var(--ref-muted);font-size:.8rem}
.settings-title-icon{
  width:44px;height:44px;display:grid;place-items:center;border-radius:12px;
  background:color-mix(in srgb,var(--ref-brand-2) 10%,var(--ref-panel));
  color:var(--ref-brand-2);font-size:1.1rem;font-weight:900;
}
.settings-account-card{
  min-height:82px;padding:14px 16px;border-radius:14px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.settings-account-main{display:flex;align-items:center;gap:11px;min-width:0}
.settings-profile-avatar{
  width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;
  background:linear-gradient(145deg,var(--ref-brand-2),#72b8ea);color:#fff;font-weight:900;
}
.settings-account-copy{display:grid;gap:1px;min-width:0}
.settings-account-copy>span{color:var(--ref-muted);font-size:.62rem}
.settings-account-copy strong{
  color:var(--ref-ink);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.settings-account-copy small{color:var(--ref-muted);font-size:.64rem}
.settings-account-state{
  display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;
  border-radius:8px;background:var(--success-bg);color:var(--success);font-size:.62rem;font-weight:800;
}
.settings-options-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
.settings-panel{
  padding:16px;border-radius:14px;display:grid;align-content:start;gap:12px;
}
.settings-session-card{grid-column:1/-1}
.settings-card-heading{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.settings-card-heading>div{display:flex;align-items:center;gap:8px}
.settings-card-heading h2{margin:0;color:var(--ref-ink);font-size:.98rem}
.settings-card-icon{color:var(--ref-brand);font-size:1rem}
.settings-card-hint{color:var(--ref-muted);font-size:.64rem}
.settings-card-description{
  margin:0;color:var(--ref-muted);font-size:.7rem;line-height:1.75;
}
.settings-preference-options{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
}
.settings-preference-choice,.settings-language-choice{
  min-height:72px;padding:9px 10px;border:1px solid var(--ref-line);border-radius:10px;
  background:var(--ref-panel-2);color:var(--ref-ink);cursor:pointer;
  display:flex;align-items:center;gap:9px;text-align:start;
}
.settings-preference-choice:hover,.settings-language-choice:hover{
  border-color:color-mix(in srgb,var(--ref-brand-2) 34%,var(--ref-line));
}
.settings-preference-choice.is-selected,.settings-language-choice.is-selected{
  border-color:var(--ref-brand-2);
  background:color-mix(in srgb,var(--ref-brand-2) 7%,var(--ref-panel));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--ref-brand-2) 6%,transparent);
}
.settings-preference-choice>span:last-child,.settings-language-choice>span:last-child{
  display:grid;gap:1px;min-width:0;
}
.settings-preference-choice strong,.settings-language-choice strong{
  color:var(--ref-ink);font-size:.7rem;
}
.settings-preference-choice small,.settings-language-choice small{
  color:var(--ref-muted);font-size:.59rem;line-height:1.45;
}
.settings-preference-icon,.settings-language-code{
  width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:9px;
  background:var(--ref-soft);color:var(--ref-brand);font-size:.72rem;font-weight:900;
}
.settings-language-options{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
}
.settings-language-choice{min-height:70px}
.settings-session-card{
  grid-template-columns:minmax(0,1fr) auto;align-items:center;
}
.settings-session-card .settings-card-heading{
  grid-column:1/-1;
}
.settings-session-copy{display:grid;gap:3px}
.settings-session-copy strong{color:var(--ref-ink);font-size:.75rem}
.settings-session-copy p{margin:0;color:var(--ref-muted);font-size:.66rem;line-height:1.7}
.settings-session-card form{margin:0}
.settings-logout-button{
  min-width:128px;min-height:38px;margin:0;padding:7px 12px;border-radius:9px;
}
:root[data-theme="dark"] .settings-preference-choice,
:root[data-theme="dark"] .settings-language-choice{box-shadow:none}
@media(max-width:1080px){
  .settings-shell{width:min(100% - 34px,1180px)}
}
@media(max-width:820px){
  .settings-options-grid{grid-template-columns:1fr}
  .settings-session-card{grid-column:auto}
}
@media(max-width:760px){
  .settings-shell{width:calc(100% - 22px);margin:14px auto 82px}
  .settings-title-copy h1{font-size:1.3rem}
  .settings-title-icon{width:39px;height:39px}
  .settings-account-card,.settings-panel{padding:13px}
  .settings-preference-options{grid-template-columns:1fr}
  .settings-session-card{grid-template-columns:1fr}
  .settings-session-card form{width:100%}
  .settings-logout-button{width:100%}
  .settings-card-hint{display:none}
}
@media(max-width:430px){
  .settings-account-card{align-items:flex-start;flex-direction:column}
  .settings-account-state{align-self:flex-start}
  .settings-language-options{grid-template-columns:1fr}
}