/* Функциональные доработки в классическом (синем) стиле */
.brain-dump-item{ align-items:center; }
.brain-dump-check{ width:26px; height:26px; flex:0 0 26px; padding:0; font-size:14px; }
.brain-dump-item.done{ opacity:.75; }
.reminder-details-body{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:12px 0 24px; }
.details-footer{ flex:0 0 auto; background:var(--cream,#F4F7FA); }
body.tg-mini-app .reminder-details-sheet{ padding-top:0 !important; max-height:100%; }
.reminder-details-head{ padding-top:calc(var(--tg-content-top,0px) + 12px) !important; }
.details-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.details-chip{ border:0; background:#EEF2F8; color:var(--ink,#14233f); font:700 13px 'Manrope',sans-serif; padding:8px 12px; border-radius:999px; cursor:pointer; }
.details-chip.active{ background:var(--purple,#3478F6); color:#fff; }
.details-chip.flag-low span{ color:#6FB3C2; } .details-chip.flag-medium span{ color:#E0B93A; } .details-chip.flag-high span{ color:#E5675A; }
.details-schedule-btn{ display:flex; align-items:center; justify-content:center; gap:8px; width:calc(100% - 28px); margin:12px 14px 0; min-height:46px; border:0; border-radius:16px; background:#fff; color:var(--purple,#3478F6); font:800 15px 'Manrope',sans-serif; box-shadow:0 1px 5px rgba(20,30,60,.06); cursor:pointer; }
.planb-heart{ width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; }
.hearts-row-lg{ flex-wrap:wrap; gap:8px 6px; }
.planb-heart svg{ width:30px; height:30px; fill:#F05A67; stroke:#C7364A; stroke-width:1.5px; stroke-linejoin:round; }
.planb-heart.spent svg{ fill:none; stroke:#C9CFDA; }
.stats{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:10px; }
.stats.wrap-4{ grid-auto-flow:row; grid-template-columns:repeat(2,minmax(0,1fr)); }
.stats .stat{ min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.stats .stat .num{ white-space:nowrap; }
.timeblock-row{ grid-template-columns:52px minmax(0,1fr) 10px minmax(0,1fr) 44px !important; gap:6px !important; }
.timeblock-row input[type=time]{ width:100% !important; min-width:0 !important; box-sizing:border-box; }
.timeblock-row input[type=color]{ box-sizing:border-box; }
.subscription-gate{ align-items:flex-start; overflow-y:auto; padding:0; }
.subscription-gate-card{ width:100%; max-width:480px; margin:0 auto; box-sizing:border-box; text-align:left; background:transparent; box-shadow:none; padding:calc(var(--tg-content-top,56px) + 16px) 20px 28px; }
.subscription-gate-icon{ width:56px; height:56px; border-radius:18px; background:#EAF1FF; display:flex; align-items:center; justify-content:center; font-size:28px; margin-bottom:14px; }
.sg-label{ font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin:22px 2px 10px; }
.sg-features{ list-style:none; margin:0; padding:6px 14px; background:#fff; border-radius:22px; box-shadow:0 1px 8px rgba(20,30,60,.06); }
.sg-features li{ display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #EEF1F6; }
.sg-features li:last-child{ border-bottom:0; }
.sg-ico{ width:40px; height:40px; border-radius:13px; background:#EAF1FF; display:flex; align-items:center; justify-content:center; font-size:20px; flex:0 0 40px; }
.sg-features b{ display:block; font-size:15px; } .sg-features small{ display:block; font-size:12.5px; color:var(--muted); margin-top:2px; }
.sg-plans{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sg-plan{ position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; padding:22px 10px 16px; background:#fff; border:1.5px solid #E3E7F0; border-radius:22px; font-family:'Manrope',sans-serif; color:var(--ink); cursor:pointer; }
.sg-plan.best{ background:var(--purple,#3478F6); border-color:var(--purple,#3478F6); color:#fff; }
.sg-plan-name{ font-size:14px; font-weight:700; } .sg-plan-price{ font-size:26px; font-weight:800; white-space:nowrap; } .sg-plan-per{ font-size:12.5px; opacity:.75; }
.sg-badge{ position:absolute; top:-10px; left:50%; transform:translateX(-50%); background:#FFD866; color:#14233f; font-size:11px; font-weight:800; padding:4px 10px; border-radius:999px; white-space:nowrap; }
.sg-save{ text-align:center; font-size:12.5px; color:var(--muted); margin:12px 6px 0; }
.subscription-gate-note{ text-align:center; }

/* ===== v2: жидкое стекло с градиентом ===== */
/* круг прогресса крупнее */
.progress-ring-wrap{ width:136px !important; height:136px !important; }
.progress-ring-num{ font-size:36px !important; line-height:1; }
.progress-ring-label{ font-size:12px !important; font-weight:800; margin-top:4px; }
.progress-ring-fg, .progress-ring-bg{ stroke-width:9; }

/* цветные поверхности: градиент + стеклянный блик */
.progress-card, .day-level-card, .level-card, .profile-rank-card{
  background:linear-gradient(140deg,#8CCBFA 0%,#69B7F5 45%,#9D9BF3 100%) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 14px 34px rgba(76,150,230,.28), inset 0 1px 0 rgba(255,255,255,.7), inset 0 -10px 24px rgba(255,255,255,.10) !important;
  position:relative; overflow:hidden;
}
.progress-card::before, .day-level-card::before{
  content:''; position:absolute; left:-10%; top:-40%; width:120%; height:80%;
  background:radial-gradient(ellipse at 30% 40%, rgba(255,255,255,.38), rgba(255,255,255,0) 65%); pointer-events:none;
}
.progress-card > *, .day-level-card > *{ position:relative; }
button.primary, .mini-btn:not(.ghost), .wk-draw-btn, .brain-dump-add, .challenge-take-btn, .lime-btn{
  background:linear-gradient(135deg,#8CCBFA 0%,#5EAEF1 55%,#8E9CF2 100%) !important;
  box-shadow:0 8px 20px rgba(76,150,230,.32), inset 0 1px 0 rgba(255,255,255,.65) !important;
}
.nav-btn.active{ background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(140,203,250,.35)) !important; box-shadow:0 6px 16px rgba(76,150,230,.22), inset 0 1px 0 #fff !important; }
.level-pill, .day-level-pct{ background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.7)); }

/* кнопки внутри карточек недели: стеклянные с градиентом */
.wk-ic-main, .wk-ic-btn{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(190,222,252,.55)) !important;
  border:1px solid rgba(255,255,255,.8); color:var(--accent-deep) !important;
  box-shadow:0 4px 12px rgba(76,150,230,.16), inset 0 1px 0 #fff;
}
.wk-ic-main.is-done{ background:linear-gradient(135deg,#8CCBFA,#5EAEF1) !important; color:#fff !important; }
.wk-card-fate .wk-card-body .wk-ic-row{ margin-top:12px; }
.wk-ic-count{ background:linear-gradient(135deg,#8CCBFA,#5EAEF1); }

/* ===== v2: строка ввода в дампе мозга ===== */
.brain-dump-composer{ background:transparent !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; padding:8px 0 4px; }
.brain-dump-input-row{
  gap:8px; padding:7px 7px 7px 18px; min-height:60px; border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(235,245,255,.85));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 12px 30px rgba(76,150,230,.20), inset 0 1px 0 #fff;
}
.brain-dump-input-row input{ background:transparent !important; border:0 !important; box-shadow:none !important; font-size:16px !important; padding:10px 0 !important; min-height:0 !important; height:44px; }
.brain-dump-mic{ width:46px; height:46px; border-radius:16px; background:rgba(105,183,245,.16); font-size:20px; }
.brain-dump-add{ width:46px; height:46px; border-radius:16px; font-size:26px; line-height:1; padding:0; }

/* ===== v2: название напоминания показывается целиком ===== */
.details-title-ta{ resize:none; overflow:hidden; min-height:0 !important; height:auto; line-height:1.35; font-size:16px; font-weight:600; padding:4px 0 !important; white-space:pre-wrap; overflow-wrap:anywhere; background:transparent !important; border:0 !important; box-shadow:none !important; width:100%; font-family:'Manrope',sans-serif; color:var(--ink,#14233f); }

/* ===== v3: Самочувствие — единый стиль ===== */
#view-wellness .card-hero{
  background:none !important; box-shadow:none !important; border:0 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  display:flex; align-items:center; gap:12px; padding:0 0 14px !important; margin:0; color:var(--ink); border-radius:0; min-height:0;
}
#view-wellness .card-hero::before, #view-wellness .card-hero::after{ display:none !important; }
#view-wellness .card-hero-icon{
  width:40px; height:40px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:21px; flex:0 0 40px;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(190,222,252,.55)); border:1px solid #fff; box-shadow:0 4px 12px rgba(76,150,230,.16);
}
#view-wellness .card-hero-title{ flex:1; font-family:'Manrope',sans-serif; font-size:17px; font-weight:800; color:var(--ink) !important; text-shadow:none; }
#view-wellness .card-hero-del{ width:30px; height:30px; border-radius:50%; background:rgba(105,183,245,.14); color:var(--accent-deep,#3E9DEB); display:flex; align-items:center; justify-content:center; font-size:13px; position:static; cursor:pointer; }
#view-wellness .card-block{ padding:18px 16px 18px; }

/* настроение: пять мягких кружков, без градиентной полосы */
#view-wellness .mood-row{ display:grid; grid-template-columns:repeat(5,1fr); gap:6px; }
#view-wellness .mood-item{ display:flex; flex-direction:column; align-items:center; gap:7px; cursor:pointer; min-width:0; }
#view-wellness .mood-item .mood-circle{
  width:100%; max-width:58px; aspect-ratio:1; height:auto; font-size:28px; opacity:1 !important; background:rgba(255,255,255,.9) !important;
  border:1px solid #fff; box-shadow:0 4px 14px rgba(76,150,230,.14), inset 0 1px 0 #fff; filter:grayscale(.55); transition:all .18s;
}
#view-wellness .mood-item.active .mood-circle{
  background:linear-gradient(145deg,#A9D9FC,#8CCBFA 45%,#A9A7F5) !important; filter:none; transform:scale(1.08);
  box-shadow:0 10px 22px rgba(76,150,230,.35), inset 0 1px 0 rgba(255,255,255,.8);
}
#view-wellness .mood-item .mood-label{ font-size:11px; font-weight:700; }
#view-wellness .mood-item.active .mood-label{ color:var(--accent-deep,#3E9DEB); }
#view-wellness .mood-gradient-hit{ display:none; }

/* эмоции: аккуратные пилюли */
#view-wellness .emotion-grid{ display:flex; flex-wrap:wrap; gap:8px; }
#view-wellness .emotion-chip{
  flex-direction:row; align-items:center; gap:7px; padding:9px 14px 9px 11px; border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(225,238,252,.7)); border:1px solid #fff; box-shadow:0 3px 10px rgba(76,150,230,.10);
}
#view-wellness .emotion-chip .emoji{ font-size:17px; line-height:1; }
#view-wellness .emotion-chip .label{ font-size:13px; font-weight:700; color:var(--ink); }
#view-wellness .emotion-chip.active{ background:linear-gradient(135deg,#8CCBFA,#5EAEF1 60%,#8E9CF2); border-color:rgba(255,255,255,.7); box-shadow:0 8px 18px rgba(76,150,230,.30), inset 0 1px 0 rgba(255,255,255,.6); }
#view-wellness .emotion-chip.active .label{ color:#fff; }

/* ползунки оценки */
#view-wellness .rating-row{ gap:14px; }
#view-wellness input[type=range]{ -webkit-appearance:none; appearance:none; height:10px; border-radius:999px; background:linear-gradient(90deg,#BFE1FC,#8CCBFA 55%,#A9A7F5); outline:none; padding:0; border:0; box-shadow:inset 0 1px 2px rgba(60,120,190,.2); min-height:0; }
#view-wellness input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; width:28px; height:28px; border-radius:50%; background:#fff; border:2px solid #8CCBFA; box-shadow:0 4px 12px rgba(76,150,230,.35); }
#view-wellness .rating-label{ min-width:58px; text-align:center; padding:7px 10px; border-radius:999px; background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(225,238,252,.7)); border:1px solid #fff; font-family:'Manrope',sans-serif; font-weight:800; font-size:15px; color:var(--accent-deep,#3E9DEB); }

/* трекеры «отмечено сегодня» */
#view-wellness .chk{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-direction:row-reverse; width:100%; font-weight:700; font-size:15px; padding:6px 0 12px; }
#view-wellness .chk input[type=checkbox]{ -webkit-appearance:none; appearance:none; width:51px; height:31px; border-radius:20px; background:#D5DAE3; position:relative; flex:0 0 51px; transition:.18s; margin:0; border:0; }
#view-wellness .chk input[type=checkbox]::after{ content:''; position:absolute; width:25px; height:25px; border-radius:50%; background:#fff; left:3px; top:3px; box-shadow:0 1px 4px rgba(0,0,0,.2); transition:.18s; }
#view-wellness .chk input[type=checkbox]:checked{ background:linear-gradient(135deg,#8CCBFA,#5EAEF1); }
#view-wellness .chk input[type=checkbox]:checked::after{ left:23px; }
#view-wellness textarea{ width:100% !important; box-sizing:border-box; border-radius:16px; padding:12px 14px; }

/* ===== v3: уведомления по центру ===== */
.app-toast{
  position:fixed !important; left:50% !important; top:50% !important; bottom:auto !important; width:max-content; max-width:min(82vw,340px);
  transform:translate(-50%,-46%) scale(.92) !important; opacity:0; pointer-events:none; text-align:center;
  padding:18px 24px !important; border-radius:24px !important; font-size:15px !important; font-weight:700 !important; line-height:1.35;
  color:var(--ink,#14233f) !important; text-shadow:none !important;
  background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(214,234,252,.9)) !important;
  border:1px solid rgba(255,255,255,.95); backdrop-filter:blur(24px) saturate(1.4); -webkit-backdrop-filter:blur(24px) saturate(1.4);
  box-shadow:0 22px 60px rgba(40,100,170,.28), 0 0 0 6px rgba(140,203,250,.18), inset 0 1px 0 #fff !important;
  transition:opacity .22s, transform .28s cubic-bezier(.2,1.2,.3,1) !important; z-index:100000;
}
.app-toast::before{ content:''; display:block; width:36px; height:4px; border-radius:4px; margin:0 auto 10px; background:linear-gradient(90deg,#8CCBFA,#A9A7F5); }
.app-toast.show{ opacity:1; transform:translate(-50%,-50%) scale(1) !important; }

/* ===== v3: разметка модалок и привычек ===== */
/* временные блоки: цвет не заезжает на поля */
.timeblock-row{ grid-template-columns:50px minmax(0,1fr) 8px minmax(0,1fr) 46px !important; gap:6px !important; }
.timeblock-row input[type=time]{
  -webkit-appearance:none; appearance:none; display:block; width:100% !important; min-width:0 !important; max-width:100%; overflow:hidden;
  text-align:center; padding:0 2px !important; font-size:16px !important; height:48px; box-sizing:border-box;
}
.timeblock-row input[type=time]::-webkit-date-and-time-value{ text-align:center; margin:0; }
.timeblock-row input[type=color]{ width:46px !important; min-width:46px; height:48px !important; justify-self:end; }
.timeblock-row .timeblock-label{ font-size:13px; white-space:nowrap; }

/* повтор: три плашки в одну строку */
#repeat-chips{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; overflow:visible; }
#repeat-chips .dur-chip{ min-width:0; padding:10px 6px; text-align:center; font-size:12.5px; line-height:1.2; white-space:normal; display:flex; align-items:center; justify-content:center; min-height:46px; box-sizing:border-box; }
#dur-chips{ flex-wrap:wrap; overflow:visible; }
#task-reminder-mins{ min-width:0; max-width:100%; }

/* серия дней рядом с «Настроить дни» */
.habit-streak-row{ display:none; }
.habit-manage-row{ position:relative; }
.habit-manage-row > .habit-streak-badge{ position:absolute; right:0; top:0; height:32px; display:inline-flex; align-items:center; padding:0 14px; font-size:12.5px; white-space:nowrap; }
.habit-manage-row .deck-manager summary{ min-height:32px; display:flex; align-items:center; }

.info-row{ flex-wrap:wrap; gap:10px; }
.info-row > div{ flex:1 1 180px; min-width:0; }
.info-row select{ width:100%; }

#view-wellness textarea{ border:1px solid #E3E7F0 !important; background:rgba(255,255,255,.8); }
#view-wellness > button.ghost{ width:100%; background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(190,222,252,.5)) !important; border:1px solid #fff; border-radius:18px; min-height:50px; text-decoration:none !important; color:var(--accent-deep,#3E9DEB); font-weight:800; box-shadow:0 6px 16px rgba(76,150,230,.14); }

/* ===== v4: читаемость — тёмный акцент, контрастные кнопки и шкалы ===== */
:root{ --accent-deep:#1E62C4; --purple-dark:#1E62C4; --lime-dark:#1E62C4; --sun-dark:#1E62C4; --btn-grad:linear-gradient(135deg,#4F9CF0 0%,#3B7FE6 55%,#6A75EA 100%); }
/* кнопки: насыщенный градиент + белый жирный текст */
button.primary, .mini-btn:not(.ghost), .wk-draw-btn, .brain-dump-add, .challenge-take-btn, .challenge-checkin-btn, .lime-btn, .planb-entry-btn, .reward-primary, .primary-btn, .quest-add-row button, .deck-add button, .challenge-add-mini{
  background:linear-gradient(135deg,#4F9CF0 0%,#3B7FE6 55%,#6A75EA 100%) !important; color:#fff !important;
  text-shadow:0 1px 2px rgba(10,50,120,.35) !important; font-weight:800 !important; letter-spacing:.01em;
  border:1px solid rgba(255,255,255,.45) !important; box-shadow:0 8px 20px rgba(40,100,200,.35), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
button.primary:disabled, .mini-btn:disabled{ opacity:.55; }
#view-focus .focus-controls > button.primary, #view-focus #focus-start-btn{ color:#fff !important; }
/* светлые кнопки: тёмный синий текст на светлом стекле */
.mini-btn.ghost, .wk-ic-main, .wk-ic-btn, .dur-chip, .seg, .focus-tab, .sound-chip, button.ghost, .planb-select-btn{
  color:#17428F !important; font-weight:800; text-decoration:none;
}
.mini-btn.ghost, button.ghost{ background:linear-gradient(180deg,#fff,#E3EFFC) !important; border:1px solid #CFE2F8 !important; }
.dur-chip.active, .seg.active, .focus-tab.active{
  background:linear-gradient(135deg,#4F9CF0,#3B7FE6 60%,#6A75EA) !important; color:#fff !important; text-shadow:0 1px 2px rgba(10,50,120,.3); border-color:transparent !important;
}
.wk-ic-main.is-done{ background:linear-gradient(135deg,#4F9CF0,#3B7FE6) !important; color:#fff !important; }
/* карточки-герои: глубже градиент, чтобы белый текст читался */
.progress-card, .day-level-card, .level-card, .profile-rank-card{
  background:linear-gradient(140deg,#4F9CF0 0%,#3B7FE6 50%,#7068E8 100%) !important; color:#fff;
}
.progress-card *, .day-level-card *{ text-shadow:0 1px 2px rgba(10,50,120,.28); }
.day-level-pct, .level-pill{ color:#17428F !important; text-shadow:none !important; font-weight:800; background:#fff !important; }
.progress-outer, .progress-inner{ }
.day-level-card .progress-outer, .progress-card .progress-outer{ background:rgba(10,40,110,.28) !important; height:10px; box-shadow:inset 0 1px 3px rgba(0,0,0,.2); }
.day-level-card .progress-inner, .progress-card .progress-inner{ background:linear-gradient(90deg,#fff,#DDEBFF) !important; box-shadow:0 0 10px rgba(255,255,255,.7) !important; }
.progress-ring-bg{ stroke:rgba(10,40,110,.25) !important; } .progress-ring-fg{ stroke:#fff !important; }
.progress-ring-num, .progress-ring-label{ color:#fff !important; }
/* остальные шкалы и ползунки: насыщенные */
.progress-outer{ background:#D4E3F7; }
.progress-inner, .challenge-progress-inner{ background:linear-gradient(90deg,#3B7FE6,#6A75EA) !important; }
/* текст на таймлайне, ссылки и акценты */
.tl-title, .tl-title *{ color:var(--ink,#14233f) !important; }
.tl-time, .time-label{ color:#1E62C4; }
a, .link-btn, .wk-eyebrow{ color:#1E62C4; }
.focus-hint, .focus-tip, .tip-card{ color:#17428F; }
.tl-check{ border-color:#3B7FE6 !important; }
.tl-check.checked{ background:linear-gradient(135deg,#4F9CF0,#3B7FE6) !important; }
.nav-btn.active .nav-label{ color:#1E62C4 !important; }
.progress-card-pct{ color:#fff !important; background:none !important; text-shadow:0 2px 6px rgba(10,50,120,.35) !important; }

/* ===== v5: компактнее плашки, шире окно редактирования ===== */
.home-extra-btn{ min-height:0 !important; padding:10px 4px 12px !important; gap:2px !important; }
.home-extra-emoji{ width:42px !important; height:42px !important; font-size:28px !important; }
.home-extra-emoji .eico{ width:40px !important; height:40px !important; }
.home-extra-btn span:last-child{ font-size:13px; line-height:1.15; }
.card-block{ padding:14px 16px; }
.wk-card{ padding:14px !important; }
.wk-card-top{ margin-bottom:8px; gap:10px; }
.wk-icon-wrap{ width:48px; height:48px; border-radius:15px; }
.wk-text{ margin:0 0 8px; line-height:1.3; }
.wk-ic-main, .wk-ic-btn{ height:34px; }
.week-cards-row .wk-ic-row, .wk-ic-stack{ gap:5px; padding-top:2px; }
.tile{ padding:12px 10px; }
.stat{ padding:12px 8px; }

/* окно «Напоминание»: шире поля, меньше пустоты */
.reminder-details-head{ padding:12px 14px 10px !important; }
body.tg-mini-app .reminder-details-sheet{ padding-top:0 !important; }
.reminder-details-body{ padding:8px 0 16px !important; }
.reminder-details-body .details-card, .details-schedule-btn{ margin-left:8px !important; margin-right:8px !important; }
.details-schedule-btn{ width:calc(100% - 16px) !important; color:#1E62C4 !important; }
.details-section-title{ margin:14px 14px 6px; }
.details-field{ gap:10px !important; padding:10px 12px !important; }
.details-icon{ width:26px !important; flex:0 0 26px !important; font-size:20px !important; margin-top:20px; }
.details-field:has(.details-toggle) .details-icon{ margin-top:0; }
.details-main{ flex:1 1 auto; min-width:0; }
.details-main label{ font-size:12.5px; margin-bottom:5px; }
.reminder-details-body input[type=text], .reminder-details-body input[type=url], .reminder-details-body input[type=date], .reminder-details-body input[type=time], .reminder-details-body textarea{
  width:100% !important; box-sizing:border-box; background:#F1F6FD !important; border:1px solid #DCE8F6 !important; border-radius:14px; padding:10px 12px !important; min-height:44px; font-size:16px;
}
.details-title-ta{ min-height:44px !important; }
.details-chips{ gap:6px; margin-top:8px; }
.details-chip{ padding:8px 12px; font-size:13px; }
.details-chip.active{ background:linear-gradient(135deg,#4F9CF0,#3B7FE6 60%,#6A75EA) !important; color:#fff !important; }
.details-date-time{ width:100%; }
.details-date-time input{ flex:1; }
.details-footer{ padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px)) !important; }

/* ===== v6: пастельный голубой акцент, тёмный читаемый текст ===== */
:root{ --btn-grad:linear-gradient(135deg,#C4E3FC 0%,#A9D0F8 55%,#C3CBF8 100%); }
button.primary, .mini-btn:not(.ghost), .wk-draw-btn, .brain-dump-add, .challenge-take-btn, .challenge-checkin-btn, .lime-btn, .planb-entry-btn, .reward-primary, .primary-btn, .quest-add-row button, .deck-add button, .challenge-add-mini{
  background:linear-gradient(135deg,#C9E6FD 0%,#A9D0F8 55%,#C3CBF8 100%) !important; color:#0F3169 !important; text-shadow:none !important;
  border:1px solid rgba(255,255,255,.85) !important; box-shadow:0 8px 20px rgba(110,170,230,.30), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.planb-entry-btn *{ color:#0F3169 !important; } .planb-entry-icon svg{ stroke:#0F3169 !important; }
#view-focus .focus-controls > button.primary, #view-focus #focus-start-btn{ color:#0F3169 !important; }
.dur-chip.active, .seg.active, .focus-tab.active, .details-chip.active, #view-wellness .emotion-chip.active{
  background:linear-gradient(135deg,#C9E6FD,#A9D0F8 60%,#C3CBF8) !important; color:#0F3169 !important; text-shadow:none !important; box-shadow:0 6px 14px rgba(110,170,230,.28), inset 0 1px 0 #fff !important;
}
#view-wellness .emotion-chip.active .label{ color:#0F3169; }
.wk-ic-main.is-done{ background:linear-gradient(135deg,#C9E6FD,#A9D0F8) !important; color:#0F3169 !important; }
.nav-btn.active{ background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(190,224,252,.55)) !important; }
/* герой-карточки: пастельные, текст тёмно-синий */
.progress-card, .day-level-card, .level-card, .profile-rank-card{
  background:linear-gradient(140deg,#CFE8FD 0%,#B5D7F9 50%,#CDCBF8 100%) !important; color:#0F3169;
  box-shadow:0 14px 30px rgba(110,170,230,.25), inset 0 1px 0 rgba(255,255,255,.85) !important;
}
.progress-card *, .day-level-card *{ text-shadow:none !important; }
.progress-card, .progress-card *:not(.progress-ring-fg):not(svg *), .day-level-card, .day-level-card *{ color:#0F3169; }
.progress-card-pct, .progress-ring-num, .progress-ring-label, .day-level-badge, .day-level-sub{ color:#0F3169 !important; }
.progress-card .progress-card-btn, .progress-card-brain-btn{ background:rgba(255,255,255,.7) !important; color:#0F3169 !important; border:1px solid #fff; }
.progress-ring-bg{ stroke:rgba(255,255,255,.7) !important; } .progress-ring-fg{ stroke:#3B7FE6 !important; filter:none !important; }
.day-level-card .progress-outer, .progress-card .progress-outer{ background:rgba(255,255,255,.65) !important; box-shadow:inset 0 1px 3px rgba(60,120,190,.2); }
.day-level-card .progress-inner, .progress-card .progress-inner{ background:linear-gradient(90deg,#4F9CF0,#6A75EA) !important; box-shadow:none !important; }
.day-level-pct, .level-pill{ background:#fff !important; color:#0F3169 !important; }
.card-hero-icon{ }

/* ===== v6: «подряд» ниже пунктира, кнопки не переполняются ===== */
.habit-manage-row > .habit-streak-badge{ top:12px !important; height:30px; font-size:12px; }
button{ box-sizing:border-box; max-width:100%; }
button.ghost, .mini-btn.ghost, .planb-select-btn{ font-size:14px !important; line-height:1.25; white-space:normal; padding:12px 16px; min-height:46px; overflow-wrap:anywhere; text-align:center; }
button.primary{ font-size:15px; line-height:1.25; white-space:normal; overflow-wrap:anywhere; }
.wk-ic-main{ font-size:12.5px !important; padding:0 8px; }
.wk-ic-row .wk-ic-main{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
button.ghost[onclick*="Reset"], button.ghost[onclick*="reset"]{ width:100%; }

/* ===== v6: задачи на «Сегодня» — шрифт меньше ===== */
.tl-row .tl-title, .tl-row .tl-title *{ font-size:14.5px !important; font-weight:700 !important; line-height:1.25; }
.tl-row .tl-range{ font-size:11.5px !important; }
.tl-row .tl-notes, .tl-row .tl-sub, .tl-row .tl-subtasks{ font-size:12px !important; }
.tl-row .tl-title .category-dot{ display:none; }
.tl-row .tl-icon{ width:38px; height:38px; flex:0 0 38px; }
.tl-row .tl-check{ width:26px; height:26px; flex:0 0 26px; }
.tl-row .tl-pill{ gap:8px; padding:10px 10px 10px 12px; min-width:0; }
.tl-row .tl-body{ min-width:0; }
.tl-row .tl-title{ overflow-wrap:break-word; hyphens:auto; }

/* ===== v7: айдентика — белые плашки, лаймово-мятный градиент с мягким свечением, тёмные пилюли ===== */
:root{
  --id-lime:#D6F56A; --id-yellow:#F6EA6B; --id-mint:#A8F0C4; --id-ink:#111111; --id-grad:linear-gradient(135deg,#B9F3B8 0%,#EDEF6A 55%,#D8F56E 100%);
  --accent:#C8F36A; --accent-deep:#111111; --glow:rgba(190,235,90,.45);
  --btn-grad:var(--id-grad);
}
body{ font-family:'Manrope',sans-serif; }
h1, h2, .page-head h2, .card-block > .block-head span, .wk-title-lg, .rank-name, .profile-rank-name{ font-family:'Manrope',sans-serif !important; letter-spacing:-.02em; }
.card-block, .wk-card, .tile, .stat, .home-extra-btn, .challenge-card, .details-card, .task-card{ border-radius:28px !important; background:#fff !important; border:1px solid rgba(255,255,255,.9); box-shadow:0 10px 30px rgba(20,30,50,.07) !important; }
.home-extra-btn{ border-radius:26px !important; }

/* акцентные кнопки: мятно-лаймовый градиент + свечение того же цвета (как «Book a Call») */
button.primary, .mini-btn:not(.ghost), .wk-draw-btn, .brain-dump-add, .challenge-take-btn, .challenge-checkin-btn, .lime-btn, .planb-entry-btn, .reward-primary, .primary-btn, .quest-add-row button, .deck-add button, .challenge-add-mini, #view-focus .focus-controls > button.primary{
  background:var(--id-grad) !important; color:#111 !important; text-shadow:none !important; font-weight:800 !important;
  border:0 !important; border-radius:26px !important;
  box-shadow:0 12px 22px -6px rgba(150,220,80,.65), inset 0 -3px 0 rgba(120,190,60,.25), inset 0 1px 0 rgba(255,255,255,.7) !important;
}
.planb-entry-btn *{ color:#111 !important; } .planb-entry-icon svg{ stroke:#111 !important; }
/* вторичные: белые «таблетки» с тёмным текстом, активные — тёмные пилюли */
.mini-btn.ghost, button.ghost, .wk-ic-main, .wk-ic-btn, .planb-select-btn{
  background:#F3F4F2 !important; color:#111 !important; border:0 !important; border-radius:22px !important; box-shadow:none !important;
}
.dur-chip, .seg, .focus-tab, .sound-chip, .details-chip, #view-wellness .emotion-chip{ background:#F3F4F2 !important; color:#111 !important; border:0 !important; box-shadow:none !important; }
.dur-chip.active, .seg.active, .focus-tab.active, .details-chip.active, #view-wellness .emotion-chip.active{
  background:#111 !important; color:#fff !important; box-shadow:none !important; text-shadow:none !important;
}
#view-wellness .emotion-chip.active .label{ color:#fff; }
.wk-ic-main.is-done{ background:var(--id-grad) !important; color:#111 !important; }
.wk-ic-count{ background:#111; color:#fff; }
.details-schedule-btn{ background:#F3F4F2 !important; color:#111 !important; box-shadow:none !important; }
.level-pill, .day-level-pct, .wk-pill, .habit-streak-badge{ background:#111 !important; color:#fff !important; }
.habit-streak-badge.tier-low{ background:#F3F4F2 !important; color:#555 !important; }
.wk-pill{ background:#F3F4F2 !important; color:#111 !important; }

/* акцентные плашки (герои): лаймовый «неон» как у карточки приветствия */
.progress-card, .day-level-card, .level-card, .profile-rank-card{
  background:linear-gradient(135deg,#C9F56B 0%,#E9F26A 60%,#F4EA6E 100%) !important; color:#111 !important;
  border:0 !important; box-shadow:0 14px 30px -8px rgba(170,215,70,.55), inset 0 1px 0 rgba(255,255,255,.7) !important; border-radius:30px !important;
}
.progress-card::before, .day-level-card::before{ display:none; }
.progress-card *, .day-level-card *, .progress-card-pct, .progress-ring-num, .progress-ring-label, .day-level-badge{ color:#111 !important; text-shadow:none !important; }
.progress-card .progress-card-brain-btn, .progress-card-brain-btn{ background:#111 !important; color:#fff !important; border:0 !important; }
.progress-card-brain-btn *{ color:#fff !important; }
.progress-ring-bg{ stroke:rgba(255,255,255,.75) !important; } .progress-ring-fg{ stroke:#111 !important; }
.progress-ring-center{ background:rgba(255,255,255,.45) !important; box-shadow:none !important; }
.day-level-card .progress-outer, .progress-card .progress-outer{ background:rgba(255,255,255,.7) !important; }
.day-level-card .progress-inner, .progress-card .progress-inner{ background:#111 !important; }
.day-level-pct{ background:#fff !important; color:#111 !important; }
.progress-outer{ background:#EDEFEA; } .progress-inner, .challenge-progress-inner{ background:linear-gradient(90deg,#8FD14F,#D6F56A) !important; }
input[type=range]{ accent-color:#111; }
#view-wellness input[type=range]{ background:linear-gradient(90deg,#B9F3B8,#EDEF6A,#D8F56E) !important; }
#view-wellness input[type=range]::-webkit-slider-thumb{ border-color:#111; }
.details-toggle:checked, #view-wellness .chk input[type=checkbox]:checked{ background:#111 !important; }
.tl-check.checked{ background:#111 !important; } .tl-check{ border-color:#111 !important; }
.brain-dump-item.done .brain-dump-check{ background:var(--id-lime); border-color:var(--id-lime); color:#111; }
.cal-day.selected .num, .month-cal-cell.selected{ background:#111 !important; color:#fff !important; }
.card-hero-icon, #view-wellness .card-hero-icon{ background:var(--id-grad) !important; border:0 !important; box-shadow:none !important; }
#view-wellness .mood-item.active .mood-circle{ background:var(--id-grad) !important; box-shadow:0 12px 20px -6px rgba(150,220,80,.65) !important; }
.wk-eyebrow, a, .link-btn, .tl-time{ color:#111 !important; }

/* ===== v7: нижняя панель — вариант 6 (центральная кнопка), линейные иконки ===== */
.bottom-nav, body.tg-mini-app .bottom-nav{
  left:12px !important; right:12px !important; width:auto !important; max-width:none !important; transform:none !important; bottom:max(14px, env(safe-area-inset-bottom)) !important;
  display:grid !important; grid-template-columns:1fr 1fr 1.15fr 1fr 1fr; align-items:end; gap:0; padding:8px 6px 8px !important; height:auto; border-radius:30px !important;
  background:#fff !important; border:1px solid rgba(0,0,0,.04) !important; box-shadow:0 12px 34px rgba(20,30,50,.14) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; overflow:visible !important;
}
.nav-btn{ background:none !important; box-shadow:none !important; border:0 !important; color:#9AA0A6 !important; min-height:52px; padding:6px 2px 4px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; border-radius:18px; }
.nav-btn .nav-icon{ display:flex; width:26px; height:26px; transform:none !important; }
.nav-btn .nav-icon svg{ width:24px !important; height:24px !important; stroke-width:1.8 !important; }
.nav-btn .nav-label{ font-size:10.5px; font-weight:700; }
.nav-btn.active{ color:#111 !important; background:none !important; }
.nav-btn.active .nav-icon{ transform:none !important; }
.nav-btn.active::after{ content:''; position:absolute; }
.nav-btn[data-nav="focus"]{ position:relative; color:#111 !important; }
.nav-btn[data-nav="focus"] .nav-icon{
  width:58px; height:58px; border-radius:50%; margin-top:-34px; margin-bottom:0;
  background:var(--id-grad); color:#111; box-shadow:0 0 0 7px #F3F6FA, 0 14px 22px -4px rgba(150,220,80,.7), inset 0 1px 0 rgba(255,255,255,.7);
}
.nav-btn[data-nav="focus"] .nav-icon svg{ width:26px !important; height:26px !important; stroke-width:2 !important; }
.nav-btn[data-nav="focus"].active .nav-icon{ background:#111; color:#D6F56A; box-shadow:0 0 0 7px #F3F6FA, 0 14px 22px -4px rgba(0,0,0,.35); }
.nav-btn[data-nav="focus"] .nav-label{ margin-top:2px; }
.bottom-nav .nav-btn.active, body.tg-mini-app .bottom-nav .nav-btn.active{ background:none !important; box-shadow:none !important; border:0 !important; }
.bottom-nav .nav-btn.active .nav-label{ color:#111 !important; }
.bottom-nav .nav-btn.active:not([data-nav="focus"]) .nav-icon{ color:#111; }
.bottom-nav .nav-btn.active:not([data-nav="focus"])::before{ content:''; position:absolute; bottom:2px; width:18px; height:3px; border-radius:3px; background:#111; }
.bottom-nav .nav-btn{ position:relative; }
.focus-ring-fg, #focus-ring-fg{ stroke:#9ADB52 !important; }
.focus-ring-bg{ stroke:#EDEFEA !important; }
.focus-tip, .focus-hint, #view-focus .note, #view-focus .info-card{ background:#F3F4F2 !important; color:#111 !important; }
#view-focus .note *, #view-focus .info-card *{ color:#111 !important; }

/* ===== v8: тёплый фон и читаемый текст на акцентных плашках ===== */
:root{ --bg:#F5F4F0; --bg-2:#EFEBE2; --cream:#F5F4F0; --ink:#16130E; --muted:#6B655A; }
html, body, .app{ background:#F5F4F0 !important; background-image:none !important; }
body::before, body::after{ display:none !important; }
body:has(#view-meditation.active){ background:#F5F4F0 !important; }
.card-block, .wk-card, .tile, .stat, .home-extra-btn, .challenge-card, .details-card, .task-card{ box-shadow:0 8px 26px rgba(70,50,20,.08) !important; border-color:rgba(255,255,255,.95); }
.bottom-nav, body.tg-mini-app .bottom-nav{ box-shadow:0 12px 34px rgba(70,50,20,.16) !important; }
.nav-btn[data-nav="focus"] .nav-icon{ box-shadow:0 0 0 7px #F5F4F0, 0 14px 22px -4px rgba(150,220,80,.7), inset 0 1px 0 rgba(255,255,255,.7) !important; }
.nav-btn[data-nav="focus"].active .nav-icon{ box-shadow:0 0 0 7px #F5F4F0, 0 14px 22px -4px rgba(0,0,0,.35) !important; }
.reminder-details-sheet, .modal-sheet{ background:#F5F4F0 !important; }
.details-footer{ background:#F5F4F0 !important; }
.dur-chip, .seg, .focus-tab, .sound-chip, .details-chip, #view-wellness .emotion-chip, .mini-btn.ghost, button.ghost, .wk-ic-main, .wk-ic-btn{ background:#F1EDE4 !important; }
.details-main input, .reminder-details-body input[type=text], .reminder-details-body input[type=url], .reminder-details-body input[type=date], .reminder-details-body input[type=time], .reminder-details-body textarea{ background:#F6F2EA !important; border-color:#E6DFD0 !important; }
.focus-tip, .focus-hint, #view-focus .note, #view-focus .info-card{ background:#F1EDE4 !important; }
.progress-outer{ background:#ECE6D8; }
.tile .label, .stat .label, .wk-empty, .hfreq, .month-cal-legend, p{ color:#6B655A; }

/* акцентные плашки: плотный чёрный текст, крупнее и жирнее */
.progress-card, .day-level-card, .level-card, .profile-rank-card{
  background:linear-gradient(135deg,#C4F060 0%,#E3F063 55%,#F2E668 100%) !important;
}
.progress-card *, .day-level-card *, .profile-rank-card *, .level-card *{ color:#0B0B08 !important; text-shadow:none !important; opacity:1 !important; }
.progress-card-label, .progress-card-date, .day-level-badge, .day-level-sub, .profile-league, .progress-ring-label, .progress-card-sub, .progress-card .sub{ font-weight:800 !important; font-size:14px; letter-spacing:0; }
.progress-card-pct{ font-weight:800 !important; letter-spacing:-.03em; }
.day-level-sub, .day-level-card .sub, .day-level-card p, .progress-card p, .profile-rank-card .sub{ font-size:13.5px !important; font-weight:700 !important; }
.progress-ring-label{ font-size:12.5px !important; font-weight:800 !important; }
.progress-card-brain-btn, .progress-card-brain-btn *{ color:#fff !important; font-weight:800; }
.level-pill, .day-level-pct{ color:#0B0B08 !important; background:#fff !important; font-weight:800 !important; }
.profile-rank-card .level-pill{ background:#111 !important; color:#fff !important; }
.profile-rank-card .progress-outer{ background:rgba(255,255,255,.7) !important; } .profile-rank-card .progress-inner{ background:#111 !important; }
/* кнопки с градиентом: плотнее текст */
button.primary, .mini-btn:not(.ghost), .wk-draw-btn, .brain-dump-add, .challenge-take-btn, .challenge-checkin-btn, .lime-btn, #view-focus .focus-controls > button.primary{
  color:#0B0B08 !important; font-weight:800 !important; font-size:15px; letter-spacing:.01em;
}
.dur-chip.active, .seg.active, .focus-tab.active, .details-chip.active, #view-wellness .emotion-chip.active{ font-weight:800 !important; }
.wk-ic-main, .mini-btn.ghost, button.ghost{ color:#0B0B08 !important; font-weight:800 !important; }

/* ===== v9: фон как в примере (#F5F4F0), зелёные кнопки в стиле плашек ===== */
:root{ --bg:#F5F4F0; --bg-2:#EDECE6; --cream:#F5F4F0; --glass-1:#fff; --glass-2:#F5F4F0; }
html, body, .app, .view, #app, .page{ background:#F5F4F0 !important; background-image:none !important; }
.bottom-nav{ border-color:rgba(0,0,0,.03) !important; }
.reminder-details-sheet, .modal-sheet, .details-footer{ background:#F5F4F0 !important; }
.subscription-gate{ background:#F5F4F0 !important; }

:root{ --id-grad:linear-gradient(135deg,#A9E85A 0%,#C6F062 55%,#E0F266 100%); --btn-grad:var(--id-grad); }
button.primary, .mini-btn:not(.ghost), .wk-draw-btn, .brain-dump-add, .challenge-take-btn, .challenge-checkin-btn, .lime-btn, .planb-entry-btn, .reward-primary, .primary-btn, .quest-add-row button, .deck-add button, .challenge-add-mini, #view-focus .focus-controls > button.primary, .wk-ic-main.is-done, .habit-checkin-btn{
  background:linear-gradient(135deg,#A9E85A 0%,#C6F062 55%,#E0F266 100%) !important; color:#0B0B08 !important; text-shadow:none !important;
  box-shadow:0 12px 22px -6px rgba(140,210,60,.6), inset 0 -3px 0 rgba(100,170,40,.22), inset 0 1px 0 rgba(255,255,255,.65) !important;
}
.habit-checkin-btn{ color:#0B0B08 !important; }
/* вторичные кнопки — светло-зелёные */
.mini-btn.ghost, button.ghost, .wk-ic-main, .wk-ic-btn, .planb-select-btn, .details-schedule-btn, .tl-add-btn, .cal-nav, .tl-nav-btn{
  background:#E6F6B8 !important; color:#0B0B08 !important; border:0 !important; box-shadow:none !important;
}
.wk-ic-main.is-done{ background:linear-gradient(135deg,#A9E85A,#C6F062 55%,#E0F266) !important; }
.progress-inner, .challenge-progress-inner{ background:linear-gradient(90deg,#8FD14F,#C6F062) !important; }
.nav-btn[data-nav="focus"] .nav-icon{ background:linear-gradient(135deg,#A9E85A,#C6F062 55%,#E0F266) !important; }