/* ===== MANUL identity layer (поверх всех тем; логика не затронута) ===== */
:root{
  --color-primary:#D7ED78; --color-primary-hover:#E5F58A; --color-primary-light:#F0F4B3;
  --color-background:#FAFBEF; --color-card:#FFFFFF; --color-text:#0D0E0A; --color-text-secondary:#85868A;
  --color-border:#E7E7E3; --color-olive:#3E4421; --color-sage:#ADB185; --color-dark:#0D0E0A;
  --radius-card:30px; --radius-button:999px;
  --shadow-card:0 8px 24px rgba(62,68,33,.07);
  --transition-fast:.15s ease-out; --transition-normal:.25s ease-out;
  --accent:#D7ED78; --accent-deep:#0D0E0A; --bg:#FAFBEF;
  --id-grad:linear-gradient(135deg,#D7ED78 0%,#E5F58A 100%);
}
html,body,.app,.view,#app,.page{ background:var(--color-background) !important; }
body,button,input,textarea,select{ font-family:'Inter','Manrope',-apple-system,sans-serif; }
h1,h2,h3,.page-head h2,.card-block > .block-head span,.wk-title-lg,.rank-name,.profile-rank-name{ font-family:'Inter',sans-serif !important; font-weight:800; letter-spacing:-.02em; color:var(--color-text); }
.progress-card-pct,.progress-ring-num,.level-num,.rank-xp{ font-family:'Inter',sans-serif !important; font-weight:900 !important; }

/* карточки */
.card-block,.wk-card,.tile,.stat,.home-extra-btn,.challenge-card,.details-card,.task-card{
  background:var(--color-card) !important; border:1px solid rgba(0,0,0,.035) !important;
  border-radius:var(--radius-card) !important; box-shadow:var(--shadow-card) !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }

/* кнопки */
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:var(--color-primary) !important; background-image:none !important; color:var(--color-dark) !important;
  border:0 !important; border-radius:var(--radius-button) !important; font-weight:700 !important;
  box-shadow:0 6px 16px rgba(180,205,60,.28) !important; transition:transform var(--transition-fast),background var(--transition-fast); }
.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:var(--color-primary-light) !important; background-image:none !important; color:var(--color-dark) !important; border:0 !important; border-radius:var(--radius-button) !important; font-weight:700; transition:transform var(--transition-fast),background var(--transition-fast); }
@media (hover:hover){
  button.primary:hover,.mini-btn:not(.ghost):hover,.wk-draw-btn:hover,.brain-dump-add:hover,.reward-primary:hover,.primary-btn:hover,.challenge-take-btn:hover{ background:var(--color-primary-hover) !important; transform:translateY(-1px); } }
button:active{ transform:scale(.97); }

/* hero «Твой прогресс» и уровневые карточки */
.progress-card,.day-level-card,.level-card,.profile-rank-card{
  background:linear-gradient(135deg,#D7ED78 0%,#E5F58A 100%) !important; color:#0D0E0A !important;
  border:0 !important; border-radius:32px !important; box-shadow:0 14px 34px rgba(190,215,70,.38) !important; }
.progress-card *:not(.progress-ring-fg):not(svg *),.day-level-card *,.level-card *,.profile-rank-card *{ color:#0D0E0A; }
.progress-card .progress-card-brain-btn,.progress-card-brain-btn,.progress-card-brain-btn *{ background:#0D0E0A !important; color:#fff !important; border-radius:999px !important; }
.progress-ring-bg{ stroke:rgba(255,255,255,.8) !important; } .progress-ring-fg{ stroke:#3E4421 !important; stroke-linecap:round; transition:stroke-dashoffset .6s ease-out; }
.progress-bar-fill,.bar-fill,.pbar>i,[class*="progress-fill"]{ background:var(--color-primary) !important; }

/* нижняя навигация */
.bottom-nav{ background:#fff !important; border:1px solid rgba(0,0,0,.035) !important; box-shadow:0 10px 30px rgba(62,68,33,.12) !important; border-radius:32px !important; }
.nav-btn{ color:var(--color-text-secondary) !important; }
.nav-btn.active,.nav-btn.active .nav-label{ color:var(--color-dark) !important; }
.nav-btn.active:not([data-nav="focus"]) .nav-icon{ background:var(--color-primary) !important; border-radius:16px; }
.nav-btn[data-nav="focus"] .nav-icon{ background:var(--color-primary) !important; color:var(--color-dark) !important; box-shadow:0 8px 20px rgba(180,205,60,.45),0 0 0 7px var(--color-background) !important; }

/* инпуты, бейджи, разделители */
input[type=text],input[type=search],input:not([type]),textarea,select{ border-color:var(--color-border); border-radius:18px; }
input:focus,textarea:focus{ outline:none; border-color:var(--color-sage) !important; box-shadow:0 0 0 3px rgba(215,237,120,.45) !important; }
hr,.divider{ border-color:var(--color-border); }
.nav-label,.note,.empty-hint{ color:var(--color-text-secondary); }

/* ===== Маскот ===== */
@keyframes manulIdle{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }
.manul-card{ position:relative; display:flex; align-items:center; gap:12px; margin:14px 0; padding:14px 16px 14px 14px; border-radius:30px;
  background:linear-gradient(135deg,#F0F4B3 0%,#E5F58A 100%); border:1px solid rgba(0,0,0,.035); box-shadow:var(--shadow-card); min-height:96px; }
.manul-card-img{ width:112px; height:auto; max-height:92px; object-fit:contain; margin:-4px 0 -8px -2px; flex:none; animation:manulIdle 3.4s ease-in-out infinite; filter:drop-shadow(0 6px 8px rgba(62,68,33,.18)); }
.manul-card-text{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.manul-card-text b{ font-size:16px; font-weight:800; color:#0D0E0A; }
.manul-card-text span{ font-size:13px; font-weight:500; color:#3E4421; line-height:1.3; }
.manul-empty{ text-align:center; }
.manul-empty img{ display:block; width:150px; margin:4px auto 8px; animation:manulIdle 3.6s ease-in-out infinite; }
.subscription-gate-icon{ width:120px !important; height:auto !important; background:none !important; border-radius:0 !important; font-size:0 !important; margin:0 auto 6px !important; }
.subscription-gate-icon img{ width:120px; height:auto; display:block; animation:manulIdle 3.4s ease-in-out infinite; }
.app-toast{ background:#fff !important; color:#0D0E0A !important; border:1px solid rgba(0,0,0,.035); border-radius:28px !important; padding-top:14px; }
.app-toast::before{ width:64px !important; height:48px !important; border-radius:0 !important; margin:0 auto 6px !important; background:url(../img/face-1.png) center/contain no-repeat !important; }
.app-toast{ box-shadow:0 18px 44px rgba(62,68,33,.2),0 0 0 6px rgba(215,237,120,.35) !important; background:#fff !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.note.manul-empty,.note{ background:#fff !important; border:1px solid rgba(0,0,0,.035) !important; box-shadow:var(--shadow-card) !important; border-radius:28px !important; color:var(--color-text-secondary) !important; }
.brain-dump-input-row,.brain-dump-bar,.brain-dump-mic{ background:#fff !important; backdrop-filter:none !important; }
.brain-dump-mic{ background:var(--color-primary-light) !important; }
/* единый фон без пятен и градиентов */
html,body,body.tg-mini-app,body.tg-mini-app.tg-fullscreen{ background:#FAFBEF !important; background-image:none !important; }
body::before,body::after{ display:none !important; content:none !important; }
.app,.view,.view.active,#app,.page,body.tg-mini-app .app,body.tg-mini-app.tg-fullscreen .app,body.tg-mini-app.tg-fullscreen .view{ background:#FAFBEF !important; background-image:none !important; box-shadow:none !important; }
/* «Готово» / «Перемешать» — основной стиль 1 (насыщенный лайм) */
.wk-ic-main,.wk-ic-full,.wk-ic-done,.planb-select-btn{
  background:linear-gradient(180deg,#DCF07F 0%,#D7ED78 100%) !important; color:#0D0E0A !important;
  border:0 !important; border-radius:999px !important; font-weight:800 !important;
  box-shadow:0 6px 16px rgba(180,205,60,.30), inset 0 1px 0 rgba(255,255,255,.45) !important; }
.wk-ic-main.is-done{ background:#3E4421 !important; color:#fff !important; box-shadow:none !important; }
.wk-ic-btn{ background:#F0F4B3 !important; }
.wk-ic-main:active{ transform:scale(.97); }
/* маскоты Босса и Дракона */
.week-cards-row .wk-icon-wrap{ width:58px !important; height:58px !important; background:none !important; border:0 !important; box-shadow:none !important; overflow:visible; }
.wk-manul{ width:64px; height:64px; object-fit:contain; display:block; margin:-6px -4px 0 0; filter:drop-shadow(0 4px 6px rgba(62,68,33,.22)); animation:manulIdle 3.4s ease-in-out infinite; }
/* маскоты разделов на главной */
.home-extra-emoji{ width:auto !important; height:auto !important; background:none !important; border:0 !important; box-shadow:none !important; font-size:0 !important; display:flex; justify-content:center; }
.home-manul{ width:92px; height:66px; object-fit:contain; display:block; filter:drop-shadow(0 4px 5px rgba(62,68,33,.18)); }
.home-extra-btn{ gap:4px; }
.week-cards-row .wk-icon-wrap{ width:50px !important; height:50px !important; flex:none; }
.wk-manul{ width:54px; height:54px; margin:-4px -2px 0 0; }
.week-cards-row .wk-card-top *:not(.wk-icon-wrap):not(.wk-manul){ white-space:nowrap; }
.week-cards-row .wk-card-top{ gap:4px; }
/* больше воздуха вокруг маскотов */
.home-manul{ width:70px; height:52px; }
.home-extra-btn{ padding:16px 10px 14px !important; gap:8px !important; }
.week-cards-row .wk-icon-wrap{ width:44px !important; height:44px !important; }
.wk-manul{ width:46px; height:46px; margin:0; }
.wk-card{ padding:18px !important; }
/* ===== Фокус ===== */
#view-focus .focus-tabs{ background:#fff; border:1px solid rgba(0,0,0,.035); border-radius:26px; padding:5px; box-shadow:var(--shadow-card); gap:4px; }
#view-focus .focus-tab{ background:#F4F5EA !important; color:#0D0E0A !important; border:0 !important; border-radius:999px !important; font-weight:700; box-shadow:none !important; }
#view-focus .focus-tab.active{ background:#0D0E0A !important; color:#fff !important; }
.focus-ring-wrap{ position:relative; margin-bottom:44px; }
.focus-ring-bg{ stroke:#EEF5C8 !important; }
.focus-ring-fg{ stroke:#B8DC4A !important; stroke-linecap:round; }
.focus-time{ font-family:'Inter',sans-serif !important; font-weight:900 !important; color:#0D0E0A; }
.focus-task-input{ color:#85868A !important; background:none !important; border:0 !important; box-shadow:none !important; text-align:center; font-weight:600; }
.focus-manul{ position:absolute; left:-4px; bottom:-34px; width:150px; height:auto; pointer-events:none; filter:drop-shadow(0 6px 8px rgba(62,68,33,.2)); animation:manulIdle 3.6s ease-in-out infinite; z-index:2; }
#view-focus .focus-controls{ margin-top:12px; align-items:center; }
#view-focus .focus-side-btn{ background:#fff !important; border:1px solid rgba(0,0,0,.035) !important; box-shadow:var(--shadow-card) !important; color:#0D0E0A !important; border-radius:50% !important; }
#focus-howto{ background:#fff !important; border-radius:26px !important; }
#view-focus .stats{ gap:10px; }
#view-focus .stat{ position:relative; text-align:left; padding:14px 12px 12px !important; overflow:hidden; }
#view-focus .stat .num{ font-weight:900; font-size:24px; color:#0D0E0A; }
#view-focus .stat .label{ font-size:11px; color:#85868A; }
.stat-face{ position:absolute; right:-6px; bottom:-4px; width:62px; height:auto; opacity:.95; pointer-events:none; }
/* убран засвет у блока «Прогресс дня» / таймлайна */
.day-level-card,.level-card{ box-shadow:0 6px 16px rgba(190,215,70,.2) !important; }
.day-level-card::before,.progress-card::before,.level-card::before{ display:none !important; }
#view-today .card-block{ position:relative; z-index:1; }
.day-level-card .progress-outer{ background:rgba(255,255,255,.75) !important; box-shadow:none !important; }
.day-level-card .progress-inner{ background:#3E4421 !important; box-shadow:none !important; }
#focus-ring-fg,.focus-ring-fg{ stroke:#B8DC4A !important; filter:none !important; }
.focus-ring-wrap{ filter:none !important; box-shadow:none !important; }
.focus-ring-svg{ filter:none !important; }
.focus-ring-wrap::before,.focus-ring-wrap::after{ display:none !important; }
#focus-howto{ background:#fff !important; background-image:none !important; border:1px solid rgba(0,0,0,.035) !important; box-shadow:var(--shadow-card) !important; }
.focus-manul{ width:140px; left:-14px; bottom:-30px; }
.stat-face{ width:44px; right:6px; top:8px; bottom:auto; }
#view-focus .stat .label{ margin-top:2px; }
#view-focus #focus-howto.note{ background:#fff !important; background-color:#fff !important; background-image:none !important; }
#view-focus .stat{ text-align:left !important; padding:14px 12px !important; }
#view-focus .stat .num{ padding-right:34px; text-align:left; }
#view-focus .stat .label{ text-align:left; }
.stat-face{ width:38px !important; right:8px; top:50%; transform:translateY(-50%); }
#view-focus .stat{ display:flex !important; flex-direction:column; align-items:flex-start !important; }
#view-focus .stat .num{ font-size:22px !important; padding-right:0; }
.stat-face{ width:34px !important; }
/* ===== Самочувствие: графики встроены ===== */
#view-wellness > .page-head,#view-wellness > p{ display:none; }
.well-banner{ position:relative; display:flex; align-items:center; gap:14px; min-height:120px; padding:18px 16px; margin:4px 0 14px; border-radius:30px; overflow:visible;
  background:linear-gradient(135deg,#E5F58A 0%,#D7ED78 100%); box-shadow:0 10px 26px rgba(190,215,70,.3); }
.well-banner-ico{ flex:none; width:64px; height:64px; border-radius:20px; background:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(62,68,33,.1); }
.well-banner-text{ display:flex; flex-direction:column; gap:4px; min-width:0; max-width:52%; }
.well-banner-text b{ font-size:26px; font-weight:900; color:#0D0E0A; letter-spacing:-.02em; }
.well-banner-text span{ font-size:12.5px; font-weight:500; color:#3E4421; line-height:1.3; }
.well-banner-manul{ position:absolute; right:-6px; bottom:-8px; width:132px; height:auto; filter:drop-shadow(0 6px 8px rgba(62,68,33,.22)); animation:manulIdle 3.6s ease-in-out infinite; pointer-events:none; }
.well-metric-tabs{ display:flex; gap:8px; overflow-x:auto; padding:6px; background:#fff; border:1px solid rgba(0,0,0,.035); border-radius:26px; box-shadow:var(--shadow-card); margin-bottom:12px; scrollbar-width:none; }
.well-metric-tabs::-webkit-scrollbar{ display:none; }
.well-metric-tabs .dur-chip{ flex:none; white-space:nowrap; background:#F4F5EA !important; color:#0D0E0A !important; border:0 !important; border-radius:999px !important; padding:10px 16px; font-weight:700; font-size:13.5px; }
.well-metric-tabs .dur-chip.active{ background:#0D0E0A !important; color:#fff !important; }
.well-period-row{ margin-bottom:12px; }
.well-period-label{ display:block; font-size:16px; font-weight:700; color:#85868A; margin:0 0 8px 4px; }
.well-period-chips{ display:flex; gap:8px; }
.well-period-chips .dur-chip{ background:#F0F4B3 !important; color:#0D0E0A !important; border:0 !important; border-radius:999px !important; padding:11px 20px; font-weight:800; }
.well-period-chips .dur-chip.active{ background:#0D0E0A !important; color:#fff !important; }
.well-chart-card{ padding:16px 16px 12px !important; }
.well-chart-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:8px; }
.well-chart-cap{ font-size:14px; color:#85868A; font-weight:500; }
.well-chart-big{ font-size:34px; font-weight:900; letter-spacing:-.02em; color:#0D0E0A; line-height:1.15; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.well-delta{ font-size:14px; font-weight:800; } .well-delta.up{ color:#5FA02A; } .well-delta.down{ color:#E0705A; }
.well-chart-sub{ font-size:13px; color:#85868A; margin-top:2px; }
.well-chart-manul{ width:130px; height:auto; margin:-8px -6px -10px 0; flex:none; filter:drop-shadow(0 4px 6px rgba(62,68,33,.18)); animation:manulIdle 3.6s ease-in-out infinite; }
.line-chart-svg path[stroke]{ stroke:#8CCB32 !important; }
.line-chart-svg circle{ fill:#8CCB32 !important; }
.line-chart-svg stop{ stop-color:#C6E85A !important; }
.well-trio .stat{ text-align:left !important; padding:14px 12px !important; }
.well-trio .stat .num{ font-size:19px !important; font-weight:900; color:#0D0E0A; }
.well-trio .stat .label{ font-size:11.5px; color:#85868A; font-weight:500; text-align:left; margin-top:2px; }
/* одинаковые плитки разделов */
.home-extra-sections{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; grid-auto-rows:150px; gap:10px !important; }
.home-extra-btn{ width:100%; min-width:0; height:150px; min-height:150px !important; padding:14px 6px 12px !important; justify-content:flex-start !important; gap:6px !important; overflow:hidden; }
.home-extra-btn > span:last-child{ height:34px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:13px; line-height:1.15; width:100%; overflow-wrap:anywhere; }
.home-extra-emoji{ flex:none; height:70px !important; align-items:center; }
.home-manul{ width:84px; height:66px; }
/* квадратные плитки */
.home-extra-sections{ grid-auto-rows:auto !important; gap:10px !important; }
.home-extra-btn{ aspect-ratio:1/1; height:auto !important; min-height:0 !important; padding:10px 4px 10px !important; justify-content:center !important; gap:6px !important; border-radius:26px !important; }
.home-extra-btn > span:last-child{ height:auto; display:block; white-space:nowrap; overflow-wrap:normal; font-size:11.5px; font-weight:800; letter-spacing:-.01em; line-height:1.2; }
.home-extra-emoji{ height:auto !important; }
.home-manul{ width:64px; height:52px; }
/* ===== Самочувствие: статистика, календарь, настроение, эмоции ===== */
#view-wellness .stat{ background:#fff !important; border-radius:26px !important; text-align:center !important; }
#view-wellness .well-trio .stat{ text-align:center !important; }
#view-wellness .well-trio .stat .num,#view-wellness .well-trio .stat .label{ text-align:center; }
#view-wellness .well-trio .stat:nth-child(2) .num{ background:linear-gradient(transparent 62%,#D7ED78 62%,#D7ED78 88%,transparent 88%); display:inline-block; padding:0 4px; }
#wellness-stats-row .stat .num{ display:flex; align-items:center; justify-content:center; gap:6px; font-size:30px; font-weight:900; color:#0D0E0A; }
#wellness-stats-row .stat .label{ font-size:12px; font-weight:700; letter-spacing:.04em; color:#3E4421; }
.well-star{ font-size:22px; }
#wellness-stats-row .stat .num span[style*="mint"]{ color:#8CCB32 !important; }
/* календарь */
.wellness-cal-block .cal-title,.wellness-cal-block .month-cal-head .cal-title{ color:#0D0E0A !important; font-weight:800; }
.month-cal-cell{ font-weight:600; color:#0D0E0A; }
.month-cal-cell.today:not(.selected){ box-shadow:inset 0 0 0 1.5px #3E4421 !important; }
.month-cal-cell.selected{ background:#3E4421 !important; color:#fff !important; box-shadow:0 4px 10px rgba(62,68,33,.3) !important; }
.month-cal-legend{ color:#85868A; }
.well-cal-mascot{ position:relative; display:flex; align-items:flex-end; gap:6px; margin:6px -4px -6px; min-height:100px; }
.well-cal-mascot img{ width:150px; height:auto; filter:drop-shadow(0 5px 7px rgba(62,68,33,.2)); animation:manulIdle 3.6s ease-in-out infinite; }
.well-bubble{ align-self:center; margin-left:auto; max-width:150px; padding:12px 14px; border:1.5px solid #3E4421; border-radius:50% / 40%; font-family:'Caveat','Inter',cursive; font-size:17px; font-weight:600; line-height:1.15; color:#0D0E0A; text-align:center; background:#fff; }
/* настроение */
.well-hand{ margin-left:auto; font-family:'Caveat','Inter',cursive; font-size:17px; font-weight:600; line-height:1.05; color:#3E4421; text-align:right; position:relative; z-index:1; }
#view-wellness .card-hero{ background:none !important; box-shadow:none !important; color:#0D0E0A; }
#view-wellness .card-hero::after{ display:none; }
#view-wellness .mood-item .mood-circle{ background:#fff !important; box-shadow:0 3px 10px rgba(62,68,33,.08) !important; opacity:1 !important; }
#view-wellness .mood-item.active .mood-circle{ background:#D7ED78 !important; box-shadow:0 0 0 6px rgba(215,237,120,.35),0 6px 14px rgba(180,205,60,.4) !important; transform:scale(1.08); }
#view-wellness .mood-item .mood-label{ color:#85868A; font-weight:600; }
#view-wellness .mood-item.active .mood-label{ color:#0D0E0A; font-weight:800; }
.mood-gradient-bar{ background:linear-gradient(90deg,#EEF5C8,#D7ED78) !important; }
.mood-gradient-thumb{ background:#3E4421 !important; border-color:#fff !important; }
/* эмоции */
#view-wellness .emotion-grid{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#view-wellness .emotion-chip{ flex-direction:row !important; justify-content:flex-start; gap:12px; padding:11px 14px !important; background:#F1EFE6 !important; border:0 !important; border-radius:999px !important; box-shadow:none !important; }
#view-wellness .emotion-chip.active{ background:#D7ED78 !important; box-shadow:0 5px 12px rgba(180,205,60,.35) !important; }
#view-wellness .emotion-chip .label{ font-size:14px !important; font-weight:700; color:#0D0E0A !important; white-space:nowrap; }
/* оценка дня */
.well-cool{ position:absolute; right:6px; bottom:-6px; width:110px; height:auto; pointer-events:none; filter:drop-shadow(0 4px 6px rgba(62,68,33,.2)); }
#view-wellness .card-hero{ position:relative; }
.well-tri{ display:inline-block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; }
.well-tri.up{ border-bottom:13px solid #8CCB32; } .well-tri.down{ border-top:13px solid #E0705A; }

/* ===== убираем весь синий: тексты, плашки, подсветки ===== */
:root{
  --ink:#0D0E0A; --text:#0D0E0A; --text-2:#85868A; --text-3:#B8B9B2; --muted:#85868A;
  --purple:#B8DC4A; --purple-dark:#3E4421; --purple-light:#EEF5C8;
  --blue-soft:#E5F58A; --blue-pale:#F0F4B3; --lime:#D7ED78; --lime-dark:#3E4421;
  --progress-blue:#3E4421; --navy:#FAFBEF; --cream:#FAFBEF;
}
/* 1: аватар — чёрный, белая буква */
.avatar{ background:#0D0E0A !important; background-image:none !important; color:#fff !important; border:0 !important; box-shadow:0 4px 12px rgba(13,14,10,.25) !important; }
/* 2: плашки под эмодзи — без голубого */
.home-extra-emoji,.challenge-emoji,.home-challenge-emoji,.section-icon,.wk-icon-wrap,.tile .emoji,.modal-banner-icon,.subscription-icon,.profile-icon,.profile-icon-subscription,.icon-quad-btn .icon-quad-emoji,.tl-icon,.badge-icon{
  background:#F0F4B3 !important; background-image:none !important; border:0 !important; box-shadow:none !important; }
.wk-icon-wrap{ background:#F0F4B3 !important; }
.week-cards-row .wk-icon-wrap{ background:none !important; }
.home-extra-emoji{ background:none !important; }
.tl-icon{ background:#fff !important; border:1px solid rgba(0,0,0,.06) !important; }
.profile-icon,.profile-icon svg,.profile-icon-info{ color:#3E4421 !important; }
.badge-item.locked .badge-icon{ background:#EEEEE6 !important; }
/* 3: голубая подсветка в дампе мозга / списках */
.brain-dump-item{ background:#fff !important; border:1px solid rgba(0,0,0,.035) !important; box-shadow:var(--shadow-card) !important; }
.brain-dump-info,.brain-dump-details,.brain-dump-item [class*="info"],.brain-dump-item button:not(.brain-dump-check){ background:#F0F4B3 !important; color:#3E4421 !important; border:0 !important; }
.brain-dump-check,.daily3-check,.tl-check,.cell-check,input[type=checkbox]{ border-color:#B9BDA0 !important; accent-color:#3E4421; }
.brain-dump-check{ background:#fff !important; }
.brain-dump-item.done .brain-dump-check,.cell-check.done,.tl-check.checked,.wellness-bool-dot.active{ background:#D7ED78 !important; border-color:#B8DC4A !important; color:#0D0E0A !important; }
.brain-dump-mic{ background:#F0F4B3 !important; }
*{ -webkit-tap-highlight-color:rgba(215,237,120,.35); }
/* 4: шар медитации и хрустальный шар — стиль акцентов */
.breath-circle{ background:radial-gradient(circle at 32% 26%,#fff 0%,#F0F4B3 38%,#D7ED78 100%) !important; border:1px solid rgba(255,255,255,.9) !important; box-shadow:0 0 50px rgba(190,215,70,.4),0 16px 36px rgba(62,68,33,.12),inset 0 2px 0 #fff,inset 0 -14px 30px rgba(184,220,74,.35) !important; color:#0D0E0A !important; }
.breath-phase-label,.breath-timer{ color:#0D0E0A !important; }
.breath-pattern-tab,.dur-chip{ background:#F0F4B3 !important; color:#0D0E0A !important; border:0 !important; }
.breath-pattern-tab.active,.dur-chip.active{ background:#0D0E0A !important; color:#fff !important; }
.orb{ background:radial-gradient(ellipse at 50% 102%,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 46%),radial-gradient(circle at 50% 46%,#E5F58A 0%,#D7ED78 58%,#F0F4B3 100%) !important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.6),inset 0 0 26px rgba(255,255,255,.75),inset -10px -12px 26px rgba(150,190,50,.28),0 12px 28px rgba(150,190,50,.35),0 0 30px rgba(215,237,120,.6) !important; }
#pdTop stop:first-child{ stop-color:#F0F4B3 !important; } #pdTop stop:last-child{ stop-color:#D7ED78 !important; }
#pdBody stop:first-child{ stop-color:#E5F58A !important; } #pdBody stop:last-child{ stop-color:#ADB185 !important; }
.orb-art ellipse{ fill:rgba(110,140,40,.28) !important; }
.orb-say,.orb-smoke .cap{ color:#3E4421 !important; }
.wheel-wrap,.orb-art,.orb{ -webkit-tap-highlight-color:transparent; }
/* 5-7: синие звёзды, плашки и ячейки → зелёные */
.challenge-stars,.diff-row span,.diff-row,.stars,.star-row,[class*="stars"]{ color:#8CCB32 !important; }
.challenge-card{ background:#fff !important; }
.cell{ background:#fff !important; border:1px solid rgba(0,0,0,.035) !important; box-shadow:var(--shadow-card) !important; }
.cell.boss,.cell.line-complete,.cell.line-complete.boss{ background:#F0F4B3 !important; box-shadow:0 4px 12px rgba(180,205,60,.25) !important; }
.cell .cell-text-display,.cell-text-display{ color:#0D0E0A !important; }
.cell-check{ background:#fff !important; border:2px solid #B9BDA0 !important; }
.boss-flag{ filter:hue-rotate(60deg) saturate(.9); }
.section-label,.block-head span,.page-head p{ color:#85868A; }
.section-label{ color:#3E4421 !important; }
.block-count{ background:#F0F4B3 !important; color:#3E4421 !important; }
.tl-time-col,.tl-time,.tl-row .tl-time-col *{ color:#0D0E0A !important; }
.tl-del,.brain-dump-del{ color:#85868A !important; }
.profile-row .txt,.profile-row .txt *{ color:inherit; }
/* линии/кнопки назад */
.back,.page-back{ background:#fff !important; color:#0D0E0A !important; }
body.tg-mini-app.tg-fullscreen.tg-meditation-view .tg-fullscreen-header{ color:#0D0E0A !important; background:#FAFBEF !important; border-bottom-color:rgba(0,0,0,.05) !important; box-shadow:none !important; }
html.tg-mini-app.tg-fullscreen.tg-meditation-view,body.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,#view-meditation{ background:#FAFBEF !important; }
#view-meditation .dur-chips .dur-chip,#view-meditation .breath-pattern-tab{ background:#F0F4B3 !important; color:#0D0E0A !important; }
#view-meditation .dur-chips .dur-chip.active,#view-meditation .breath-pattern-tab.active{ background:#0D0E0A !important; color:#fff !important; }
#view-meditation h2,#view-meditation p,#view-meditation .num,#view-meditation .label{ color:#0D0E0A; }

/* ===== дамп мозга: без голубого свечения ===== */
.brain-dump-composer{ background:transparent !important; }
.brain-dump-input-row{ background:#fff !important; background-image:none !important; border:1px solid rgba(0,0,0,.035) !important; box-shadow:0 8px 22px rgba(62,68,33,.09) !important; }
.brain-dump-del,.brain-dump-item .del,.brain-dump-item button:last-child:not(.brain-dump-check){ background:transparent !important; box-shadow:none !important; }
.brain-dump-item button[onclick*="delete"],.brain-dump-item button[onclick*="remove"],.brain-dump-item button[onclick*="Del"]{ background:transparent !important; color:#85868A !important; }
.brain-dump-item{ background-image:none !important; }
/* ===== самочувствие: чистая разметка ===== */
.well-hand{ display:none !important; }
#view-wellness .card-hero-icon,#view-wellness .card-hero-icon *{ filter:none !important; box-shadow:none !important; }
#view-wellness .card-hero{ border:0 !important; padding-left:0 !important; padding-right:0 !important; min-height:52px; }
#view-wellness .card-hero-title{ white-space:nowrap; }
.well-cool{ position:absolute; right:4px; top:50%; bottom:auto; transform:translateY(-50%); width:auto; height:56px; }
.well-cal-mascot{ min-height:92px; }
.well-cal-mascot img{ width:130px; }
.well-bubble{ font-size:16px; max-width:160px; border-radius:22px; padding:10px 14px; }
/* ===== Архив ===== */
#view-archive .page-head{ display:none; }
.archive-tabs{ display:flex !important; gap:8px; background:transparent !important; padding:0 !important; box-shadow:none !important; margin-bottom:14px; }
.archive-tabs .seg{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px; padding:12px 8px; border-radius:999px !important; border:0 !important; background:#fff !important; color:#0D0E0A !important; font-weight:700; font-size:13.5px; box-shadow:var(--shadow-card) !important; white-space:nowrap; }
.archive-tabs .seg.active{ background:#D7ED78 !important; box-shadow:0 6px 16px rgba(180,205,60,.35) !important; }
.archive-banner{ position:relative; display:flex; align-items:center; min-height:120px; padding:18px 18px; margin-bottom:14px; border-radius:30px; background:linear-gradient(135deg,#F0F4B3 0%,#D7ED78 100%); box-shadow:0 10px 26px rgba(190,215,70,.28); overflow:visible; }
.archive-banner-text{ display:flex; flex-direction:column; gap:6px; max-width:56%; }
.archive-banner-text b{ font-size:32px; font-weight:900; letter-spacing:-.02em; text-transform:uppercase; color:#0D0E0A; line-height:1; }
.archive-banner-text span{ font-size:12.5px; font-weight:500; color:#3E4421; line-height:1.3; }
.archive-banner-manul{ position:absolute; right:-4px; bottom:-6px; height:132px; width:auto; max-width:48%; object-fit:contain; filter:drop-shadow(0 6px 8px rgba(62,68,33,.22)); animation:manulIdle 3.6s ease-in-out infinite; pointer-events:none; }
.archive-card,.archive-task-card,.archive-note-card,.archive-empty{ background:#fff !important; color:#0D0E0A !important; border:1px solid rgba(0,0,0,.035); border-radius:26px !important; box-shadow:var(--shadow-card) !important; padding:14px 16px; margin-bottom:12px; }
.archive-card .section-icon{ width:52px; height:52px; border-radius:16px !important; background:#F0F4B3 !important; color:#3E4421; font-size:22px; font-weight:800; display:flex; align-items:center; justify-content:center; flex:none; }
.archive-card h3,.archive-task-card h3,.archive-note-card h3{ font-family:'Inter',sans-serif !important; font-weight:800; font-size:16px; color:#0D0E0A; }
.archive-card p,.archive-task-card p,.archive-empty p,.archive-note-card .note-date{ color:#85868A !important; }
.archive-ring{ background:conic-gradient(#B8DC4A var(--pct),#ECEDE6 0) !important; }
.archive-ring:after{ background:#fff !important; }
.archive-bar{ height:8px; border-radius:6px; background:#ECEDE6; margin:8px 0 8px; overflow:hidden; }
.archive-bar i{ display:block; height:100%; border-radius:6px; background:#B8DC4A; }
.archive-note-card textarea{ border:1.5px solid #E7E7E3 !important; border-radius:18px !important; background:#FAFBEF !important; }
.archive-note-save{ background:#D7ED78 !important; color:#0D0E0A !important; border-radius:999px !important; font-weight:800; }
.brain-dump-item .brain-dump-delete{ background:transparent !important; box-shadow:none !important; border:0 !important; color:#85868A !important; }
#view-archive .archive-tabs{ width:100%; box-sizing:border-box; }
#view-archive .archive-tabs .seg{ min-width:0; padding:11px 4px; gap:5px; font-size:13px; background:#fff !important; color:#0D0E0A !important; }
#view-archive .archive-tabs .seg svg{ width:17px; height:17px; flex:none; }
#view-archive .archive-tabs .seg.active{ background:#D7ED78 !important; color:#0D0E0A !important; box-shadow:0 6px 16px rgba(180,205,60,.35) !important; }
.archive-banner-manul{ border-radius:0; }
/* ===== кнопка «План Б» ===== */
.planb-entry-btn{ position:relative; display:flex !important; align-items:center; gap:10px; width:100%; min-height:104px; padding:12px 14px 12px 128px !important; margin:0 0 16px !important; border:1px solid rgba(255,255,255,.7) !important; border-radius:999px !important; overflow:visible; text-align:left;
  background:linear-gradient(120deg,#E5F58A 0%,#D7ED78 55%,#E5F58A 100%) !important; color:#0D0E0A !important; box-shadow:0 10px 26px rgba(190,215,70,.32), inset 0 1px 0 rgba(255,255,255,.7) !important; }
.planb-entry-btn *{ color:#0D0E0A; }
.planb-manul{ position:absolute; left:8px; bottom:0; width:116px; height:auto; max-height:100px; object-fit:contain; object-position:left bottom; border-bottom-left-radius:999px; pointer-events:none; filter:drop-shadow(0 4px 6px rgba(62,68,33,.22)); }
.planb-text{ display:flex; flex-direction:column; gap:4px; flex:1; min-width:0; }
.planb-text b{ font-size:24px; font-weight:900; letter-spacing:-.02em; line-height:1; }
.planb-text small{ font-size:12.5px; font-weight:500; color:#3E4421 !important; line-height:1.25; }
.planb-go{ flex:none; width:48px; height:48px; border-radius:50%; background:linear-gradient(180deg,#E5F58A,#D2E96A); display:flex; align-items:center; justify-content:center; box-shadow:0 5px 12px rgba(150,190,50,.35), inset 0 1px 0 rgba(255,255,255,.7); border:1px solid rgba(255,255,255,.7); }
.planb-entry-btn:active{ transform:scale(.98); }
.tracker-lives-display,.tracker-lives-display *{ color:#3E4421 !important; }
#view-archive .archive-tabs{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:0 !important; }
#view-archive .archive-tabs .seg{ flex:none; width:100%; height:48px; padding:0 8px !important; gap:7px !important; display:flex !important; align-items:center; justify-content:center; text-align:center; font-size:14px; }
#view-archive .archive-tabs .seg svg{ width:18px; height:18px; }
/* «Перемешать» в карточках босса/дракона — шрифт меньше, воздух в кнопке */
.week-cards-row .wk-ic-row .wk-ic-main:not(.wk-ic-full){ font-size:12.5px !important; padding-left:10px !important; padding-right:10px !important; white-space:nowrap; letter-spacing:-.01em; }
.week-cards-row .wk-ic-row .wk-ic-main{ font-size:13px; }

/* ===== Окна «Новая задача» / «Редактировать задачу» ===== */
.modal-sheet,.reminder-details-sheet{ background:#FAFBEF !important; border-radius:30px 30px 0 0; }
.modal-banner{ background:#FAFBEF !important; border-bottom:1px solid rgba(0,0,0,.05) !important; padding:18px 20px 14px !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
.modal-banner h2{ font-size:24px; font-weight:900; letter-spacing:-.02em; color:#0D0E0A !important; }
.modal-body{ padding:6px 20px 28px !important; }
#task-modal .field{ margin-bottom:14px; }
#task-modal .field > label,#task-modal .row-title{ display:block; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#85868A !important; margin:18px 0 8px 4px; }
#task-modal .field > label{ margin-top:14px; }
#task-modal input[type=text],#task-modal textarea,#task-modal select{ background:#fff !important; border:1px solid rgba(0,0,0,.05) !important; border-radius:20px !important; box-shadow:0 4px 14px rgba(62,68,33,.05) !important; color:#0D0E0A !important; padding:14px 16px !important; font-size:16px !important; }
#task-modal input::placeholder,#task-modal textarea::placeholder{ color:#B4B5AD; }
#task-modal .emoji-selector,#task-modal .info-row{ background:#fff !important; border:1px solid rgba(0,0,0,.05) !important; border-radius:20px !important; box-shadow:0 4px 14px rgba(62,68,33,.05) !important; color:#0D0E0A !important; padding:12px 16px; }
#task-modal .emoji-selector{ width:100%; display:flex; align-items:center; gap:12px; font-size:16px; font-weight:600; }
#task-modal .emoji-selector span{ color:#0D0E0A !important; }
#task-modal .date-picker-row{ position:relative; display:flex; align-items:center; justify-content:space-between; margin-top:12px; }
#task-modal .date-picker-row input[type=date]{ position:absolute; inset:0; width:100%; height:100%; opacity:0 !important; border:0 !important; }
#task-modal .date-picker-value{ display:flex; align-items:center; gap:6px; font-weight:800; color:#0D0E0A; }
#task-modal .info-left{ font-weight:700; }
/* категории */
#task-modal .category-grid{ gap:10px; }
#task-modal .category-chip{ background:#fff !important; border:1.5px solid rgba(0,0,0,.05) !important; border-radius:18px !important; min-height:50px; padding:10px 14px; font-size:14px; font-weight:700; color:#0D0E0A !important; box-shadow:0 4px 12px rgba(62,68,33,.05); justify-content:flex-start; }
#task-modal .category-chip.active{ background:#F0F4B3 !important; border-color:#3E4421 !important; color:#0D0E0A !important; box-shadow:0 5px 14px rgba(180,205,60,.3); }
#task-modal .category-chip.active .category-dot{ box-shadow:0 0 0 3px #fff; }
#task-modal .category-manage{ grid-column:1 / -1; justify-content:center; background:transparent !important; box-shadow:none !important; border:1.5px dashed #B9BDA0 !important; color:#3E4421 !important; }
#task-modal .category-manage .category-dot{ display:none; }
#task-modal .category-manage span{ display:inline-flex; align-items:center; gap:8px; }
/* время */
#task-modal .time-inputs{ background:#fff; border:1px solid rgba(0,0,0,.05); border-radius:22px; box-shadow:0 4px 14px rgba(62,68,33,.05); padding:12px 14px; display:flex; align-items:center; justify-content:center; gap:10px; }
#task-modal .time-inputs select{ background:#F4F5EA !important; border:0 !important; box-shadow:none !important; border-radius:16px !important; text-align:center; min-width:64px; font-size:20px !important; font-weight:800; padding:10px 8px !important; }
#task-modal .tgroup{ display:flex; align-items:center; gap:6px; }
#task-modal .dur-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
#task-modal .dur-chip{ background:#fff !important; border:1px solid rgba(0,0,0,.06) !important; color:#0D0E0A !important; border-radius:999px !important; padding:10px 16px !important; font-weight:700; box-shadow:0 3px 10px rgba(62,68,33,.05); }
#task-modal .dur-chip.active{ background:#0D0E0A !important; color:#fff !important; border-color:#0D0E0A !important; }
#task-modal #repeat-chips{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
#task-modal #repeat-chips .dur-chip{ text-align:center; padding:12px 6px !important; }
/* напоминание */
#task-modal .info-row .chk{ display:flex; align-items:center; gap:8px; font-weight:700; }
#task-modal .info-row select{ background:#F4F5EA !important; box-shadow:none !important; border:0 !important; padding:10px 12px !important; font-size:15px !important; }
/* подзадачи */
#task-modal .quest-add-row{ display:flex; gap:10px; align-items:center; }
#task-modal .quest-add-row input{ flex:1; }
#task-modal .quest-add-row button{ width:48px; height:48px; border-radius:50% !important; padding:0; flex:none; }
/* кнопки */
#task-modal #save-task-btn{ width:100%; margin-top:22px !important; height:54px; font-size:16px; }
#task-modal #delete-task-btn{ width:100%; margin-top:12px !important; height:50px; background:#fff !important; color:#D8584A !important; border:1px solid rgba(216,88,74,.25) !important; box-shadow:none !important; }
#task-modal #dur-chips{ flex-wrap:nowrap; gap:6px; }
#task-modal #dur-chips .dur-chip{ padding:10px 0 !important; flex:1 1 0; min-width:0; text-align:center; font-size:13px; white-space:nowrap; }

/* ===== Обучение «Как всё устроено» ===== */
.modal-sheet.howto{ background:#FAFBEF !important; }
.howto .modal-banner{ background:#FAFBEF !important; border-bottom:0 !important; padding-bottom:6px !important; }
.howto .modal-banner-row{ gap:12px; }
.howto-head-img{ width:58px; height:58px; object-fit:contain; flex-shrink:0; animation:manulIdle 3.2s ease-in-out infinite; }
.howto-title{ font-size:21px; font-weight:800; color:#0D0E0A; line-height:1.15; letter-spacing:-.02em; }
.howto-title small{ display:block; font-size:12.5px; font-weight:600; color:#85868A; letter-spacing:0; margin-top:3px; }
.howto .modal-close{ background:#fff !important; color:#0D0E0A !important; box-shadow:0 4px 12px rgba(62,68,33,.10); }
.howto-tabs{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:6px 20px 8px; flex-shrink:0; }
.howto-tabs .seg{ height:42px; border:0; border-radius:999px; background:#fff; color:#0D0E0A; font:700 13.5px Inter,sans-serif; box-shadow:0 4px 14px rgba(62,68,33,.07); }
.howto-tabs .seg.active{ background:#0D0E0A; color:#fff; }
.howto-body{ padding:10px 20px calc(30px + env(safe-area-inset-bottom,0px)) !important; background:transparent !important; }
.ht-pane{ display:none; } .ht-pane.active{ display:block; animation:htIn .25s ease; }
@keyframes htIn{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;} }
.ht-hero{ display:flex; align-items:center; gap:12px; background:linear-gradient(135deg,#E5F58A,#D7ED78); border-radius:28px; padding:16px 16px 16px 12px; margin-bottom:18px; }
.ht-hero img{ width:92px; height:92px; object-fit:contain; flex-shrink:0; animation:manulIdle 3.4s ease-in-out infinite; }
.ht-hero b{ display:block; font-size:19px; font-weight:800; color:#3E4421; line-height:1.2; margin-bottom:5px; }
.ht-hero span{ font-size:13px; line-height:1.4; color:#3E4421; opacity:.85; }
.ht-h{ font-size:17px; font-weight:800; color:#0D0E0A; margin:22px 2px 10px; letter-spacing:-.01em; }
.ht-card{ position:relative; background:#fff; border-radius:28px; padding:18px; box-shadow:0 8px 24px rgba(62,68,33,.07); font-size:14px; line-height:1.5; color:#0D0E0A; overflow:hidden; }
.ht-card p{ margin:0 0 10px; } .ht-card p:last-child{ margin-bottom:0; }
.ht-card b{ font-weight:800; }
.ht-st{ float:right; width:84px; height:84px; object-fit:contain; margin:-4px -4px 4px 10px; shape-outside:margin-box; }
.ht-card::after{ content:""; display:block; clear:both; }
.ht-list{ margin:0; padding:0; list-style:none; }
.ht-list li{ position:relative; padding:5px 0 5px 22px; font-size:14px; }
.ht-list li::before{ content:""; position:absolute; left:2px; top:11px; width:9px; height:9px; border-radius:50%; background:#D7ED78; box-shadow:0 0 0 3px #F0F4B3; }
.ht-quote{ margin:12px 0 0; padding:14px 16px; background:#F0F4B3; border-radius:22px; color:#3E4421; font-weight:700; font-size:13.5px; line-height:1.45; }
.ht-note{ margin-top:14px; padding:13px 16px; background:#F0F4B3; border-radius:20px; color:#3E4421; font-size:12.5px; line-height:1.45; font-weight:600; }
.ht-card .ht-note{ margin-top:10px; }
.ht-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ht-mini{ background:#fff; border-radius:24px; padding:14px; box-shadow:0 8px 24px rgba(62,68,33,.07); }
.ht-mini i{ display:inline-flex; width:26px; height:26px; border-radius:50%; background:#D7ED78; color:#3E4421; font:800 13px Inter; align-items:center; justify-content:center; margin-bottom:8px; }
.ht-mini b{ display:block; font-size:13.5px; font-weight:800; line-height:1.25; margin-bottom:5px; color:#0D0E0A; }
.ht-mini span{ display:block; font-size:12px; line-height:1.4; color:#85868A; }
.ht-bingo{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; max-width:260px; margin:0 auto 14px; }
.ht-bingo span{ aspect-ratio:1/1; border-radius:14px; background:#FAFBEF; border:1.5px solid #E7E7E3; display:flex; align-items:center; justify-content:center; text-align:center; font-size:11px; font-weight:600; color:#85868A; line-height:1.2; }
.ht-bingo .b{ border:0; color:#0D0E0A; font-weight:800; font-size:12px; }
.ht-bingo .b small{ font-weight:600; font-size:9.5px; opacity:.75; }
.ht-bingo .e{ background:#E5F58A; } .ht-bingo .m{ background:#D7ED78; } .ht-bingo .h{ background:#ADB185; color:#fff; }
.ht-trio{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.ht-trio > div{ background:#fff; border-radius:22px; padding:12px 10px; box-shadow:0 8px 24px rgba(62,68,33,.07); text-align:center; }
.ht-trio img{ width:56px; height:56px; object-fit:contain; display:block; margin:0 auto 4px; }
.ht-trio b{ display:block; font-size:14px; font-weight:800; margin-bottom:4px; }
.ht-trio span{ display:block; font-size:11px; line-height:1.35; color:#85868A; }
.ht-trio3 > div{ padding:14px 8px; } .ht-trio3 b{ width:30px; height:30px; border-radius:50%; background:#D7ED78; color:#3E4421; margin:0 auto 8px; display:flex; align-items:center; justify-content:center; } .ht-trio3 span{ color:#0D0E0A; font-weight:600; font-size:12px; }
.ht-chips{ display:flex; flex-direction:column; gap:6px; margin:6px 0 10px; clear:both; }
.ht-chips span{ background:#FAFBEF; border-radius:14px; padding:8px 12px; font-size:12.5px; color:#85868A; }
.ht-chips b{ color:#3E4421; margin-right:6px; }
.ht-ab{ display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.ht-ab span{ flex:1; border-radius:18px; padding:12px 8px; text-align:center; font-weight:800; font-size:13px; line-height:1.3; }
.ht-ab small{ font-weight:600; font-size:11px; opacity:.75; }
.ht-ab .a{ border:1.5px solid #ADB185; color:#3E4421; background:#FAFBEF; } .ht-ab .b{ background:#D7ED78; color:#3E4421; }
.ht-ab i{ font-style:normal; font-size:10.5px; color:#85868A; width:48px; text-align:center; line-height:1.2; }
.ht-hearts{ display:flex; gap:5px; flex-wrap:wrap; margin:6px 0 12px; clear:both; }
.ht-hearts i{ width:22px; height:20px; background:#ADB185; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S2 14 2 7.5A5.5 5.5 0 0 1 12 4.6 5.5 5.5 0 0 1 22 7.5C22 14 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S2 14 2 7.5A5.5 5.5 0 0 1 12 4.6 5.5 5.5 0 0 1 22 7.5C22 14 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat; }
.ht-final{ display:flex; align-items:center; gap:12px; margin-top:22px; padding:16px 16px 16px 10px; background:#3E4421; border-radius:28px; }
.ht-final img{ width:84px; height:84px; object-fit:contain; flex-shrink:0; }
.ht-final p{ margin:0; color:#F0F4B3; font-weight:700; font-size:13.5px; line-height:1.45; }
.ht-steps{ display:flex; flex-direction:column; gap:10px; }
.ht-step{ display:flex; align-items:center; gap:12px; background:#fff; border-radius:26px; padding:12px 16px 12px 10px; box-shadow:0 8px 24px rgba(62,68,33,.07); }
.ht-step img{ width:72px; height:72px; object-fit:contain; flex-shrink:0; }
.ht-step b{ display:block; font-size:14.5px; font-weight:800; color:#0D0E0A; margin-bottom:3px; }
.ht-step p{ margin:0; font-size:12.5px; line-height:1.42; color:#5d5e60; }
.ht-check{ padding:8px 14px; }
.ht-check label{ display:flex; align-items:center; gap:12px; padding:10px 0; font-size:13.5px; border-bottom:1px solid #F0F0EA; cursor:pointer; }
.ht-check label:last-child{ border-bottom:0; }
.ht-check i{ width:22px; height:22px; border-radius:50%; border:2px solid #ADB185; flex-shrink:0; position:relative; }
.ht-check label.on i{ background:#D7ED78; border-color:#D7ED78; }
.ht-check label.on i::after{ content:""; position:absolute; left:6px; top:2px; width:5px; height:10px; border:solid #0D0E0A; border-width:0 2.5px 2.5px 0; transform:rotate(45deg); }
.ht-check label.on{ color:#85868A; }
.ht-ol{ margin:0; padding:0; list-style:none; counter-reset:o; display:flex; flex-direction:column; gap:8px; }
.ht-ol li{ counter-increment:o; position:relative; background:#fff; border-radius:20px; padding:12px 14px 12px 50px; font-size:13.5px; line-height:1.4; box-shadow:0 8px 24px rgba(62,68,33,.07); }
.ht-ol li::before{ content:counter(o); position:absolute; left:12px; top:50%; transform:translateY(-50%); width:27px; height:27px; border-radius:50%; background:#D7ED78; color:#3E4421; font:800 13px Inter; display:flex; align-items:center; justify-content:center; }
.ht-blocks{ display:flex; flex-direction:column; gap:8px; }
.ht-blocks div{ display:flex; align-items:center; gap:12px; background:#fff; border-radius:20px; padding:12px 14px; font-size:13px; box-shadow:0 8px 24px rgba(62,68,33,.07); }
.ht-blocks b{ flex:0 0 62px; text-align:center; background:#F0F4B3; color:#3E4421; border-radius:999px; padding:6px 0; font-size:12.5px; font-weight:800; }
.ht-bingo .b{ flex-direction:column; gap:2px; }
.ht-hearts{ clear:none !important; margin-top:14px; }
.ht-st + .ht-hearts{ margin-top:30px; }

/* ===== Предпросмотр задачи ===== */
.modal-sheet.tv{ background:#FAFBEF !important; }
.tv .modal-banner{ background:#FAFBEF !important; border-bottom:0 !important; }
.tv .modal-banner-row{ gap:12px; }
.tv .modal-banner h2{ font-size:22px; font-weight:800; color:#0D0E0A !important; line-height:1.2; word-break:break-word; margin:0; }
.tv-emoji{ width:48px; height:48px; border-radius:16px; background:#F0F4B3; display:flex; align-items:center; justify-content:center; font-size:26px; flex-shrink:0; }
.tv .modal-close{ background:#fff !important; color:#0D0E0A !important; box-shadow:0 4px 12px rgba(62,68,33,.10); }
.tv .modal-body{ background:transparent !important; }
.tv-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.tv-chip{ display:inline-flex; align-items:center; padding:8px 14px; border-radius:999px; background:#D7ED78; color:#3E4421; font-size:13px; font-weight:800; }
.tv-chip + .tv-chip{ background:#fff; color:#0D0E0A; box-shadow:0 4px 12px rgba(62,68,33,.07); }
.tv-card{ background:#fff; border-radius:24px; padding:16px 18px; margin-bottom:12px; box-shadow:0 8px 24px rgba(62,68,33,.07); }
.tv-card .row-title{ margin:0 0 8px !important; color:#85868A !important; }
.tv-card p{ margin:0; font-size:15px; line-height:1.5; color:#0D0E0A; white-space:pre-wrap; word-break:break-word; }
.tv-card p.empty{ color:#85868A; }
.tv-card .item-row{ background:transparent !important; box-shadow:none !important; padding:8px 0 !important; border-radius:0 !important; }

/* Обычный (не полноэкранный) режим: шапки экранов без скругления сверху. В полноэкранном — как было. */
body:not(.tg-fullscreen) .modal-sheet,
body:not(.tg-fullscreen) .reminder-details-sheet,
body:not(.tg-fullscreen) #task-modal .modal-sheet,
body:not(.tg-fullscreen) .modal-sheet.howto,
body:not(.tg-fullscreen) .modal-sheet.tv{ border-radius:0 !important; }
body:not(.tg-fullscreen) .modal-banner,
body:not(.tg-fullscreen) .reminder-details-head{ border-radius:0 !important; }

/* Обычный режим: окно на весь экран без просвета снизу и без затемнения страницы за ним */
body:not(.tg-fullscreen) .modal-overlay{ background:#FAFBEF !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; top:0 !important; bottom:0 !important; height:100vh; height:100dvh; }
body:not(.tg-fullscreen) .modal-sheet{ height:100% !important; min-height:100% !important; padding-bottom:0 !important; }
body:not(.tg-fullscreen) .modal-body{ padding-bottom:calc(24px + env(safe-area-inset-bottom,0px) + var(--tg-bottom-safe,0px)) !important; }

/* Ачивки: полученные выделены лаймом, закрытые приглушены */
.badge-item{ position:relative; }
.badge-item:not(.locked){ background:linear-gradient(160deg,#F0F4B3,#D7ED78) !important; box-shadow:0 8px 20px rgba(180,205,60,.38), inset 0 0 0 1.5px rgba(255,255,255,.7) !important; opacity:1 !important; }
.badge-item:not(.locked) .badge-label{ color:#3E4421 !important; font-weight:800; }
.badge-item:not(.locked) .badge-icon{ background:#fff !important; box-shadow:0 4px 10px rgba(62,68,33,.12); }
.badge-item:not(.locked)::after{ content:""; position:absolute; top:-5px; right:-5px; width:18px; height:18px; border-radius:50%; background:#0D0E0A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D7ED78' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat; box-shadow:0 2px 6px rgba(0,0,0,.2); }
.badge-item.locked{ background:rgba(255,255,255,.55) !important; box-shadow:none !important; opacity:.5 !important; }

/* ===== Окна: без скруглений, без просветов сверху/снизу (в т.ч. в полноэкранном режиме Telegram) ===== */
.modal-overlay, body.tg-mini-app .modal-overlay, body.tg-mini-app.tg-fullscreen .modal-overlay{ background:#FAFBEF !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.tg-mini-app.tg-fullscreen .modal-overlay{ bottom:0 !important; height:auto !important; }
.modal-sheet, .reminder-details-sheet, body.tg-mini-app .modal-sheet, body.tg-mini-app.tg-fullscreen .modal-sheet,
#task-modal .modal-sheet, .modal-sheet.howto, .modal-sheet.tv, .modal-banner, .reminder-details-head{ border-radius:0 !important; }
.modal-sheet, body.tg-mini-app .modal-sheet{ padding-bottom:0 !important; height:100% !important; min-height:100% !important; }
body.tg-mini-app.tg-fullscreen .modal-body, body.tg-mini-app.tg-fullscreen .reminder-details-body{ padding-bottom:calc(24px + var(--tg-bottom-safe,0px) + env(safe-area-inset-bottom,0px)) !important; }
/* Плавающая шапка полноэкранного режима — в цвет приложения */
body.tg-mini-app.tg-fullscreen .tg-fullscreen-header{ background:#FAFBEF !important; box-shadow:none !important; border-bottom:1px solid rgba(62,68,33,.08) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
body.tg-mini-app.tg-fullscreen .tg-fullscreen-header-title{ font-family:'Inter',sans-serif !important; color:#0D0E0A !important; }
/* Ачивки: без плашек под эмодзи */
.badge-icon, .badge-item .badge-icon, .badge-item.locked .badge-icon, .badge-item:not(.locked) .badge-icon{ background:transparent !important; background-image:none !important; box-shadow:none !important; border:0 !important; border-radius:0 !important; }

/* Платёж: тарифы в три колонки и согласие на автопродление */
.sg-plans.three{ grid-template-columns:1fr 1fr 1fr; gap:8px; }
.sg-plans.three .sg-plan{ padding:20px 6px 14px; border-radius:18px; }
.sg-plans.three .sg-plan-name{ font-size:13px; }
.sg-plans.three .sg-plan-price{ font-size:19px; }
.sg-plans.three .sg-plan-per{ font-size:11px; text-align:center; }
.pay-consent{ display:flex; gap:10px; align-items:flex-start; margin:14px 0 4px; padding:12px; border:1.5px solid rgba(62,68,33,.14); border-radius:16px; background:#fff; font-size:12px; line-height:1.45; color:#3a3d2e; text-align:left; cursor:pointer; }
.pay-consent input{ flex:0 0 auto; width:20px; height:20px; margin:1px 0 0; accent-color:#0D0E0A; }
.pay-consent a{ color:inherit; text-decoration:underline; }
.pay-consent.need{ border-color:#d6453d; animation:payConsentShake .35s; }
@keyframes payConsentShake{ 0%,100%{transform:translateX(0)} 25%{transform:translateX(-5px)} 75%{transform:translateX(5px)} }

/* Нижнее меню: подписи всех кнопок на одной линии (в т.ч. «Фокус» с выступающей иконкой) */
.bottom-nav .nav-btn{ justify-content:flex-end; }
.bottom-nav .nav-btn .nav-label{ line-height:1.2; }

/* ===== Полный экран: заголовок страницы в одном ряду с кнопками Telegram, без второй шапки ===== */
body.tg-mini-app.tg-fullscreen .tg-fullscreen-header{
  height:var(--tg-content-top, 56px);
  padding:var(--tg-device-top, 0px) 124px 0;
  align-items:center; justify-content:center;
  background:transparent; border-bottom:none; box-shadow:none;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
body.tg-mini-app.tg-fullscreen .tg-fullscreen-header-title{ line-height:1.2; }
body.tg-mini-app.tg-fullscreen .app{ padding-top:calc(var(--tg-content-top, 56px) + 12px); }
body.tg-mini-app.tg-fullscreen .modal-overlay{ top:var(--tg-content-top, 56px); }
/* Боковые отступы под вырез в горизонтальной ориентации */
body.tg-mini-app .app{ padding-left:calc(14px + var(--tg-left-safe, 0px)); padding-right:calc(14px + var(--tg-right-safe, 0px)); }
body.tg-mini-app .bottom-nav{ left:calc(12px + var(--tg-left-safe, 0px)); right:calc(12px + var(--tg-right-safe, 0px)); }

/* ===== Экран тарифов (вариант B): три карточки, список, одна кнопка ===== */
.subscription-gate-card.sgb{ text-align:center; }
.sgb h2{ font-family:'Inter',sans-serif; font-size:26px; font-weight:800; letter-spacing:-.02em; line-height:1.1; margin-top:2px; color:#0D0E0A; }
.sgb > p{ font-size:14px; color:#6B6F58; margin:8px 12px 0; line-height:1.4; }
.sgb-plans{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:24px; }
.sgb-plan{ position:relative; background:#fff; border:1.5px solid rgba(62,68,33,.14); border-radius:22px; padding:22px 6px 14px; text-align:center; font-family:'Inter',sans-serif; color:#0D0E0A; cursor:pointer; display:flex; flex-direction:column; align-items:center; -webkit-tap-highlight-color:transparent; transition:transform .15s, background .15s; }
.sgb-plan.sel{ background:#D7ED78; border-color:#0D0E0A; box-shadow:0 0 0 1px #0D0E0A inset; transform:translateY(-4px); }
.sgb-m{ font-size:13px; font-weight:700; }
.sgb-pr{ font-size:20px; font-weight:800; margin-top:8px; letter-spacing:-.02em; white-space:nowrap; }
.sgb-pm{ font-size:11px; color:#6B6F58; margin-top:6px; line-height:1.3; }
.sgb-plan.sel .sgb-pm{ color:#3b4713; }
.sgb-badge{ position:absolute; top:-10px; left:50%; transform:translateX(-50%); white-space:nowrap; background:#0D0E0A; color:#fff; font-size:10.5px; font-weight:700; padding:4px 9px; border-radius:999px; }
.sgb-save{ font-size:12.5px; color:#6B6F58; margin-top:12px; }
.sgb-list{ background:#fff; border:1px solid rgba(62,68,33,.14); border-radius:22px; padding:6px 16px; margin-top:18px; text-align:left; }
.sgb-li{ display:flex; gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid #EEF0DE; font-size:13.5px; line-height:1.3; }
.sgb-li:last-child{ border:none; }
.sgb-li i{ flex:0 0 22px; width:22px; height:22px; border-radius:50%; background:#D7ED78; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; font-style:normal; }
.sgb-li b{ font-weight:700; } .sgb-li span{ color:#6B6F58; }
.sgb-trial{ margin-top:14px; background:#F4FAD6; border:1px dashed #9fb34a; border-radius:18px; padding:12px 14px; font-size:12.5px; line-height:1.45; }
.sgb-trial b{ font-weight:800; }
.sgb .pay-consent{ text-align:left; }
.sgb-cta{ width:100%; height:56px; border:none; border-radius:28px; background:#0D0E0A; color:#fff; font-family:'Inter',sans-serif; font-weight:700; font-size:16px; margin-top:14px; cursor:pointer; }
.sgb-cta:active{ transform:scale(.98); }
.sgb .subscription-gate-buttons{ margin-top:10px; }
.sgb .subscription-gate-note{ text-align:center; font-size:11.5px; color:#6B6F58; line-height:1.5; margin-top:12px; }
.sgb .subscription-gate-note a{ color:#0D0E0A; }
.subscription-gate .t-off{ display:none; }
.subscription-gate[data-trial="0"] .t-on{ display:none; }
.subscription-gate[data-trial="0"] .t-off{ display:inline; }
@media (max-width:360px){ .sgb-pr{ font-size:17px; } .sgb h2{ font-size:23px; } }

/* ===== Заставка: маскот бежит, пока проверяется подписка ===== */
#boot-splash{ position:fixed; inset:0; z-index:100010; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:26px; background:#FAFBEF; opacity:1; transition:opacity .35s ease, visibility 0s linear 0s; }
#boot-splash.hide{ opacity:0; visibility:hidden; pointer-events:none; transition:opacity .35s ease, visibility 0s linear .35s; }
.bs-stage{ position:relative; width:min(300px,78vw); height:min(260px,60vw); display:flex; align-items:flex-end; justify-content:center; }
.bs-cat{ position:relative; z-index:2; width:min(250px,64vw); height:auto; margin-bottom:18px; transform-origin:50% 90%; animation:bsRun .46s ease-in-out infinite alternate; user-select:none; -webkit-user-drag:none; }
.bs-shadow{ position:absolute; z-index:1; bottom:6px; left:50%; width:64%; height:16px; margin-left:-32%; border-radius:50%; background:radial-gradient(ellipse at center, rgba(62,68,33,.28), rgba(62,68,33,0) 70%); animation:bsShadow .46s ease-in-out infinite alternate; }
.bs-lines{ position:absolute; z-index:1; left:0; top:34%; width:60px; height:80px; }
.bs-lines i{ position:absolute; left:0; height:5px; border-radius:3px; background:#C9DD6A; opacity:0; animation:bsLine .62s linear infinite; }
.bs-lines i:nth-child(1){ top:0; width:46px; }
.bs-lines i:nth-child(2){ top:26px; width:30px; animation-delay:.2s; }
.bs-lines i:nth-child(3){ top:52px; width:40px; animation-delay:.4s; }
.bs-dust{ position:absolute; z-index:1; left:14%; bottom:14px; width:50px; height:30px; }
.bs-dust i{ position:absolute; bottom:0; left:0; width:12px; height:12px; border-radius:50%; background:#E3EBB4; opacity:0; animation:bsDust .8s ease-out infinite; }
.bs-dust i:nth-child(2){ animation-delay:.27s; left:14px; width:9px; height:9px; }
.bs-dust i:nth-child(3){ animation-delay:.54s; left:28px; width:7px; height:7px; }
.bs-text{ font-family:'Inter',sans-serif; font-weight:700; font-size:15px; color:#3a3d2e; letter-spacing:.01em; }
.bs-dots b{ font-weight:800; animation:bsDot 1.2s infinite; opacity:.2; }
.bs-dots b:nth-child(2){ animation-delay:.2s; } .bs-dots b:nth-child(3){ animation-delay:.4s; }
@keyframes bsRun{
  0%{ transform:translate(-8px,0) rotate(-4deg) scale(1.02,.97); }
  100%{ transform:translate(8px,-16px) rotate(3deg) scale(.99,1.02); }
}
@keyframes bsShadow{ 0%{ transform:scale(1.05); opacity:1; } 100%{ transform:scale(.72); opacity:.55; } }
@keyframes bsLine{ 0%{ transform:translateX(26px); opacity:0; } 25%{ opacity:.9; } 100%{ transform:translateX(-26px); opacity:0; } }
@keyframes bsDust{ 0%{ transform:translate(14px,0) scale(.5); opacity:0; } 25%{ opacity:.9; } 100%{ transform:translate(-30px,-22px) scale(1.4); opacity:0; } }
@keyframes bsDot{ 0%,100%{ opacity:.2; } 40%{ opacity:1; } }
@media (prefers-reduced-motion:reduce){
  .bs-cat{ animation:bsPulse 1.4s ease-in-out infinite alternate; } .bs-lines,.bs-dust,.bs-shadow{ display:none; }
  @keyframes bsPulse{ 0%{ transform:scale(1); } 100%{ transform:scale(1.04); } }
}

/* ===== Узкие экраны (≈360px, только они) ===== */
@media (max-width:370px){
  .bal-score-input{ width:64px !important; min-width:64px; padding:6px 2px !important; font-size:14px !important; box-sizing:border-box; }
  .bal-score-input::placeholder{ font-size:12px; }
  .planb-info{ flex:1 1 0; min-width:0; }
  .planb-name{ word-break:normal !important; overflow-wrap:break-word; hyphens:auto; }
  .planb-row{ gap:8px !important; padding:12px 10px !important; }
  .planb-emoji{ flex:none; }
  .planb-select-btn{ padding:9px 12px !important; font-size:13px !important; flex:none; white-space:nowrap; }
  .planb-delete-btn{ flex:none; }
  .well-banner-text{ max-width:54% !important; }
  .well-banner-text b{ font-size:22px !important; }
  .well-banner-manul{ width:84px !important; right:-4px !important; }
  .well-banner-ico{ width:52px !important; height:52px !important; }
}

/* ===== Дамп мозга: вид «сетка», папки по тегам / приоритету / дате ===== */
.bd-tools{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:14px; }
.bd-view{ display:flex; flex:none; padding:4px; gap:2px; background:#fff; border-radius:16px; box-shadow:0 1px 3px rgba(62,68,33,.08); }
.bd-view button{ width:38px; height:34px; display:flex; align-items:center; justify-content:center; border:0; border-radius:12px; background:transparent; color:#6B6F58; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.bd-view button.active{ background:#D7ED78; color:#0D0E0A; }
.bd-groups{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; flex:1 1 100%; order:2; min-width:0; }
.bd-chip{ min-width:0; height:42px; padding:0 10px; border:1.5px solid rgba(62,68,33,.14); border-radius:21px; background:#fff; font:600 13.5px/1 'Inter',sans-serif; color:#0D0E0A; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.bd-chip.active{ background:#0D0E0A; border-color:#0D0E0A; color:#fff; }

.brain-dump-list.bd-folders{ gap:6px; }
.bd-folder{ margin-top:6px; }
.bd-folder-head{ width:100%; display:flex; align-items:center; gap:8px; padding:8px 2px; border:0; background:transparent; font-family:'Inter',sans-serif; text-align:left; color:#0D0E0A; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.bd-folder-name{ flex:1; min-width:0; display:flex; align-items:center; gap:8px; font-size:16px; font-weight:800; letter-spacing:-.01em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bd-folder-count{ flex:none; min-width:26px; padding:3px 9px; border-radius:999px; background:#D7ED78; font-size:12px; font-weight:700; text-align:center; }
.bd-chev{ flex:none; color:#6B6F58; transition:transform .2s; }
.bd-folder.closed .bd-chev{ transform:rotate(-90deg); }
.bd-dot{ flex:none; width:10px; height:10px; border-radius:50%; background:#C9CDB8; }
.bd-dot.d-high,.bd-dot.d-over{ background:#E5534B; }
.bd-dot.d-medium{ background:#F2A93B; }
.bd-dot.d-low{ background:#6FBF73; }
.bd-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:4px; }
.bd-card{ position:relative; display:flex; flex-direction:column; gap:8px; min-width:0; padding:12px; background:#fff; border-radius:20px; box-shadow:0 1px 4px rgba(62,68,33,.08); min-height:112px; }
.bd-card.done{ opacity:.7; }
.bd-card.done .bd-card-title{ text-decoration:line-through; color:#6B6F58; }
.bd-card-top{ display:flex; align-items:center; justify-content:space-between; gap:6px; }
.bd-card-actions{ display:flex; align-items:center; gap:2px; }
.bd-card .brain-dump-info{ width:28px; height:28px; flex:none; }
.bd-card .brain-dump-delete{ width:26px; height:28px; font-size:20px; }
.bd-card-title{ font-size:15px; line-height:1.3; font-weight:600; color:#0D0E0A; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.bd-card-note{ font-size:12.5px; line-height:1.3; color:#6B6F58; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.bd-card-badges{ display:flex; flex-wrap:wrap; gap:5px; margin-top:auto; }
.bd-card-badges .brain-dump-tag,.bd-card-badges .brain-dump-priority,.bd-when{ display:inline-flex; align-items:center; padding:3px 8px; border-radius:999px; font-size:11.5px; font-weight:600; line-height:1.3; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bd-when{ background:#F4FAD6; color:#3E4421; }
@media (max-width:370px){ .bd-grid{ gap:8px; } .bd-card{ padding:10px; } .bd-chip{ padding:0 8px; font-size:12.5px; } }

/* ===== Дамп мозга: подзадачи, перенос длинного текста ===== */
.brain-dump-input-row textarea{ flex:1; min-width:0; border:0 !important; background:transparent !important; outline:none !important; box-shadow:none !important; resize:none; padding:11px 4px !important; font:inherit; font-size:16px !important; line-height:1.35; max-height:132px; overflow-y:auto; overflow-wrap:anywhere; word-break:break-word; min-height:0 !important; height:auto; }
.brain-dump-input-row{ align-items:flex-end !important; }
.brain-dump-title,.brain-dump-note,.brain-dump-link,.bd-card-title,.bd-card-note,.bd-sub span{ overflow-wrap:anywhere; word-break:break-word; min-width:0; }
.brain-dump-item,.bd-card{ overflow:hidden; }
.details-main textarea,.details-main input{ overflow-wrap:anywhere; word-break:break-word; }
.details-main input[type=url]{ text-overflow:ellipsis; }

.bd-subs{ display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.bd-sub{ display:flex; align-items:flex-start; gap:8px; font-size:14px; line-height:1.3; color:#0D0E0A; }
.bd-sub.done span{ text-decoration:line-through; color:#6B6F58; }
.bd-sub-check{ flex:none; width:20px; height:20px; margin-top:0; padding:0; border:1.8px solid #C9CDB8; border-radius:7px; background:#fff; color:#0D0E0A; font-size:12px; font-weight:800; line-height:1; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.bd-sub.done .bd-sub-check{ background:#D7ED78; border-color:#D7ED78; }
.bd-subs-count{ display:inline-flex; align-items:center; padding:3px 8px; border-radius:999px; background:#F1F1EE; color:#3E4421; font-size:11.5px; font-weight:600; }
.bd-subs-count.all{ background:#D7ED78; }

.ds-card{ padding:6px 0; }
.ds-row{ display:flex; align-items:flex-start; gap:10px; padding:8px 14px; }
.ds-check{ flex:none; width:24px; height:24px; margin-top:7px; padding:0; border:2px solid #C9CDB8; border-radius:8px; background:#fff; color:#0D0E0A; font-size:14px; font-weight:800; line-height:1; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.ds-row.done .ds-check{ background:#D7ED78; border-color:#D7ED78; }
.ds-row.done .ds-text{ text-decoration:line-through; color:#6B6F58; }
.ds-text{ flex:1; min-width:0; border:0 !important; outline:0 !important; background:transparent !important; box-shadow:none !important; resize:none; padding:7px 0 !important; min-height:0 !important; font:inherit; font-size:16px !important; line-height:1.35; overflow:hidden; overflow-wrap:anywhere; }
.ds-del{ flex:none; width:30px; height:34px; border:0; background:none; color:#AAB2C1; font-size:22px; cursor:pointer; }
.ds-add{ display:flex; align-items:flex-end; gap:8px; margin:4px 14px 8px; padding:4px 4px 4px 12px; background:#F7F7F2; border-radius:16px; }
.ds-add textarea{ flex:1; min-width:0; border:0 !important; outline:0 !important; background:transparent !important; box-shadow:none !important; resize:none; padding:9px 0 !important; min-height:0 !important; height:auto; max-height:110px; font:inherit; font-size:16px !important; line-height:1.35; }
.ds-add-btn{ flex:none; width:38px; height:38px; border:0; border-radius:13px; background:#D7ED78; color:#0D0E0A; font-size:24px; line-height:1; cursor:pointer; }
.bd-sub-check, .ds-check{ background:#fff !important; color:#0D0E0A !important; box-shadow:none !important; }
.bd-sub.done .bd-sub-check, .ds-row.done .ds-check{ background:#D7ED78 !important; }
.brain-dump-input-row textarea{ max-height:150px !important; }
.brain-dump-item .bd-sub-check{ background:#fff !important; border:1.8px solid #C9CDB8 !important; color:#0D0E0A !important; }
.brain-dump-item .bd-sub.done .bd-sub-check{ background:#D7ED78 !important; border-color:#B8DC4A !important; }
.brain-dump-item .bd-subs .bd-sub button.bd-sub-check{ background:#fff !important; border:1.8px solid #C9CDB8 !important; color:#0D0E0A !important; }
.brain-dump-item .bd-subs .bd-sub.done button.bd-sub-check{ background:#D7ED78 !important; border-color:#B8DC4A !important; }

/* ===== Дамп мозга: вид «Плитки» ===== */
.brain-dump-list.bd-tiles-wrap{ gap:0; }
.bd-tiles{ display:flex; gap:10px; align-items:flex-start; margin-top:4px; }
.bt-col{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:10px; }
.bt-all{ width:100%; height:46px; display:flex; align-items:center; justify-content:space-between; padding:0 14px; border:0; border-radius:16px; background:#E9F5B8; font:700 14px/1 'Inter',sans-serif; color:#0D0E0A; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.bt-all.active{ background:#D7ED78; box-shadow:0 0 0 2px #0D0E0A inset; }
.bt-all b,.bt-tag b{ min-width:22px; padding:3px 7px; border-radius:999px; background:#2B3316; color:#D7ED78; font-size:12px; font-weight:700; text-align:center; }
.bt-tags{ display:flex; flex-direction:column; gap:6px; padding:6px; background:#fff; border-radius:20px; box-shadow:0 1px 4px rgba(62,68,33,.08); }
.bt-tag{ width:100%; display:flex; align-items:center; gap:8px; padding:10px; border:0; border-radius:14px; background:transparent; font:600 13.5px/1.2 'Inter',sans-serif; color:#0D0E0A; text-align:left; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.bt-tag span{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bt-tag.active{ background:#F0F4B3; box-shadow:0 0 0 1.5px #0D0E0A inset; }
.bt-tag b{ background:#D7ED78; color:#0D0E0A; }
.bt-dot{ flex:none; width:9px; height:9px; border-radius:50%; display:inline-block; }
.bt-card{ position:relative; padding:14px; border-radius:20px; background:#fff; box-shadow:0 1px 4px rgba(62,68,33,.08); display:flex; flex-direction:column; gap:10px; min-width:0; overflow:hidden; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.bt-card.dark{ background:#2B3316; color:#fff; }
.bt-card.done{ opacity:.6; }
.bt-card.done .bt-title{ text-decoration:line-through; }
.bt-head{ display:flex; align-items:flex-start; gap:8px; }
.bt-head .bt-dot{ margin-top:6px; }
.bt-title{ flex:1; min-width:0; font-size:15px; line-height:1.3; font-weight:600; overflow-wrap:anywhere; word-break:break-word; }
.bt-note{ padding:8px 10px; border-radius:11px; background:#2B3316; color:#fff; font-size:12.5px; line-height:1.3; overflow-wrap:anywhere; }
.bt-card.dark .bt-note{ background:#D7ED78; color:#0D0E0A; }
.bt-subs{ display:flex; flex-direction:column; gap:7px; }
.bt-sub{ display:flex; align-items:flex-start; gap:8px; font-size:13px; line-height:1.3; color:#4A4F38; }
.bt-card.dark .bt-sub{ color:#E6EBD0; }
.bt-sub.done span{ text-decoration:line-through; opacity:.7; }
.bt-sub span{ min-width:0; overflow-wrap:anywhere; }
.bt-foot{ display:flex; align-items:center; justify-content:space-between; gap:6px; min-height:26px; }
.bt-when{ font-size:11.5px; font-weight:600; color:#6B6F58; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bt-card.dark .bt-when{ color:#C9D4A0; }
.bt-card button.bt-check{ margin-left:auto; flex:none; width:26px; height:26px; padding:0; border:2px solid #C9CDB8 !important; border-radius:50%; background:#fff !important; color:#0D0E0A !important; font-size:13px; font-weight:800; line-height:1; cursor:pointer; box-shadow:none !important; }
.bt-card.dark button.bt-check{ background:transparent !important; border-color:#8E9A66 !important; }
.bt-card.done button.bt-check{ background:#D7ED78 !important; border-color:#D7ED78 !important; color:#0D0E0A !important; }
.bt-card button.bt-sub-check{ flex:none; width:18px; height:18px; margin-top:1px; padding:0; border:1.8px solid #C9CDB8 !important; border-radius:50%; background:#fff !important; color:#0D0E0A !important; font-size:10px; font-weight:800; line-height:1; cursor:pointer; box-shadow:none !important; }
.bt-card.dark button.bt-sub-check{ background:transparent !important; border-color:#8E9A66 !important; }
.bt-sub.done button.bt-sub-check{ background:#D7ED78 !important; border-color:#D7ED78 !important; color:#0D0E0A !important; }
.details-delete-btn{ display:block; width:calc(100% - 32px); margin:14px 16px 0; padding:14px; border:0; border-radius:16px; background:#fff; color:#D6453D; font:600 15px/1 'Inter',sans-serif; cursor:pointer; }
.bd-view button{ width:36px; }

/* быстрый ввод */
.qa-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-start;justify-content:center;padding:14vh 16px 0;background:rgba(20,22,10,.45);}
.qa-modal.open{display:flex;}
.qa-card{width:100%;max-width:440px;background:#fff;border-radius:26px;padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:10px;}
.qa-card textarea{width:100%;box-sizing:border-box;border:0 !important;outline:none;background:transparent !important;font:600 17px/1.4 'Manrope',sans-serif;resize:none;min-height:64px;color:#0D0E0A;padding:6px 0 !important;margin:0;box-shadow:none !important;border-radius:0 !important;overflow-y:auto;display:block;}
.qa-chips{display:flex;flex-wrap:wrap;gap:6px;}
.qa-chips:empty{display:none;}
.qa-chip{padding:4px 10px;border-radius:999px;background:#F0F4B3;font:600 12px 'Manrope',sans-serif;color:#0D0E0A;}
.qa-panel{display:none;flex-wrap:wrap;gap:6px;align-items:center;}
.qa-panel input{flex:1;min-width:110px;padding:8px 10px;border-radius:12px;border:1px solid #E3E6CF;font:600 14px 'Manrope',sans-serif;background:#FAFBF0;}
.qa-modal .qa-opt{padding:7px 12px;border-radius:999px;border:1px solid #E3E6CF !important;background:#fff !important;font:600 13px 'Manrope',sans-serif;color:#0D0E0A !important;}
.qa-modal .qa-opt.on{background:#D7F26B !important;border-color:#D7F26B !important;}
.qa-bar{display:flex;align-items:center;gap:6px;}
.qa-modal .qa-ic{width:40px;height:40px;border-radius:12px;border:0 !important;background:#F3F5E6 !important;font-size:18px;padding:0;}
.qa-modal .qa-send{margin-left:auto;width:44px;height:44px;border-radius:50%;border:0 !important;background:#D7F26B !important;color:#0D0E0A !important;font-size:22px;font-weight:700;padding:0;}
/* плитки сетки — вытянутые карточки на всю ширину */
.bd-grid{grid-template-columns:1fr !important;}
.bd-card{min-height:0 !important;flex-direction:row !important;align-items:center;gap:12px;padding:14px 12px 14px 14px;border-radius:22px;}
.bd-card .brain-dump-check{flex:none;}
.bd-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.bd-card-badges{margin-top:0 !important;}
.bd-card-actions{flex:none;}

.bd-eye,.bd-pen{font-size:15px !important;}
.bv-title{font:700 18px/1.35 'Manrope',sans-serif;color:#0D0E0A;overflow-wrap:anywhere;}
.bv-note{font:500 14px/1.4 'Manrope',sans-serif;color:#6B6F58;overflow-wrap:anywhere;}
.bv-subs{display:flex;flex-direction:column;gap:4px;font:500 14px 'Manrope',sans-serif;}
.bv-sub.done{text-decoration:line-through;color:#6B6F58;}
.bv-actions{display:flex;gap:8px;}
.qa-modal .bv-actions button{flex:1;height:42px;border-radius:14px;border:0 !important;font:700 14px 'Manrope',sans-serif;background:#F3F5E6 !important;color:#0D0E0A !important;}
.qa-modal .bv-actions .bv-edit{background:#D7F26B !important;}
/* подзадачи в редакторе: перебиваем общие стили textarea модалки */
.reminder-details-body .ds-row textarea.ds-text,
.reminder-details-body .ds-add textarea{ background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; min-height:0 !important; padding:7px 0 !important; line-height:1.35 !important; overflow:hidden; }
.reminder-details-body .ds-add textarea{ padding:9px 0 !important; overflow:auto; }
.qa-modal{ align-items:center !important; padding:0 16px !important; top:0; left:0; right:auto; bottom:auto; width:100%; height:100%; }
#detail-reminder-note{ overflow:hidden !important; max-height:none !important; }
.brain-dump-composer{ position:static !important; padding:4px 0 10px !important; }

.bs-card{background:#EEF6C0;border-radius:20px;padding:14px 16px;margin:0 0 12px;display:flex;flex-direction:column;gap:8px;}
.bs-label{font-size:11px;font-weight:800;letter-spacing:.04em;color:#6B6F58;text-transform:uppercase;}
.bs-title{font-size:16px;font-weight:700;line-height:1.3;color:#0D0E0A;overflow-wrap:anywhere;}
.bs-btns{display:flex;flex-wrap:wrap;gap:6px;}
.bs-btns button{padding:8px 12px;border-radius:12px;border:0 !important;background:#fff !important;color:#0D0E0A !important;font:700 12.5px 'Manrope',sans-serif;}
.bs-btns .bs-main{background:#D7F26B !important;}
.bs-btns .bs-del{color:#9A4B3F !important;}
.bs-stats{display:flex;gap:10px;margin:0 0 12px;}
.bs-stat{flex:1;border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;}
.bs-stat b{font-size:24px;font-weight:800;line-height:1.1;}
.bs-stat span{font-size:12px;font-weight:600;line-height:1.25;}
.bs-stat.dark{background:#0D0E0A;color:#fff;} .bs-stat.dark span{opacity:.8;}
.bs-stat.lime{background:#D7F26B;color:#0D0E0A;}