/* Память занятий. Экран личного слоя, дизайн-язык платформы.

   Токены берутся только те, что объявлены в player.css: --glass, --line,
   --line-strong, --gold, --gold-deep, --gold-soft, --ink, --ink-dim, --bg-1,
   --bg-2, --r-md, --r-sm, --font-d, --font-t, --ease. Переменных --shell,
   --core и --inner-light в :root нет нигде, и правило с ними молча выпадает,
   поэтому их здесь не встретится.

   Мелкий текст золотом берёт --gold-deep, а не --gold: на светлых темах
   --gold даёт около 3.3 при норме 4.5. Обводки и фоны это не текст, там
   --gold. Кнопки акцента приезжают своим файлом accent-dual.css и здесь не
   переопределяются. */

.mm{min-height:100vh;background:var(--bg-1);color:var(--ink);font-family:var(--font-t);
  padding:clamp(18px,3.6vw,40px) clamp(14px,4.5vw,52px) 90px}

.mm-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ── шапка ── */
.mm-top{display:flex;gap:16px;align-items:flex-start;max-width:940px;margin:0 auto 20px}
.mm-back{flex:none;display:grid;place-items:center;width:44px;height:44px;margin-top:2px;border-radius:14px;
  color:var(--ink-dim);background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-strong);
  transition:color .3s var(--ease),background .3s var(--ease)}
.mm-back:hover{color:var(--ink);background:var(--gold-soft)}
.mm-back:active{transform:scale(.94)}
.mm-back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.mm-back svg{width:18px;height:18px}
.mm-top h1{font-family:var(--font-d);font-size:clamp(1.5rem,3.4vw,2.25rem);font-weight:600;margin:0 0 6px}
.mm-line{max-width:58ch;margin:0;color:var(--ink-dim);font-size:.9375rem;line-height:1.55}

/* ── карточки ── */
.mm-wrap{max-width:940px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.mm-card{padding:clamp(14px,2.4vw,22px);border-radius:var(--r-md);background:var(--glass);
  box-shadow:inset 0 0 0 1px var(--line)}
.mm-card h2{font-family:var(--font-d);font-size:1.0625rem;font-weight:600;margin:0 0 6px}
.mm-sub{margin:0 0 12px;max-width:64ch;color:var(--ink-dim);font-size:.875rem;line-height:1.55}
.mm-said{color:var(--ink-dim);font-size:.8125rem;line-height:1.5}
.mm-empty{margin:0;color:var(--ink-dim);font-size:.875rem;line-height:1.55}

/* ── цель ── */
.mm-goal{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mm-goal input{flex:1 1 260px;min-height:44px;padding:0 14px;border-radius:var(--r-sm);border:0;
  color:var(--ink);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-strong);font:inherit;font-size:.9375rem}
.mm-goal input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.mm-btn{min-height:44px;padding:0 18px;border:0;border-radius:999px;font:inherit;font-size:.875rem;font-weight:600;
  color:var(--ink);background:var(--gold-soft);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 32%,transparent);
  cursor:pointer;transition:background .3s var(--ease)}
.mm-btn:hover{background:color-mix(in oklab,var(--gold) 22%,transparent)}
.mm-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ── что знает преподаватель ── */
.mm-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mm-facts li{display:flex;gap:12px;flex-wrap:wrap;font-size:.9375rem;line-height:1.5}
.mm-k{flex:0 0 200px;color:var(--gold-deep);font-size:.8125rem;padding-top:2px}
.mm-v{flex:1 1 260px}
@media (max-width:640px){.mm-k{flex-basis:100%}}

/* ── строки памяти ── */
.mm-lines{display:flex;flex-direction:column;gap:8px}
.mm-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;
  padding:10px 12px;border-radius:var(--r-sm);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.mm-row>div{font-size:.9375rem;line-height:1.5}
.mm-kind{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:999px;font-size:.75rem;
  color:var(--gold-deep);background:var(--gold-soft)}
.mm-forget{flex:none;min-height:32px;padding:0 12px;border:0;border-radius:999px;font:inherit;font-size:.8125rem;
  color:var(--ink-dim);background:none;box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer}
.mm-forget:hover{color:var(--ink)}
.mm-forget:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ── конспекты ── */
.mm-sessions{display:flex;flex-direction:column;gap:14px}
.mm-sess{padding:14px;border-radius:var(--r-sm);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.mm-sess h3{font-family:var(--font-d);font-size:1rem;font-weight:600;margin:0 0 4px}
.mm-sess p{margin:10px 0 0;font-size:.9375rem;line-height:1.55}
.mm-sess header p{margin:0}
.mm-sess b{color:var(--gold-deep)}
.mm-words{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.mm-word{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.875rem}
.mm-word b{color:var(--ink);font-weight:600}
.mm-word i{font-style:normal;color:var(--ink-dim)}
.mm-board{display:block;width:100%;max-width:520px;margin-top:12px;border-radius:var(--r-sm);
  box-shadow:inset 0 0 0 1px var(--line)}
.mm-sess .mm-forget{margin-top:12px}

/* ── стереть всё ── */
.mm-danger{box-shadow:inset 0 0 0 1px var(--line-strong)}
.mm-btn-danger{background:none;color:var(--ink-dim);box-shadow:inset 0 0 0 1px var(--line-strong)}
.mm-btn-danger:hover{color:var(--ink);background:var(--bg-2)}

/* ── правка строки конспекта и прошлая доска ──
   Кнопка правки это не вторая кнопка стирания: она мельче, стоит в строке
   текста и не тянет на себя внимание. Холст поднятой доски берёт ширину
   карточки и своё соотношение сторон от board.css. */
.mm-edit{min-height:28px;margin-left:8px;padding:0 10px;border:0;border-radius:999px;font:inherit;font-size:.75rem;
  color:var(--gold-deep);background:var(--gold-soft);cursor:pointer;vertical-align:middle}
.mm-edit:hover{background:color-mix(in oklab,var(--gold) 22%,transparent)}
.mm-edit:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.mm-inline{margin-top:8px}
.mm-boardbtn{display:block;margin-top:12px}
.mm-boardbtn[disabled]{opacity:.55;cursor:default;background:none;box-shadow:inset 0 0 0 1px var(--line-strong)}
.mm-boardhost{margin-top:10px;border-radius:var(--r-sm);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}