/* ============================================================
   ЧТО ВОЙДЁТ В ПЕРВУЮ ВЕРСИЮ (30.09.2026): две доски с карточками
   функций. «Сейчас» — плотная белая доска с цветной кромкой, «потом» —
   светлая пунктирная, как полка с отложенным. Карточка = стикер.
   ============================================================ */
.mvs__meter{ display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; gap:8px 20px; align-items:center; margin-bottom:clamp(20px, 2vw, 30px); }
.mvs__label{ font:600 clamp(16px, 1.2vw, 19px)/1.2 var(--font); color:var(--fg); }
.mvs__word{ color:var(--accent-1); }
.mvs__track{ position:relative; height:10px; border-radius:5px; background:linear-gradient(90deg, #d8f0e1, #fbe9c9 55%, #f8d0c6); overflow:hidden; }
.mvs__track i{ position:absolute; left:0; top:0; bottom:0; width:var(--w, 30%); border-radius:5px; background:linear-gradient(90deg, #1f9d5a, #d99a1d 60%, #c2361f); background-size:calc(100% / var(--wf, .3)) 100%; transition:width .45s cubic-bezier(.2,.8,.2,1); }
.mvs__hint{ grid-column:2; font-size:13.5px; color:var(--fg-mute); }

.mvs__boards{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px, 1.6vw, 26px); }
.mvs__board{ padding:clamp(16px, 1.6vw, 24px); border-radius:12px; min-height:280px; }
.mvs__board--now{ background:#fff; border:1px solid var(--line); border-top:4px solid var(--accent-1); box-shadow:0 24px 50px -30px rgba(80,20,90,.35); }
.mvs__board--later{ background:repeating-linear-gradient(-45deg, var(--surface-2) 0 10px, #f8f9fb 10px 20px); border:1.5px dashed var(--line); }
.mvs__cap{ display:flex; align-items:center; gap:10px; margin:0 0 14px; font:700 clamp(16px, 1.15vw, 18px)/1 var(--font); color:var(--fg); }
.mvs__n{ font:600 12px/1 var(--font-mono); font-style:normal; padding:4px 7px; border-radius:3px; background:var(--fg); color:#fff; }
.mvs__board--later .mvs__n{ background:var(--fg-mute); }
.mvs__list{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; align-content:flex-start; }
.mvs__f{
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 13px; border-radius:6px; cursor:pointer;
  font:600 14px/1.2 var(--font); text-align:left;
  transition:transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s, background .2s;
  will-change:transform;
}
.mvs__board--now .mvs__f{ background:var(--accent-wash); border:1px solid var(--accent-line); color:var(--fg); }
.mvs__board--later .mvs__f{ background:#fff; border:1px solid var(--line); color:var(--fg-lead); }
.mvs__f::after{ content:"→"; font-weight:700; color:var(--accent-1); opacity:.5; transition:opacity .2s, transform .2s; }
.mvs__board--later .mvs__f::after{ content:"←"; }
.mvs__f:hover{ transform:translateY(-2px); box-shadow:0 8px 18px -10px rgba(0,0,0,.3); }
.mvs__f:hover::after{ opacity:1; }
.mvs__f:focus-visible{ outline:2px solid var(--accent-1); outline-offset:2px; }
.mvs__btn{ margin-top:clamp(20px, 2vw, 30px); }
@media (max-width: 760px){ .mvs__boards{ grid-template-columns:1fr; } .mvs__meter{ grid-template-columns:1fr; } .mvs__hint{ grid-column:1; } .mvs__board{ min-height:0; } }