/* Экран «Настройки» — как «Настройки» iOS */
#openSettings svg { width: 20px; height: 20px; stroke-width: 1.8; }
.settings .sheet-head > span { min-width: 64px; }
.settings .section-title { margin-top: 20px; }
.settings .footnote { margin-bottom: 4px; }
.set-about { margin-top: 18px !important; text-align: center; }

.profile .row { padding-top: 12px; padding-bottom: 12px; }
.avatar { background: linear-gradient(160deg, color-mix(in srgb, var(--blue) 70%, #fff), var(--blue)); font-weight: 600; font-size: 20px; }

.set-card { padding: 12px 14px; }
.set-label { font-size: 15px; color: var(--hint); margin-bottom: 10px; }

/* выбор темы: миниатюры светлого и тёмного экрана */
.themes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.themes button { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 4px 0; }
.t-name { font-size: 13px; }
.radio { width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--hint2); transition: .2s; }
.themes button.on .radio { border: 7px solid var(--blue); }

.theme-thumb {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 64px;
  height: 104px;
  padding: 10px 6px;
  border-radius: 12px;
  overflow: hidden;
  outline: 1px solid var(--sep);
  transition: outline-color .2s;
}
.themes button.on .theme-thumb, .themes button.on .theme-split { outline: 2px solid var(--blue); }
.theme-thumb.light { background: #f2f2f7; --tc: #fff; --tl: #c7c7cc; --tt: #1c1c1e; }
.theme-thumb.dark { background: #000; --tc: #1c1c1e; --tl: #48484a; --tt: #f2f2f7; }
.theme-thumb i { display: block; }
.t-big { width: 60%; height: 7px; border-radius: 3px; background: var(--tt); }
.t-line { width: 35%; height: 4px; border-radius: 2px; background: var(--tl); margin-bottom: 2px; }
.t-card { display: flex; flex-direction: column; gap: 4px; padding: 5px; border-radius: 5px; background: var(--tc); }
.t-card b { height: 4px; border-radius: 2px; background: var(--tl); }
.t-card b:first-child { width: 70%; background: var(--blue); }
.t-card.short b:first-child { width: 50%; }

/* «Как в Telegram»: левая половина светлая, правая тёмная */
.theme-split { position: relative; display: block; width: 64px; height: 104px; border-radius: 12px; overflow: hidden; outline: 1px solid var(--sep); }
.theme-split .theme-thumb { position: absolute; inset: 0; outline: 0; border-radius: 0; }
.theme-split .theme-thumb.dark { clip-path: inset(0 0 0 50%); }

/* акцентный цвет */
.accents { display: flex; justify-content: space-between; gap: 6px; }
.accents button { width: 30px; height: 30px; border-radius: 50%; background: var(--c); position: relative; transition: transform .15s; }
.accents button:active { transform: scale(.9); }
.accents button.on { box-shadow: 0 0 0 2px var(--card), 0 0 0 4px var(--c); }
.accents button.on::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
}

.settings .row .switch { margin-left: auto; }
.check { color: var(--blue); font-weight: 600; font-size: 18px; }

/* скрытые суммы */
html.private:not(.peek) main .num { filter: blur(8px); transition: filter .2s; }
html.private.peek main .num { transition: filter .2s; }