/* =====================================================================
   20 · LIQUID GLASS · iOS — единая визуальная система
   Подключается ПОСЛЕДНЕЙ. Меняет только внешний вид (цвет, стекло, тени,
   типографика, анимации). Экраны, тексты, структура и логика не тронуты.
   Иерархия стекла:  1 — основная (сильное)  ·  2 — вторичная  ·  3 — почти прозрачная
   ===================================================================== */

/* ---------- 1. ТОКЕНЫ ---------- */
:root{
  --bg:#F3F8FD;  --bg-2:#EAF3FB;
  --accent:#69B7F5;  --accent-deep:#3E9DEB;
  --blue-soft:#B9DDF9;  --blue-pale:#E4F0FC;  --blue-pale:#E4F2FC;
  --text:#14233F;  --text-2:#71839A;  --text-3:#A8B7C8;

  --glass-1:rgba(255,255,255,.78);   /* сильное */
  --glass-2:rgba(255,255,255,.62);   /* обычное */
  --glass-3:rgba(255,255,255,.40);   /* почти прозрачное */
  --glass-border:rgba(255,255,255,.75);
  --glass-border-strong:rgba(255,255,255,.88);
  --glow:rgba(105,183,245,.25);

  --blur:blur(24px) saturate(1.35);
  --blur-strong:blur(30px) saturate(1.45);
  --hl:inset 0 1px 0 rgba(255,255,255,.85);
  --sh-1:0 12px 34px rgba(60,100,135,.11), var(--hl);
  --sh-2:0 8px 26px rgba(60,100,135,.08), var(--hl);
  --sh-3:0 4px 14px rgba(60,100,135,.06), var(--hl);
  --sh-pressed:inset 0 2px 6px rgba(50,110,170,.20);
  --focus-ring:0 0 0 3px rgba(105,183,245,.30);

  --btn-grad:linear-gradient(180deg,#83C7F8 0%,#5EAEF1 100%);
  --btn-shadow:0 8px 20px rgba(75,160,230,.22), inset 0 1px 0 rgba(255,255,255,.55);
  --ease:cubic-bezier(.22,.8,.24,1);
  --t:.2s var(--ease);

  /* радиусы */
  --r-ctl:16px; --r-btn:20px; --r-card:24px; --r-hero:28px; --r-nav:28px;

  /* перекрытие прежних переменных приложения */
  --cream:var(--bg);
  --ink:var(--text);
  --navy:var(--text);
  --muted:var(--text-2);
  --white:var(--glass-2);
  --purple:var(--accent);
  --purple-dark:var(--accent-deep);
  --purple-light:rgba(105,183,245,.16);
  --lime:var(--blue-soft);
  --lime-dark:var(--accent-deep);
  --progress-blue:var(--accent);
  --mint:#75BDF4;
  --mint-dark:#4BA3E8;
  --mint-light:rgba(105,183,245,.16);
  --sun:var(--blue-soft);
  --sun-dark:var(--accent-deep);
  --sun-light:rgba(105,183,245,.12);
  --coral:#8EC4F2;
  --coral-dark:#4BA3E8;
  --pink:#8FA7C7;
  --gold-cell:rgba(105,183,245,.12);
  --gold-cell-dark:var(--accent-deep);
  --shadow:var(--sh-2);
  --radius:var(--r-card);
}

/* ---------- 2. ФОН: ледяная среда с мягкими источниками света ---------- */
html{ background:var(--bg); }
body{
  color:var(--text);
  background:
    radial-gradient(circle at 20% 8%, rgba(255,255,255,.95), transparent 35%),
    radial-gradient(circle at 92% 38%, rgba(126,195,246,.18), transparent 36%),
    radial-gradient(circle at 8% 78%, rgba(150,208,248,.14), transparent 38%),
    linear-gradient(180deg,#F3F8FD 0%,#EAF3FB 100%);
  background-attachment:fixed;
}
/* мягкие размытые «капли» за стеклом, чтобы прозрачность была видна */
body::before, body::after{
  content:''; position:fixed; z-index:-1; pointer-events:none; border-radius:50%; filter:blur(48px);
}
body::before{ width:280px; height:280px; left:-90px; top:140px; background:rgba(120,190,246,.22); }
body::after{ width:320px; height:320px; right:-120px; bottom:120px; background:rgba(160,210,250,.28); }
html:has(#view-meditation.active), body:has(#view-meditation.active), body:has(#view-meditation.active) .app{ background:transparent; }
body:has(#view-meditation.active){ background:linear-gradient(180deg,#F3F8FD,#EAF3FB); }

.app, body.tg-mini-app .app{ padding-left:20px; padding-right:20px; }

/* ---------- 3. ТИПОГРАФИКА ---------- */
:root:root body *{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Segoe UI',Roboto,'Manrope',sans-serif !important;
}
h1,h2,h3,h4{ color:var(--text); font-weight:700; letter-spacing:-.02em; }
.page-head h2{ font-size:28px; font-weight:750; }
.section-label, .empty-hint, .wk-empty{ color:var(--text-2); }
.stat .num{ font-size:26px; font-weight:750; color:var(--text); letter-spacing:-.02em; }
.stat .label{ color:var(--text-2); font-weight:600; letter-spacing:.03em; }
.page-head p, .page-head .sub{ color:var(--text-2); }

/* ---------- 4. СТЕКЛЯННЫЕ ПОВЕРХНОСТИ ---------- */
/* уровень 1 — основные карточки */
.card-block, .wk-card, .details-card, .bingo-reward-modal, .subscription-card, .subscription-modal-card,
.archive-empty, .profile-card, .habit-card{
  background:var(--glass-2);
  -webkit-backdrop-filter:var(--blur); backdrop-filter:var(--blur);
  border:1px solid var(--glass-border);
  border-radius:var(--r-card);
  box-shadow:var(--sh-1);
}
.wk-card{ background:var(--glass-1); }
/* уровень 2 — вторичные */
.tile, .stat, .challenge-card, .archive-card, .home-extra-btn, .icon-quad-btn, .badge-item, .brain-dump-item,
.planb-row, .habit-stat-box, .archive-note-card, .archive-task-card, .bal-row, .table-mock .trow,
.focus-tabs, .week-cal-days, .quest-card, .task-card, .tl-card, .sound-chip, .bingo-cell{
  background:var(--glass-2);
  -webkit-backdrop-filter:var(--blur); backdrop-filter:var(--blur);
  border:1px solid var(--glass-border);
  border-radius:var(--r-card);
  box-shadow:var(--sh-2);
}
.stat{ border-radius:20px; background:rgba(255,255,255,.68); }
.badge-item{ border-radius:18px; box-shadow:var(--sh-3); }
.home-extra-btn, .icon-quad-btn{ border-radius:22px; }
/* внутри карточек — лёгкие (уровень 3) */
.card-block .deck-item, .wk-card .deck-item, .card-block .challenge-card{
  background:var(--glass-3); box-shadow:none; border-radius:var(--r-ctl);
}
.home-challenge{ border-top-color:rgba(113,131,154,.14); }

/* контейнеры иконок: тонкое голубое стекло */
.home-extra-emoji, .challenge-emoji, .home-challenge-emoji, .section-icon, .wk-icon-wrap, .tile .emoji,
.modal-banner-icon, .subscription-icon, .profile-icon-subscription, .icon-quad-btn .icon-quad-emoji{
  background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(185,221,249,.55)) !important;
  border:1px solid var(--glass-border-strong); border-radius:var(--r-ctl);
  box-shadow:0 4px 12px rgba(75,140,200,.12), var(--hl);
}
.home-extra-emoji{ width:46px; height:46px; display:inline-flex; align-items:center; justify-content:center; font-size:23px; color:var(--accent-deep); }
.wk-pill, .level-pill, .tl-pill, .habit-streak-badge{
  background:rgba(105,183,245,.16); color:var(--accent-deep); border:1px solid rgba(255,255,255,.7); box-shadow:none;
}
.avatar{
  background:linear-gradient(145deg,#D4EBFC,#9DCDF7) !important; color:var(--text) !important;
  border:1px solid rgba(255,255,255,.85); box-shadow:var(--sh-3);
}

/* ---------- 5. КНОПКИ ---------- */
button, .nav-btn, .home-extra-btn, .icon-quad-btn, .tile{ transition:transform var(--t), box-shadow var(--t), background var(--t), filter var(--t), color var(--t); }
/* основные */
button.primary, .mini-btn, .wk-draw-btn, .challenge-take-btn, .challenge-checkin-btn, .home-challenge-btn,
.challenge-add-mini, .quest-add-row button, .deck-add button, .brain-dump-add, .archive-note-save,
.reward-primary, .primary-btn, .lime-btn, .planb-entry-btn{
  background:var(--btn-grad); color:#fff;
  border:1px solid rgba(255,255,255,.6); border-radius:var(--r-btn);
  box-shadow:var(--btn-shadow);
  font-weight:700; text-shadow:0 1px 1px rgba(30,100,170,.18);
}
button.primary, .lime-btn, .planb-entry-btn{ border-radius:20px; padding-top:15px; padding-bottom:15px; }
.planb-entry-btn *{ color:#fff; } .planb-entry-icon svg{ stroke:#fff; }
@media (hover:hover){
  button.primary:hover, .mini-btn:hover, .wk-draw-btn:hover, .challenge-take-btn:hover, .lime-btn:hover{ filter:brightness(1.06); }
}
button.primary:active, .mini-btn:active, .wk-draw-btn:active, .challenge-take-btn:active, .challenge-checkin-btn:active,
.home-challenge-btn:active, .challenge-add-mini:active, .quest-add-row button:active, .deck-add button:active,
.lime-btn:active, .planb-entry-btn:active{
  transform:scale(.97); filter:brightness(.95); box-shadow:var(--sh-pressed), 0 2px 6px rgba(75,160,230,.18);
}
/* вторичные: стекло + синий текст */
.mini-btn.ghost, .home-challenge-btn.drop, .challenge-drop-btn, .wk-ic-main, .wk-ic-btn, .dur-chip, .day-chip,
.breath-pattern-tab, .planb-select-btn, .seg, .focus-tab, .palette-card:not(.active), .sound-chip, .reward-secondary,
#view-meditation .dur-chips .dur-chip{
  background:rgba(255,255,255,.60); color:var(--accent-deep);
  -webkit-backdrop-filter:var(--blur); backdrop-filter:var(--blur);
  border:1px solid var(--glass-border); border-radius:var(--r-btn); box-shadow:var(--sh-3);
  font-weight:600; text-shadow:none;
}
.wk-ic-btn{ border-radius:var(--r-ctl); }
.challenge-drop-btn, .home-challenge-btn.drop{ color:var(--text-2); }
button.ghost{ color:var(--text-2); }
@media (hover:hover){
  .mini-btn.ghost:hover, .wk-ic-main:hover, .wk-ic-btn:hover, .dur-chip:hover, .seg:hover, .focus-tab:hover, .sound-chip:hover{ background:rgba(255,255,255,.82); }
}
.mini-btn.ghost:active, .wk-ic-main:active, .wk-ic-btn:active, .dur-chip:active, .seg:active, .focus-tab:active, .sound-chip:active{
  transform:scale(.97); background:rgba(105,183,245,.22); box-shadow:var(--sh-pressed);
}
/* активные = голубое полупрозрачное */
.dur-chip.active, .day-chip.active, .breath-pattern-tab.active, .planb-select-btn.selected, .sound-chip.active,
.seg.active, #view-archive .seg.active, .focus-tab.active, #view-meditation .dur-chips .dur-chip.active,
.month-cal-cell.selected, .cal-day.selected .num{
  background:rgba(105,183,245,.24) !important; color:var(--accent-deep) !important;
  border-color:rgba(255,255,255,.85); box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 4px 12px rgba(105,183,245,.22);
  font-weight:700;
}
.cal-day.selected .num, .month-cal-cell.selected{ background:var(--btn-grad) !important; color:#fff !important; }
/* выполнено: синяя галочка + приглушённый текст */
.challenge-checkin-btn.done, .home-challenge-btn.done, .challenge-checkin-btn:disabled, .home-challenge-btn:disabled{
  background:rgba(105,183,245,.18); color:var(--accent-deep); text-shadow:none;
  box-shadow:inset 0 1px 3px rgba(60,120,180,.12); border-color:rgba(255,255,255,.7); opacity:1;
}
.wk-text.done, .task-done{ color:var(--text-3); }
.cell-check.done, .brain-dump-item.done .brain-dump-check, .tl-check.checked, .wellness-bool-dot.active{
  background:var(--accent) !important; border-color:var(--accent) !important; color:#fff; box-shadow:0 0 10px var(--glow);
}
button:disabled, .disabled{ opacity:.5; }
/* фокус */
button:focus-visible, input:focus, select:focus, textarea:focus{ outline:none; box-shadow:var(--focus-ring); }

/* кнопки-иконки: круглые/скруглённые стеклянные */
.icon-btn, .hgear, .tl-settings-btn, .modal-close, .focus-icon-btn, .focus-reset, .focus-skip,
#view-focus .focus-controls > button:not(.primary), .brain-dump-voice, .details-voice, .tl-nav-btn, .cal-nav-btn{
  background:rgba(255,255,255,.65); color:var(--accent-deep);
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.8); box-shadow:0 6px 18px rgba(70,110,145,.10), var(--hl);
}
.hgear svg, .tl-settings-btn svg{ color:var(--accent-deep); }

/* ---------- 6. ПОЛЯ ВВОДА ---------- */
.field input, .field select, .field textarea,
.modal-body input[type=text], .modal-body input[type=search], .modal-body input[type=number],
.modal-body input[type=date], .modal-body input[type=time], .modal-body select, .modal-body textarea,
.reminder-details-body input[type=text], .reminder-details-body input[type=date], .reminder-details-body input[type=time],
.reminder-details-body select, .reminder-details-body textarea,
.quest-add-row input, .deck-add input, .brain-dump-input-row input, .brain-dump-input-row textarea{
  background:rgba(255,255,255,.55); color:var(--text);
  border:1px solid rgba(255,255,255,.85); border-radius:18px;
  box-shadow:inset 0 1px 4px rgba(60,100,140,.10);
  transition:box-shadow var(--t), background var(--t);
}
.field input:focus, .quest-add-row input:focus, .deck-add input:focus{ background:rgba(255,255,255,.8); }
.focus-task-input{ background:none !important; border:none !important; box-shadow:none !important; color:var(--text-2); }
input::placeholder, textarea::placeholder{ color:var(--text-3); }
.field label{ color:var(--text-2); font-weight:600; }
input[type=checkbox], input[type=radio], input[type=range]{ accent-color:var(--accent-deep); }
input[type=checkbox]:checked{ animation:gl-pop .22s var(--ease); }
@keyframes gl-pop{ 0%{transform:scale(.8)} 60%{transform:scale(1.08)} 100%{transform:scale(1)} }

/* ---------- 7. БОЛЬШАЯ КАРТА ПРОГРЕССА ---------- */
.progress-card, .profile-rank-card, .day-level-card{
  background:linear-gradient(135deg,rgba(118,191,244,.82),rgba(163,215,249,.65));
  -webkit-backdrop-filter:var(--blur-strong); backdrop-filter:var(--blur-strong);
  border:1px solid rgba(255,255,255,.65); border-radius:var(--r-hero); color:#fff;
  box-shadow:0 14px 36px rgba(75,150,215,.22), inset 0 1px 0 rgba(255,255,255,.7), inset 0 -20px 40px rgba(255,255,255,.10);
  position:relative; overflow:hidden;
}
.progress-card::before, .profile-rank-card::before, .day-level-card::before{
  content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
  background:linear-gradient(160deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,0) 42%);
}
.progress-card > *, .profile-rank-card > *, .day-level-card > *{ position:relative; }
.progress-card-pct, .progress-card-label, .progress-card-date{ color:#fff; text-shadow:0 1px 12px rgba(40,110,180,.30); }
.progress-card-pct{ font-weight:750; }
.progress-card-brain-btn{
  background:rgba(255,255,255,.28); color:#fff; border:1px solid rgba(255,255,255,.6); border-radius:var(--r-btn);
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 4px 12px rgba(50,120,190,.18);
}
.progress-check-icon{ background:rgba(255,255,255,.92); color:var(--accent-deep); border:1px solid #fff; box-shadow:0 2px 8px rgba(40,110,180,.2); }
.progress-ring-wrap{ border-radius:50%; }
.progress-ring-bg{ stroke:rgba(255,255,255,.34); }
.progress-ring-fg{ stroke:#fff; filter:drop-shadow(0 0 6px rgba(255,255,255,.75)); }
.progress-ring-center{
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.34),rgba(255,255,255,.08));
  border-radius:50%; box-shadow:inset 0 2px 10px rgba(40,110,180,.18), inset 0 1px 0 rgba(255,255,255,.55);
}
.level-pill{ color:var(--accent-deep); background:rgba(255,255,255,.85); }

/* ---------- 8. ПРОГРЕСС-БАРЫ, КОЛЬЦА ---------- */
.challenge-progress-outer, .progress-outer, .wellness-bar-bg{
  background:rgba(113,131,154,.14); border-radius:10px; box-shadow:inset 0 1px 3px rgba(60,100,140,.12);
}
.challenge-progress-inner, .progress-inner{
  background:linear-gradient(90deg,rgba(118,191,244,.9),rgba(105,183,245,.95)); border-radius:10px;
  box-shadow:0 0 10px var(--glow); transition:width .5s var(--ease);
}
.profile-rank-card .progress-outer{ background:rgba(255,255,255,.35); }
.profile-rank-card .progress-inner{ background:rgba(255,255,255,.92); box-shadow:0 0 10px rgba(255,255,255,.6); }
.archive-ring{ background:conic-gradient(var(--accent) var(--pct),rgba(113,131,154,.16) 0); box-shadow:var(--sh-3); }
.archive-ring:after{ background:rgba(255,255,255,.9); }

/* ---------- 9. ФОКУС / ПОМОДОРО — стеклянный объект ---------- */
.focus-ring-wrap{
  border-radius:50%; background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.75),rgba(255,255,255,.35) 60%,rgba(185,221,249,.30));
  -webkit-backdrop-filter:blur(26px) saturate(1.4); backdrop-filter:blur(26px) saturate(1.4);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 0 35px rgba(105,183,245,.22), 0 14px 40px rgba(60,100,135,.10), inset 0 2px 0 rgba(255,255,255,.9), inset 0 -10px 30px rgba(105,183,245,.10);
}
.focus-ring-bg{ stroke:rgba(255,255,255,.65); }
.focus-ring-fg{ stroke:url(#gl-ring-grad); filter:drop-shadow(0 0 7px rgba(105,183,245,.55)); transition:stroke-dashoffset .6s var(--ease); }
#view-focus .stat, #view-focus .stat .num, #view-focus .stat .label{ color:var(--text); }
#view-focus .stat .label{ color:var(--text-2); }
#view-focus .stat{ background:rgba(255,255,255,.68); }
.focus-tabs{ border-radius:20px; background:var(--glass-2); }
.focus-tab{ box-shadow:none; background:transparent; border-color:transparent; }

/* ---------- 10. НИЖНЯЯ НАВИГАЦИЯ — плавающий стеклянный док ---------- */
.bottom-nav, body.tg-mini-app .bottom-nav, body.tg-mini-app.tg-fullscreen.tg-meditation-view .bottom-nav{
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(30px) saturate(1.5); backdrop-filter:blur(30px) saturate(1.5);
  border:1px solid rgba(255,255,255,.85); border-radius:var(--r-nav);
  box-shadow:0 12px 40px rgba(50,90,125,.15), inset 0 1px 0 rgba(255,255,255,.9);
}
.nav-btn, body.tg-mini-app.tg-fullscreen.tg-meditation-view .bottom-nav .nav-btn{ color:#7D8EA3; border-radius:22px; }
.nav-btn.active, body.tg-mini-app.tg-fullscreen.tg-meditation-view .bottom-nav .nav-btn.active{
  color:var(--accent-deep); background:rgba(105,183,245,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 2px 10px rgba(105,183,245,.16);
}
.nav-btn .nav-icon{ transition:transform var(--t); }
.nav-btn.active .nav-icon{ transform:translateY(-1px) scale(1.06); }
.nav-btn .nav-label{ font-weight:600; }

/* ---------- 11. МОДАЛКИ ---------- */
.modal-overlay{ background:rgba(20,35,63,.22); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.modal-sheet, .reminder-details-sheet{
  background:linear-gradient(180deg,rgba(243,248,253,.92),rgba(234,243,251,.94));
  -webkit-backdrop-filter:var(--blur-strong); backdrop-filter:var(--blur-strong);
}
.modal-body, .reminder-details-body{ background:transparent; }
.modal-banner{ background:rgba(255,255,255,.55); color:var(--text); border-bottom:1px solid rgba(255,255,255,.8); -webkit-backdrop-filter:var(--blur); backdrop-filter:var(--blur); }
.modal-banner h2, .modal-banner div{ color:var(--text) !important; }
.app-toast{ background:rgba(20,35,63,.88); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); border-radius:20px; box-shadow:0 14px 34px rgba(20,35,63,.25); }

/* ---------- 12. «МЕДИТАЦИЯ» — тот же светлый стеклянный стиль ---------- */
#view-meditation, body.tg-mini-app.tg-fullscreen.tg-meditation-view #view-meditation{ background:transparent; }
body.tg-mini-app.tg-fullscreen.tg-meditation-view, html.tg-mini-app.tg-fullscreen.tg-meditation-view,
body.tg-mini-app.tg-fullscreen.tg-meditation-view .app, body.tg-mini-app.tg-fullscreen.tg-meditation-view #tg-top-shield{ background:transparent; }
#view-meditation h2, .breath-timer, .breath-phase-label{ color:var(--text); }
#view-meditation > p{ color:var(--text-2) !important; }
#view-meditation .section-label{ color:var(--text-2); }
#view-meditation .back{ background:rgba(255,255,255,.65); color:var(--accent-deep); border:1px solid rgba(255,255,255,.8); box-shadow:var(--sh-3); }
#view-meditation .habit-stat-box{ background:var(--glass-2); }
#view-meditation .habit-stat-box .num{ color:var(--text); }
#view-meditation .habit-stat-box .label{ color:var(--text-2); }
.breath-circle{
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.95),rgba(185,221,249,.75) 60%,rgba(105,183,245,.55));
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 0 50px rgba(105,183,245,.35), 0 16px 40px rgba(60,100,135,.14), inset 0 2px 0 rgba(255,255,255,.95), inset 0 -14px 34px rgba(105,183,245,.22);
}

/* ---------- 13. КАРТОЧКИ НЕДЕЛИ, КАЛЕНДАРИ, ПРОЧЕЕ ---------- */
.wk-eyebrow{ color:var(--accent-deep); }
.week-cards-row .wk-card-compact{ --wk-tint:rgba(105,183,245,.16); --wk-accent:var(--accent-deep); }
.wk-ic-count{ background:var(--accent); box-shadow:0 0 8px var(--glow); }
.card-hero, .card-hero-sun, .card-hero-purple, .card-hero-mint, .card-hero-coral, .card-hero-pink{
  background:linear-gradient(135deg,rgba(118,191,244,.85),rgba(163,215,249,.7)); color:#fff;
  border:1px solid rgba(255,255,255,.6); border-radius:var(--r-card); box-shadow:var(--sh-2);
}
.timeline-dot, .cal-day.has-tasks .dot{ background:var(--accent); }
.tl-line{ background:rgba(113,131,154,.18); }
hr, .hr{ border-color:rgba(113,131,154,.16); }
.palette-card{ border-radius:22px; }
.archive-empty p{ color:var(--text-2); } .archive-empty{ color:var(--text); }

/* ---------- 14. МИКРОАНИМАЦИИ (тонкие) ---------- */
.view.active{ animation:gl-view .26s var(--ease); }
@keyframes gl-view{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }
.home-extra-btn:active, .icon-quad-btn:active, .tile:active{ transform:scale(.97); }
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; }
}

/* компактнее блок челленджей на главной при боковых полях 20px */
#home-challenges-block .home-challenge{ gap:8px; }
#home-challenges-block .home-challenge-btn{ padding:7px 10px; font-size:11.5px; }
#home-challenges-block .home-challenge-actions{ gap:5px; }
#home-challenges-block .home-challenge-title{ font-size:13px; }