/* ═══════════════════════════════════════════════════════════════════════════
   STEPS — SOZLAMALAR: settings, account, about (page) · profile, targets (sheet).
   Egasi: SOZLAMALAR agenti (screens/settings.js, account.js, profile.js, targets.js, about.js).
   Har qoida o'z overlay ildiziga cheklangan. Rang/soya/radius — faqat tokenlar (yangi hex yo'q).
   Rangli MATN doim -ink token bilan; asosiy ranglar faqat grafika (nuqta, halqa, ikonka) uchun.
   Bosiladigan joy ≥ 44px: kichik ko'rinadigan boshqaruvlar (o'chirgich, stepper) ::before bilan kengaytiriladi.
   ═══════════════════════════════════════════════════════════════════════════ */

@keyframes stInFwd{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes stInBack{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes stPulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ───── Sahifalar: yopishqoq (sticky) yuqori panel — scroll qilinganda shisha fon ───── */
:is([data-overlay="settings"],[data-overlay="account"],[data-overlay="about"]) > .topbar{
  /* top manfiy: sahifa padding-top (--top) ichida yopishmasin — aks holda tepada 12px+ kontent ko'rinib qoladi */
  position:sticky;top:calc(-1 * var(--top));z-index:5;margin:calc(-1 * var(--top)) calc(-1 * var(--gutter)) 6px;
  padding:var(--top) calc(var(--gutter) - 6px) 8px;min-height:calc(var(--top) + 52px);
  background:transparent;transition:background-color .25s ease,box-shadow .25s ease}
:is([data-overlay="settings"],[data-overlay="account"],[data-overlay="about"]).st-scrolled > .topbar{
  /* sahifa fonining o'zi (92%) — blur ishlamaydigan WebView'da ham ostidagi matn "arvoh" bo'lib ko'rinmaydi */
  background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);
  box-shadow:0 1px 0 var(--sep)}
[data-overlay="settings"] .st-bar-t{opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .25s var(--ease)}
[data-overlay="settings"].st-scrolled .st-bar-t{opacity:1;transform:none}

/* ═════════════ SETTINGS ═════════════ */

[data-overlay="settings"] .st-title{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 4px 18px}
[data-overlay="settings"] .st-view--fwd{animation:stInFwd .34s var(--ease)}
[data-overlay="settings"] .st-view--back{animation:stInBack .34s var(--ease)}
[data-overlay="settings"] .list + .list{margin-top:20px}
[data-overlay="settings"] .st-gap{margin-top:20px}
[data-overlay="settings"] .overline{margin:26px 16px 8px}

/* 3D kichik ikonka plitkasi (bo'lim qatorlari) */
[data-overlay="settings"] .cell-art{width:36px;height:36px;border-radius:var(--r-xs);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--edge)}
[data-overlay="settings"] .cell-art .art3d{width:30px;height:30px}
[data-overlay="settings"] .st-row--meal .cell-art,
[data-overlay="settings"] .cell-art:has(.art3d--water){width:40px;height:40px;background:none;box-shadow:none}
[data-overlay="settings"] .st-row--meal .cell-art .art3d,
[data-overlay="settings"] .cell-art .art3d--water{width:38px;height:38px}
[data-overlay="settings"] .list{--sep-left:64px}
[data-overlay="settings"] .cell-v{font-weight:700}
/* izoh qatori tor ekranda "…" bilan kesilmasin — 2 qatorgacha o'raladi */
[data-overlay="settings"] .cell-s{white-space:normal;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
[data-overlay="settings"] .cell-v .num{font-weight:600;letter-spacing:-.01em}

/* Hisob kartasi */
[data-overlay="settings"] .st-acc{display:flex;align-items:center;gap:14px;width:100%;padding:14px 14px 14px 16px;border-radius:var(--r-md);
  background:var(--surface);box-shadow:var(--e1);text-align:left;margin-bottom:20px}
[data-overlay="settings"] .st-acc:active{transform:scale(.985)}
[data-overlay="settings"] .st-acc-av{width:58px;height:58px;font-size:24px}
[data-overlay="settings"] .st-acc-art{flex:none;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft)}
[data-overlay="settings"] .st-acc-txt{flex:1;min-width:0;display:grid;gap:2px}
[data-overlay="settings"] .st-acc-txt b{font-size:19px;font-weight:800;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-overlay="settings"] .st-acc-txt small{font-size:13px;font-weight:600;color:var(--muted);line-height:1.35}
[data-overlay="settings"] .st-acc-sync{display:flex;align-items:center;gap:6px}
[data-overlay="settings"] .st-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--faint)}
[data-overlay="settings"] .st-dot--idle,[data-overlay="settings"] .st-dot--syncing{background:var(--brand)}
[data-overlay="settings"] .st-dot--syncing{animation:stPulse 1.1s ease-in-out infinite}
[data-overlay="settings"] .st-dot--offline{background:var(--near)}
[data-overlay="settings"] .st-dot--error{background:var(--off)}

/* Boshqaruv qatorlari */
[data-overlay="settings"] .st-row[data-row]{cursor:pointer}
[data-overlay="settings"] .st-row--stack{flex-wrap:wrap;row-gap:12px;padding-bottom:14px}
[data-overlay="settings"] .st-row--stack > .cell-txt{flex:1 1 0;min-width:0}   /* tor ekranda ikonka yonida qoladi (pastga tushib ketmaydi) */
[data-overlay="settings"] .st-row--stack > .cell-txt .cell-s{white-space:normal}
[data-overlay="settings"] .st-row--stack > .seg{flex:1 1 100%;margin-left:50px}
[data-overlay="settings"] .st-row--master .cell-t{font-size:17px}
[data-overlay="settings"] .st-row--range{flex-wrap:wrap;row-gap:10px}
[data-overlay="settings"] .st-range{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:700}

/* Vaqt tanlagich: ko'rinadigan 24 soatlik qiymat + ustida shaffof <input type="time"> (bosiladigan joy 44px) */
[data-overlay="settings"] .st-time{position:relative;flex:none;display:grid;place-items:center;height:44px;min-width:72px;padding:0 12px;
  border:2px solid transparent;background-clip:padding-box;border-radius:calc(var(--r-xs) + 2px);background-color:var(--surface-2);
  box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer}
[data-overlay="settings"] .st-time .num{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--fg);pointer-events:none}
[data-overlay="settings"] .st-time input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;margin:0;cursor:pointer;font-size:16px}
[data-overlay="settings"] .st-time input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;opacity:0;cursor:pointer}
[data-overlay="settings"] .st-time:focus-within{box-shadow:var(--focus-ring)}
[data-overlay="settings"] .st-time:has(input:disabled){opacity:.4;cursor:default}
[data-overlay="settings"] .st-time:has(input:disabled) input{cursor:default}
[data-overlay="settings"] .st-row--meal .st-time{margin-left:auto}
[data-overlay="settings"] .st-row--meal .cell-txt{flex:1 1 auto}

/* Eslatmalar */
[data-overlay="settings"] .st-note{display:flex;align-items:flex-start;gap:8px;margin:12px 16px 0;font-size:13px;font-weight:700;line-height:1.4;color:var(--muted)}
[data-overlay="settings"] .st-note svg.i{margin-top:1px}
[data-overlay="settings"] .st-note--off{color:var(--off-ink)}
[data-overlay="settings"] .st-next{display:flex;align-items:center;gap:8px;margin:12px 16px 0;font-size:13px;font-weight:700;color:var(--brand-ink)}
[data-overlay="settings"] .st-caption{margin:8px 16px 0;font-size:13px;font-weight:600;line-height:1.4;color:var(--muted)}
[data-overlay="settings"] .st-lead{margin:-6px 4px 18px;font-size:15px;font-weight:600;line-height:1.45;color:var(--muted)}
[data-overlay="settings"] .st-foot{margin:28px 0 4px;text-align:center;font-size:12px;font-weight:700;color:var(--faint);letter-spacing:.02em}

/* Eslatmalar o'chiq — qahramon (ruxsat so'rash joyi) */
[data-overlay="settings"] .st-offhero{display:grid;justify-items:center;text-align:center;padding:34px 12px 0}
[data-overlay="settings"] .st-offhero-art{position:relative;margin-bottom:14px}
[data-overlay="settings"] .st-offhero-art::before{content:"";position:absolute;inset:-28px;border-radius:50%;background:radial-gradient(closest-side,var(--brand-soft),transparent);z-index:-1}
[data-overlay="settings"] .st-offhero-t{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
[data-overlay="settings"] .st-offhero-p{margin-top:6px;font-size:15px;font-weight:600;line-height:1.45;color:var(--muted);max-width:30ch}
[data-overlay="settings"] .st-offhero .btn{margin-top:22px}
[data-overlay="settings"] .st-acc-guest svg.i{width:28px;height:28px}

/* Ma'lumotlar */
[data-overlay="settings"] .st-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 8px;text-align:center}
[data-overlay="settings"] .st-stats > div{display:grid;gap:2px}
[data-overlay="settings"] .st-stats > div + div{box-shadow:-1px 0 0 var(--sep)}
[data-overlay="settings"] .st-stats b{font-size:26px;font-weight:700;line-height:1.1}
[data-overlay="settings"] .st-stats span{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
[data-overlay="settings"] [data-act="wipe"] .cell-t{color:var(--off-ink)}

/* Server */
[data-overlay="settings"] .st-server{display:grid}
[data-overlay="settings"] .st-field{min-height:52px}
[data-overlay="settings"] .st-field input{font-size:16px}
[data-overlay="settings"] .st-field:has(input[aria-invalid="true"]){box-shadow:0 0 0 1px var(--off),0 0 0 4px var(--off-soft)}
[data-overlay="settings"] .st-err{min-height:20px;margin:8px 4px 4px;font-size:13px;font-weight:700;line-height:1.4;color:var(--off-ink)}
[data-overlay="settings"] .st-err:empty{min-height:4px;margin:4px 0 0}
[data-overlay="settings"] .st-check{margin-top:8px}
[data-overlay="settings"] .st-status{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--e1)}
[data-overlay="settings"] .st-status-ic{--c:var(--muted);--ci:var(--muted);flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--ci)}
[data-overlay="settings"] .st-status-ic svg.i{width:19px;height:19px}
[data-overlay="settings"] .st-status-ic .spinner{width:18px;height:18px}
[data-overlay="settings"] .st-status--brand .st-status-ic{--c:var(--brand);--ci:var(--brand-ink)}
[data-overlay="settings"] .st-status--near .st-status-ic{--c:var(--near);--ci:var(--near-ink)}
[data-overlay="settings"] .st-status--off .st-status-ic{--c:var(--off);--ci:var(--off-ink)}
[data-overlay="settings"] .st-status-txt{display:grid;gap:2px;min-width:0}
[data-overlay="settings"] .st-status-txt b{font-size:15px;font-weight:800}
[data-overlay="settings"] .st-status--brand .st-status-txt b{color:var(--brand-ink)}
[data-overlay="settings"] .st-status--near .st-status-txt b{color:var(--near-ink)}
[data-overlay="settings"] .st-status--off .st-status-txt b{color:var(--off-ink)}
[data-overlay="settings"] .st-status-txt small{font-size:13px;font-weight:600;color:var(--muted);line-height:1.35}

/* ═════════════ Segment, o'chirgich, stepper (bosiladigan joy ≥ 44px — components.css umumiy qoidasi) ═════════════ */

:is([data-overlay="settings"],[data-overlay="profile"],[data-overlay="targets"]) .seg button{min-height:38px}
:is([data-overlay="settings"],[data-overlay="profile"],[data-overlay="targets"]) .toggle:focus-visible{outline-offset:3px;border-radius:var(--r-pill)}
:is([data-overlay="profile"],[data-overlay="targets"]) .stepper{flex:none}
:is([data-overlay="profile"],[data-overlay="targets"]) .stepper button{position:relative;width:36px;height:36px}
:is([data-overlay="profile"],[data-overlay="targets"]) .stepper output{min-width:58px;font-size:15px}

/* ═════════════ PROFILE (sheet) ═════════════ */

[data-overlay="profile"] .pf-head{margin-bottom:10px}
[data-overlay="profile"] .pf-id{display:flex;align-items:center;gap:14px;margin-bottom:18px}
[data-overlay="profile"] .pf-av{width:60px;height:60px;font-size:25px}
[data-overlay="profile"] .pf-av svg.i{width:26px;height:26px}
[data-overlay="profile"] .pf-id-txt{flex:1;min-width:0;display:grid;gap:0}
[data-overlay="profile"] .pf-name{width:100%;min-height:44px;margin:-4px 0 -2px;padding:4px 0;border:0;border-bottom:1.5px dashed transparent;background:none;
  font-size:23px;font-weight:800;letter-spacing:-.02em;color:var(--fg);outline:none;transition:border-color .2s}
[data-overlay="profile"] .pf-name::placeholder{color:var(--faint)}
[data-overlay="profile"] .pf-name:hover{border-bottom-color:var(--edge-strong)}
[data-overlay="profile"] .pf-name:focus{border-bottom-color:var(--focus)}
[data-overlay="profile"] .pf-meta{font-size:14px;font-weight:600;color:var(--muted)}

[data-overlay="profile"] .pf-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
[data-overlay="profile"] .pf-goal{display:grid;justify-items:center;align-content:center;gap:4px;min-height:98px;padding:10px 4px 12px;border-radius:var(--r-md);
  background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--edge);color:var(--fg);transition:transform .15s var(--ease),background-color .2s,box-shadow .2s}
[data-overlay="profile"] .pf-goal-t{font-size:14px;font-weight:800;letter-spacing:-.01em}
[data-overlay="profile"] .pf-goal[aria-checked="true"]{background:var(--brand-soft);box-shadow:inset 0 0 0 2px var(--brand),0 10px 22px -12px var(--brand-glow)}
[data-overlay="profile"] .pf-goal[aria-checked="true"] .pf-goal-t{color:var(--brand-ink)}
[data-overlay="profile"] .pf-goal:disabled{opacity:.42}
[data-overlay="profile"] .pf-goal:disabled .pf-goal-art{filter:grayscale(1)}
[data-overlay="profile"] .pf-notes{display:grid;gap:6px;margin-top:10px}
[data-overlay="profile"] .pf-notes:empty{display:none}
[data-overlay="profile"] .pf-note{display:flex;align-items:flex-start;gap:6px;padding:0 4px;font-size:13px;font-weight:700;line-height:1.4;color:var(--muted)}
[data-overlay="profile"] .pf-note svg.i{margin-top:1px}
[data-overlay="profile"] .pf-note--warn{color:var(--near-ink)}

[data-overlay="profile"] .pf-target{display:grid;gap:4px;width:100%;margin-top:14px;padding:14px 16px 16px;text-align:left}
[data-overlay="profile"] .pf-target:active{transform:scale(.985)}
[data-overlay="profile"] .pf-target-top{display:flex;align-items:center;gap:8px}
[data-overlay="profile"] .pf-target-top .eyebrow{flex:1}
[data-overlay="profile"] .pf-mode{padding:4px 9px;font-size:12px}
[data-overlay="profile"] .pf-kcal{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}
[data-overlay="profile"] .pf-kcal b{font-size:42px;font-weight:700;line-height:1.05;letter-spacing:-.035em}
[data-overlay="profile"] .pf-kcal span{font-size:16px;font-weight:700;color:var(--muted)}
[data-overlay="profile"] .pf-macros{display:grid;gap:10px}
[data-overlay="profile"] .pf-water{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}
[data-overlay="profile"] .pf-water svg.i{color:var(--water)}
[data-overlay="profile"] .pf-water b{color:var(--water-ink);font-weight:700}

[data-overlay="profile"] .overline{margin:24px 16px 8px}
[data-overlay="profile"] .list{--sep-left:62px}
[data-overlay="profile"] .pf-gap{margin-top:20px}
[data-overlay="profile"] .pf-row--stack{flex-wrap:wrap;row-gap:12px;padding-bottom:14px}
[data-overlay="profile"] .pf-row--stack > .cell-txt{flex:1 1 0;min-width:0}   /* tor ekranda ikonka yonida qoladi (pastga tushib ketmaydi) */
[data-overlay="profile"] .pf-row--stack > .cell-txt .cell-s{white-space:normal}
[data-overlay="profile"] .pf-row--stack > .seg{flex:1 1 100%;margin-left:48px}
[data-overlay="profile"] .pf-seg2{width:168px}
[data-overlay="profile"] .pf-chev{transition:transform .25s var(--ease)}
[data-overlay="profile"] [aria-expanded="true"] .pf-chev{transform:rotate(180deg)}
[data-overlay="profile"] .cell-v{color:var(--fg)}
[data-overlay="profile"] [data-act="activity"] .cell-s{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}

[data-overlay="profile"] .pf-opts{position:relative;background:var(--surface-2);box-shadow:inset 0 1px 0 var(--sep),inset 0 -1px 0 var(--sep)}
[data-overlay="profile"] .pf-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px 16px 10px 62px;text-align:left;position:relative}
[data-overlay="profile"] .pf-opt + .pf-opt::before{content:"";position:absolute;top:0;left:62px;right:0;height:1px;background:var(--sep)}
[data-overlay="profile"] .pf-opt:active{transform:none;background:var(--surface)}
[data-overlay="profile"] .pf-opt-txt{flex:1;min-width:0;display:grid;gap:2px}
[data-overlay="profile"] .pf-opt-txt b{font-size:15px;font-weight:800}
[data-overlay="profile"] .pf-opt-txt small{font-size:13px;font-weight:600;color:var(--muted);line-height:1.35}
[data-overlay="profile"] .pf-opt-ic{color:var(--brand-ink);opacity:0;transform:scale(.6);transition:opacity .2s,transform .3s var(--spring)}
[data-overlay="profile"] .pf-opt[aria-checked="true"] .pf-opt-ic{opacity:1;transform:none}
[data-overlay="profile"] .pf-opt[aria-checked="true"] b{color:var(--brand-ink)}
[data-overlay="profile"] .pf-time{min-height:62px;padding-right:12px}
[data-overlay="profile"] .pf-time:active{background:none}
[data-overlay="profile"] :is([data-act="body"],[data-act="sleep"]) .cell-s{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}
[data-overlay="profile"] .cell-s.pf-warn{color:var(--near-ink)}
[data-overlay="profile"] .cta{margin-top:22px}
[data-overlay="profile"] .empty{padding-top:12px}

/* ═════════════ TARGETS (sheet) ═════════════ */

[data-overlay="targets"] .tg-mode{margin-bottom:6px}
[data-overlay="targets"] .tg-hero{display:grid;justify-items:center;text-align:center;padding:18px 0 20px}
[data-overlay="targets"] .tg-big{display:flex;align-items:baseline;gap:8px}
[data-overlay="targets"] .tg-big b{font-size:58px;font-weight:700;line-height:1;letter-spacing:-.04em}
[data-overlay="targets"] .tg-big span,[data-overlay="targets"] .tg-input span{font-size:18px;font-weight:700;color:var(--muted)}
[data-overlay="targets"] .tg-cap{margin-top:8px;font-size:13px;font-weight:600;color:var(--muted)}
[data-overlay="targets"] .tg-hero--edit{padding-bottom:6px}
[data-overlay="targets"] .tg-kcal{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}
[data-overlay="targets"] .tg-step{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);
  box-shadow:inset 0 0 0 1px var(--edge);color:var(--fg)}
[data-overlay="targets"] .tg-step svg.i{width:22px;height:22px;stroke-width:2.6}
[data-overlay="targets"] .tg-step:disabled{opacity:.35}
[data-overlay="targets"] .tg-input{display:flex;align-items:baseline;gap:6px;min-width:0}
[data-overlay="targets"] .tg-input input{width:4.3ch;min-height:56px;padding:0;border:0;border-bottom:2px dashed var(--edge-strong);background:none;
  font-size:48px;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--fg);text-align:center;outline:none;border-radius:0}
[data-overlay="targets"] .tg-input input:focus{border-bottom-color:var(--focus)}
[data-overlay="targets"] .tg-input input[aria-invalid="true"]{border-bottom-color:var(--off);color:var(--off-ink)}
[data-overlay="targets"] .tg-err{min-height:20px;margin-top:10px;font-size:13px;font-weight:700;line-height:1.4;color:var(--off-ink);text-align:center}

[data-overlay="targets"] .tg-list{--sep-left:40px}
[data-overlay="targets"] .tg-row{min-height:58px}
[data-overlay="targets"] .tg-dot{--c:var(--muted);flex:none;width:12px;height:12px;margin:0 0 0 4px;border-radius:50%;background:var(--c);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}
[data-overlay="targets"] .tg-row--protein{--c:var(--protein);--ci:var(--protein-ink)}
[data-overlay="targets"] .tg-row--carb{--c:var(--carb);--ci:var(--carb-ink)}
[data-overlay="targets"] .tg-row--fat{--c:var(--fat);--ci:var(--fat-ink)}
[data-overlay="targets"] .tg-row--water{--c:var(--water);--ci:var(--water-ink)}
[data-overlay="targets"] .tg-row .tg-dot{--c:inherit}
[data-overlay="targets"] .tg-row--protein .tg-dot{--c:var(--protein)}
[data-overlay="targets"] .tg-row--carb .tg-dot{--c:var(--carb)}
[data-overlay="targets"] .tg-row--fat .tg-dot{--c:var(--fat)}
[data-overlay="targets"] .tg-row--water .tg-dot{--c:var(--water)}
[data-overlay="targets"] .tg-val{font-size:17px;font-weight:700;color:var(--ci)}
[data-overlay="targets"] .tg-hint{display:flex;align-items:center;gap:6px;margin:10px 16px 0;font-size:13px;font-weight:700;color:var(--muted)}
[data-overlay="targets"] .tg-hint svg.i{color:var(--brand-ink)}
[data-overlay="targets"] .tg-hint--off{color:var(--near-ink)}
[data-overlay="targets"] .tg-hint--off svg.i{color:var(--near-ink)}

[data-overlay="targets"] .tg-why{margin-top:16px;padding:0;overflow:hidden}
[data-overlay="targets"] .tg-why-b{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 16px;font-size:16px;font-weight:800;cursor:pointer;list-style:none}
[data-overlay="targets"] .tg-why-b::-webkit-details-marker{display:none}
[data-overlay="targets"] .tg-why-b svg.i{color:var(--brand-ink)}
[data-overlay="targets"] .tg-why-b span{flex:1}
[data-overlay="targets"] .tg-why-chev{color:var(--muted)!important;transition:transform .25s var(--ease)}
[data-overlay="targets"] .tg-why[open] .tg-why-chev{transform:rotate(180deg)}
[data-overlay="targets"] .tg-why-b:focus-visible{outline-offset:-4px;border-radius:var(--r-md)}
[data-overlay="targets"] .tg-rows{display:grid;padding:0 16px 6px}
[data-overlay="targets"] .tg-rows > div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;font-size:14px;font-weight:600}
[data-overlay="targets"] .tg-rows > div + div{border-top:1px solid var(--sep)}
[data-overlay="targets"] .tg-rows dt{color:var(--muted);display:flex;align-items:center;gap:6px}
[data-overlay="targets"] .tg-rows dd{font-weight:700;white-space:nowrap}
[data-overlay="targets"] .tg-warn dt{color:var(--near-ink)}
[data-overlay="targets"] .tg-sum dt,[data-overlay="targets"] .tg-sum dd{color:var(--fg);font-weight:800}
[data-overlay="targets"] .tg-src{padding:0 16px 14px;font-size:12px;font-weight:600;color:var(--faint)}
[data-overlay="targets"] .tg-reset{margin-top:10px}
[data-overlay="targets"] .cta{margin-top:18px}

/* ═════════════ ACCOUNT (page) ═════════════ */

[data-overlay="account"] .ac{padding-bottom:12px}
[data-overlay="account"] .ac-id{display:grid;justify-items:center;text-align:center;gap:4px;padding:8px 0 10px}
[data-overlay="account"] .ac-av{width:88px;height:88px;font-size:36px;margin-bottom:10px}
[data-overlay="account"] .ac-name{font-size:26px;font-weight:800;letter-spacing:-.025em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-overlay="account"] .ac-sub{font-size:15px;font-weight:600;color:var(--muted)}
[data-overlay="account"] .overline{margin:26px 16px 8px}
[data-overlay="account"] .list{--sep-left:62px}
[data-overlay="account"] .ac-ic{background:var(--surface-2);color:var(--fg);--tone-c:var(--muted)}
[data-overlay="account"] .ac-ic .g-logo{width:19px;height:19px}
[data-overlay="account"] .ac-ok{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink)}
[data-overlay="account"] .ac-link,[data-overlay="account"] .ac-now{flex:none;height:44px;padding:0 16px;font-size:15px}
[data-overlay="account"] .ac-link .spinner{width:18px;height:18px}
[data-overlay="account"] .ac-gsi{flex:none;min-width:120px;min-height:44px;display:grid;place-items:center}
[data-overlay="account"] .ac-sync .cell-ic .spinner{width:17px;height:17px}
[data-overlay="account"] .ac-caption{margin:8px 16px 0;font-size:13px;font-weight:600;line-height:1.45;color:var(--muted)}
[data-overlay="account"] .ac-center{text-align:center;margin:16px 8px 0}
[data-overlay="account"] .ac-gap{margin-top:28px}
[data-overlay="account"] .ac-gap-sm{margin-top:12px}
[data-overlay="account"] .ac-out,[data-overlay="account"] .ac-del{justify-content:center}
[data-overlay="account"] .ac-out .cell-txt,[data-overlay="account"] .ac-del .cell-txt{flex:none;text-align:center}
[data-overlay="account"] .ac-out .cell-t{color:var(--brand-ink)}
[data-overlay="account"] .ac-del .cell-t{color:var(--off-ink)}
[data-overlay="account"] .ac-out .spinner,[data-overlay="account"] .ac-del .spinner{width:18px;height:18px;color:var(--muted)}

[data-overlay="account"] .ac-hero{display:grid;justify-items:center;text-align:center;padding:18px 8px 0}
[data-overlay="account"] .ac-hero-art{position:relative;margin-bottom:14px}
[data-overlay="account"] .ac-hero-art::before{content:"";position:absolute;inset:-26px;border-radius:50%;background:radial-gradient(closest-side,var(--brand-soft),transparent);z-index:-1}
[data-overlay="account"] .ac-hero-t{font-size:28px;font-weight:800;letter-spacing:-.025em}
[data-overlay="account"] .ac-hero-p{margin-top:6px;font-size:15px;font-weight:600;color:var(--muted);line-height:1.45;max-width:30ch}
[data-overlay="account"] .ac-actions{display:grid;gap:12px;margin-top:30px}
[data-overlay="account"] .ac-wait{display:grid;place-items:center;min-height:56px;color:var(--muted)}
[data-overlay="account"] .ac-google{background:var(--surface);color:var(--fg);box-shadow:var(--e1)}
[data-overlay="account"] .ac-google .spinner{width:20px;height:20px}
[data-overlay="account"] .ac-gsi-big{display:grid;place-items:center;min-height:56px}
[data-overlay="account"] .ac-offline{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--near-soft);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--near) 18%,transparent);color:var(--near-ink)}
[data-overlay="account"] .ac-offline span{display:grid;gap:2px}
[data-overlay="account"] .ac-offline b{font-size:15px;font-weight:800}
[data-overlay="account"] .ac-offline small{font-size:13px;font-weight:600;color:var(--muted)}

/* ═════════════ ABOUT (page) ═════════════ */

[data-overlay="about"] .ab-hero{display:grid;justify-items:center;text-align:center;gap:4px;padding:6px 0 22px}
[data-overlay="about"] .ab-icon{width:88px;height:88px;border-radius:22px;margin-bottom:12px;box-shadow:var(--e2)}
[data-overlay="about"] .ab-name{font-size:30px;font-weight:800;letter-spacing:.02em}
[data-overlay="about"] .ab-tag{font-size:15px;font-weight:600;color:var(--muted)}
[data-overlay="about"] .ab-ver{margin-top:10px}
[data-overlay="about"] .ab-warn{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--info-soft);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--info) 18%,transparent)}
[data-overlay="about"] .ab-warn-ic{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--protein-ink)}
[data-overlay="about"] .ab-warn-ic svg.i{width:19px;height:19px}
[data-overlay="about"] .ab-warn p{font-size:14px;font-weight:600;line-height:1.45;color:var(--fg)}
[data-overlay="about"] .ab-warn b{display:block;font-size:15px;font-weight:800;color:var(--info-ink);margin-bottom:2px}
[data-overlay="about"] .overline{margin:26px 16px 8px}
[data-overlay="about"] .list{--sep-left:62px}
[data-overlay="about"] .ab-privacy{padding:16px}
[data-overlay="about"] .ab-privacy > p{font-size:15px;font-weight:600;line-height:1.5}
[data-overlay="about"] .ab-policy{margin:12px -16px -16px;border-top:1px solid var(--sep)}
[data-overlay="about"] .ab-policy summary{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 16px;font-size:15px;font-weight:800;color:var(--brand-ink);cursor:pointer;list-style:none}
[data-overlay="about"] .ab-policy summary::-webkit-details-marker{display:none}
[data-overlay="about"] .ab-policy summary span{flex:1}
[data-overlay="about"] .ab-policy summary:focus-visible{outline-offset:-4px;border-radius:var(--r-md)}
[data-overlay="about"] .ab-chev{color:var(--muted);transition:transform .25s var(--ease)}
[data-overlay="about"] .ab-policy[open] .ab-chev{transform:rotate(180deg)}
[data-overlay="about"] .ab-list{padding:0 16px 6px}
[data-overlay="about"] .ab-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--sep)}
[data-overlay="about"] .ab-list .cell-ic{width:32px;height:32px}
[data-overlay="about"] .ab-list .cell-ic svg.i{width:17px;height:17px}
[data-overlay="about"] .ab-list b{display:block;font-size:15px;font-weight:800;margin-bottom:2px}
[data-overlay="about"] .ab-list p{font-size:14px;font-weight:600;line-height:1.45;color:var(--muted)}
[data-overlay="about"] .ab-links{margin-top:12px}
[data-overlay="about"] .ab-foot{margin:28px 0 4px;text-align:center;font-size:12px;font-weight:700;color:var(--faint)}

/* ───── Squircle: to'rtburchak sirtlar ───── */
@supports (corner-shape:squircle){
  [data-overlay="settings"] .st-acc,[data-overlay="settings"] .st-status,[data-overlay="settings"] .cell-art,[data-overlay="settings"] .st-time,
  [data-overlay="profile"] .pf-goal,[data-overlay="about"] .ab-icon,[data-overlay="about"] .ab-warn,[data-overlay="account"] .ac-offline{corner-shape:squircle}
}

/* ───── Harakatni kamaytirish ───── */
@media (prefers-reduced-motion:reduce){
  [data-overlay="settings"] .st-view--fwd,[data-overlay="settings"] .st-view--back{animation:none}
  [data-overlay="settings"] .st-dot--syncing{animation:none}
}
:root[data-motion="reduce"] [data-overlay="settings"] .st-view--fwd,
:root[data-motion="reduce"] [data-overlay="settings"] .st-view--back,
:root[data-motion="reduce"] [data-overlay="settings"] .st-dot--syncing{animation:none}