/* ================== ТЕМЫ ================== */
:root{
  --accent:#FF6F4E;
  --accent-light:#FFA184;
  --accent-deep:#FF6A48;
  --accent-ink:#B4472B;
  --accent-rgb:255,111,78;
  --bg:#FFF3EA;
  --bg-1:#FFF9F5;
  --bg-2:#FFEFE4;
  --bg-3:#FFE6D8;
  --bg-4:#F3EBFF;
  --blob-1:#FFB79C;
  --blob-2:#FFD9A6;
  --blob-3:#D9C6FF;
  --blob-4:#ADEAE6;
  --ink:#2A211D;
  --ink-rgb:42,33,29;
  --muted:#8A7369;
  --muted2:#9A7F72;
  --muted3:#B29A8D;
  --glass-rgb:255,255,255;
  --shadow-rgb:150,90,66;
}

html[data-theme="lavender"]{
  --accent:#8B6CF0; --accent-light:#B9A3FF; --accent-deep:#7752DE; --accent-ink:#6A45D6;
  --accent-rgb:139,108,240;
  --bg:#F7F1FF; --bg-1:#FBF8FF; --bg-2:#F1E9FF; --bg-3:#E9DDFF; --bg-4:#FFEAF4;
  --blob-1:#C9B8FF; --blob-2:#E3D4FF; --blob-3:#B8E1FF; --blob-4:#FFD3E8;
  --ink:#241C2E; --ink-rgb:36,28,46;
  --muted:#7C6C8C; --muted2:#8E7CA0; --muted3:#A896B6;
  --shadow-rgb:110,80,140;
}

html[data-theme="mint"]{
  --accent:#2FAE8F; --accent-light:#7FD8C1; --accent-deep:#1E9A7C; --accent-ink:#1B7A63;
  --accent-rgb:47,174,143;
  --bg:#F1FBF7; --bg-1:#F8FFFC; --bg-2:#E9F8F2; --bg-3:#DCF3EA; --bg-4:#EAF1FF;
  --blob-1:#9FE8D2; --blob-2:#C9F5E4; --blob-3:#B7E4FF; --blob-4:#FFE7C9;
  --ink:#17251F; --ink-rgb:23,37,31;
  --muted:#64857A; --muted2:#749184; --muted3:#8FA99E;
  --shadow-rgb:50,100,85;
}

html[data-theme="sky"]{
  --accent:#3B8FE8; --accent-light:#8CC2FF; --accent-deep:#2A78C8; --accent-ink:#1F63A8;
  --accent-rgb:59,143,232;
  --bg:#F2F8FF; --bg-1:#F8FBFF; --bg-2:#EAF3FF; --bg-3:#DEEBFF; --bg-4:#F3E9FF;
  --blob-1:#A8D4FF; --blob-2:#C9E4FF; --blob-3:#D8C6FF; --blob-4:#FFD9C9;
  --ink:#18232E; --ink-rgb:24,35,46;
  --muted:#64808F; --muted2:#718FA0; --muted3:#8FA7B6;
  --shadow-rgb:60,100,140;
}

html[data-theme="steel"]{
  --accent:#6B7280; --accent-light:#A7AFBA; --accent-deep:#4B5563; --accent-ink:#4B5563;
  --accent-rgb:107,114,128;
  --bg:#F3F4F6; --bg-1:#FAFAFB; --bg-2:#F1F2F4; --bg-3:#E8EAED; --bg-4:#EFF1F4;
  --blob-1:#D6D9DE; --blob-2:#E3E5E9; --blob-3:#C9D4E0; --blob-4:#E7E2DA;
  --ink:#1F242B; --ink-rgb:31,36,43;
  --muted:#6B7280; --muted2:#7D848E; --muted3:#9AA1AA;
  --shadow-rgb:80,90,105;
}

html[data-theme="graphite"]{
  --accent:#FF8A6B; --accent-light:#FFB199; --accent-deep:#FF6A48; --accent-ink:#FFB7A5;
  --accent-rgb:255,138,107;
  --bg:#141210; --bg-1:#1C1916; --bg-2:#221D19; --bg-3:#2A231E; --bg-4:#181C26;
  --blob-1:#4A2A22; --blob-2:#3A2A1A; --blob-3:#2A2340; --blob-4:#14302E;
  --ink:#F6EDE6; --ink-rgb:246,237,230;
  --muted:#B9A79B; --muted2:#A6958A; --muted3:#8A7A70;
  --glass-rgb:52,42,37;
  --shadow-rgb:0,0,0;
}

/* в графите карточки должны заметно отличаться от фона */
html[data-theme="graphite"] .glass{
  background:linear-gradient(145deg,rgba(90,75,66,.94),rgba(54,45,39,.9));
  border-color:rgba(255,255,255,.16);
  box-shadow:0 18px 40px -20px #000, inset 0 1px 0 rgba(255,255,255,.12);
}
html[data-theme="graphite"] .glass-soft{
  background:linear-gradient(150deg,rgba(78,65,57,.9),rgba(47,40,35,.74));
  border-color:rgba(255,255,255,.12);
}
html[data-theme="graphite"] .task{
  background:linear-gradient(145deg,rgba(82,69,60,.96),rgba(57,48,42,.92));
}
html[data-theme="graphite"] .dock{
  background:linear-gradient(150deg,rgba(72,60,52,.97),rgba(41,34,30,.92));
  border-color:rgba(255,255,255,.14);
}
html[data-theme="graphite"] .sheet,
html[data-theme="graphite"] .bigsheet{
  background:linear-gradient(165deg,rgba(60,50,44,.99),rgba(38,32,28,.99));
  border-color:rgba(255,255,255,.12);
}
html[data-theme="graphite"] .field{
  background:rgba(255,255,255,.06);
}

#ringGrad stop:first-child,#fgrad stop:first-child{stop-color:var(--accent-light)}
#ringGrad stop:last-child,#fgrad stop:last-child{stop-color:var(--accent-deep)}

/* ================== НОВЫЕ ЭЛЕМЕНТЫ ================== */
.mic{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:var(--accent-ink);
  background:rgba(var(--accent-rgb),.14);flex:0 0 auto;margin-left:4px;transition:.16s}
.mic:active{transform:scale(.94)}
.field .mic svg{width:16px;height:16px}

.hintline{font-size:11.5px;color:var(--accent-ink);margin:-2px 2px 9px;line-height:1.4}
.hintline:empty{display:none}

.tag-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}
.tag-opt{height:40px;border-radius:14px;border:1px solid rgba(var(--glass-rgb),.9);
  background:rgba(var(--glass-rgb),.55);display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:12px;font-weight:650;color:var(--ink);transition:.16s;padding:0 6px}
.tag-opt .dotp{width:6px;height:6px}
.tag-opt.on{background:rgba(var(--accent-rgb),.17);border-color:rgba(var(--accent-rgb),.42);color:var(--accent-ink)}
.tag-opt:active{transform:scale(.98)}

.seg button{font-size:11.5px;gap:4px}
.seg.hidden{display:none}

.dur-row{display:flex;gap:6px;margin-top:16px}
.dur{flex:1;height:38px;border-radius:13px;background:rgba(var(--ink-rgb),.05);color:var(--ink);
  font-size:12.5px;font-weight:700;transition:.16s}
.dur.on{background:linear-gradient(145deg,var(--accent-light),var(--accent));color:#fff;
  box-shadow:0 8px 16px -10px rgba(var(--accent-rgb),.8)}
.dur-custom{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}
.dur-step{width:30px;height:30px;border-radius:10px;background:rgba(var(--glass-rgb),.7);
  border:1px solid rgba(var(--glass-rgb),.9);font-size:17px;font-weight:700;color:var(--ink);display:grid;place-items:center}
.dur-custom span{font-size:12px;font-weight:650;color:var(--muted);min-width:86px;text-align:center}
.focus-note{font-size:11px;line-height:1.5;color:var(--muted2);margin:12px 6px 0;text-align:center}

.action-grid{display:flex;flex-direction:column;gap:8px;max-height:50dvh;overflow-y:auto}
.action-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 14px;
  border-radius:16px;background:rgba(var(--glass-rgb),.6);border:1px solid rgba(var(--glass-rgb),.9);text-align:left;width:100%}
.action-btn b{font-size:13.5px;font-weight:650}
.action-btn span{font-size:11px;color:var(--muted)}
.action-btn.danger b{color:#D9534F}
.action-btn input[type="date"]{position:absolute;inset:0;opacity:0;width:100%;height:100%}

.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.theme-card{display:flex;align-items:center;gap:10px;padding:11px;border-radius:16px;
  background:rgba(var(--glass-rgb),.6);border:1.5px solid rgba(var(--glass-rgb),.9);text-align:left}
.theme-card.on{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}
.theme-dot{width:30px;height:30px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.theme-card b{display:block;font-size:12.5px;font-weight:650;color:var(--ink)}
.theme-card span{display:block;font-size:10px;color:var(--muted);margin-top:1px}
.theme-meta{display:block;min-width:0}
.bigsheet{max-height:92dvh;overflow-y:auto}

/* ================== ОБУЧЕНИЕ ================== */
.onboard{position:absolute;inset:0;z-index:95;display:flex;align-items:flex-end;justify-content:center;
  padding:20px;background:rgba(20,12,8,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  opacity:0;pointer-events:none;transition:opacity .28s}
.onboard.on{opacity:1;pointer-events:auto}
.onboard-card{width:100%;max-width:420px;border-radius:28px;padding:18px 18px calc(18px + env(safe-area-inset-bottom))}
.onboard-top{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;font-weight:750;
  color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:14px}
.onboard-top button{font-size:10.5px;font-weight:750;color:var(--accent-ink);text-transform:none;letter-spacing:0}
.onboard-art{height:150px;border-radius:22px;background:rgba(var(--accent-rgb),.07);
  border:1px solid rgba(var(--glass-rgb),.7);display:flex;align-items:center;justify-content:center;
  margin-bottom:16px;overflow:hidden;position:relative}
.onboard-card h3{font-size:20px;letter-spacing:-.025em;margin:0 0 6px}
.onboard-card p{font-size:12.5px;line-height:1.55;color:var(--muted);margin:0 0 14px}
.onboard-dots{display:flex;gap:6px;justify-content:center;margin-bottom:14px}
.onboard-dots i{width:6px;height:6px;border-radius:50%;background:rgba(var(--ink-rgb),.16);display:block}
.onboard-dots i.on{background:var(--accent);width:18px;border-radius:99px}
.ob-mock{display:flex;align-items:center;gap:10px;width:calc(100% - 36px);
  background:rgba(var(--glass-rgb),.72);border:1px solid rgba(var(--glass-rgb),.9);border-radius:18px;
  padding:12px 14px;box-shadow:0 10px 24px -16px rgba(var(--shadow-rgb),.5)}
.ob-mock .ob-check{width:22px;height:22px;border-radius:50%;border:1.6px solid rgba(var(--ink-rgb),.2);flex:0 0 auto}
.ob-mock .ob-check.on{background:linear-gradient(145deg,var(--accent-light),var(--accent));border-color:transparent}
.ob-mock .ob-body{flex:1;min-width:0}
.ob-mock b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.ob-mock span{display:block;font-size:10.5px;color:var(--muted);margin-top:3px}
.ob-bell{font-size:17px}
.ob-emoji{font-size:32px;display:flex;gap:18px;filter:saturate(.9)}

/* точечные правки контраста */
.ava{background:linear-gradient(150deg,rgba(var(--glass-rgb),.9),rgba(var(--accent-rgb),.22))}
.rembar{color:var(--muted2)}
html[data-theme="graphite"] .day.active{
  background:linear-gradient(150deg,var(--accent-light),var(--accent));
  border-color:rgba(255,255,255,.5);
  box-shadow:0 14px 26px -12px rgba(var(--accent-rgb),.7);
}

/* ================== ЗДОРОВЬЕ НАПОМИНАНИЙ ================== */
.health{background:linear-gradient(150deg,rgba(var(--glass-rgb),.86),rgba(255,178,71,.10));border-color:rgba(255,178,71,.35)}
.health.health-good{background:linear-gradient(150deg,rgba(var(--glass-rgb),.86),rgba(99,192,138,.12));border-color:rgba(99,192,138,.42)}

/* ================== ИНСТРУКЦИЯ ВЕБ-ВЕРСИИ ================== */
.help-section{margin:16px 0 2px;padding-top:14px;border-top:1px solid rgba(var(--ink-rgb),.08)}
.help-section:first-of-type{border-top:0;padding-top:0;margin-top:4px}
.help-section h4{font-size:13px;font-weight:750;margin:0 0 9px;letter-spacing:-.01em}
.help-note{font-size:11.5px;line-height:1.5;color:var(--muted);margin:0 0 9px}

.sheet-close{position:absolute;top:14px;right:16px;width:32px;height:32px;border-radius:12px;
  background:rgba(var(--glass-rgb),.7);border:1px solid rgba(var(--glass-rgb),.9);
  color:var(--muted);font-size:18px;line-height:1;display:grid;place-items:center;z-index:2}
.help-section strong{font-weight:700;color:var(--ink)}