:root{
  --font:"Nunito",system-ui,sans-serif;
  --paper:#ffffff; --ink:#1f2430; --muted:#6a7180; --faint:#9aa0ab;
  --line:#e7e9ed; --tone:#f4f5f7; --tone-2:#eceef2;
  --ok:#2f7d57; --danger:#b3362f;
  /* цвет дня — Облачный Мокумо (themes.json) */
  --day-canvas:#ebf0f6; --day-line:#cdd7e4; --day-accent:#405c82; --day-ink:#21314a;
  --r-card:18px; --r-ctl:12px;
  --t-12:12px; --t-13:13px; --t-15:15px; --t-17:17px; --t-20:20px; --t-24:24px; --t-30:30px; --t-38:38px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:var(--t-15);line-height:1.45}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,p{margin:0}
img{display:block}
.num{font-variant-numeric:tabular-nums}

/* надпись: строчное «мокумо», без завитка (решение Регины 13.11) */
.wm{font-weight:800;letter-spacing:-.01em;line-height:1;display:inline-flex;align-items:flex-start;color:var(--ink)}
.wm i{font-style:normal;position:relative}

.avatar{border-radius:50%;background:#efebe5;overflow:hidden;flex:none}
.avatar img{width:100%;height:100%;object-fit:cover}

/* общие элементы задач */
.check{width:26px;height:26px;border-radius:50%;border:2px solid #c9cdd5;background:#fff;flex:none;display:grid;place-items:center;padding:0}
.check.on{background:var(--ok);border-color:var(--ok)}
.check.on::after{content:"";width:10px;height:6px;border:2.5px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.ctx{color:var(--muted);font-size:var(--t-13)}
.why{color:var(--day-accent);font-size:var(--t-13)}
.btn{border:0;border-radius:var(--r-ctl);padding:12px 16px;font-weight:700;background:var(--ink);color:#fff}
.btn.soft{background:var(--tone-2);color:var(--ink)}
.btn.day{background:var(--day-accent);color:#fff}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px;background:var(--tone);font-size:var(--t-13);font-weight:500}
.note-demo{font-size:11px;color:var(--faint)}

.wm{font-family:"M PLUS Rounded 1c",sans-serif}
