/* Замок на акаунт (lock.js). Чорний екран і надпис — більше нічого.

   Непрозорий навмисно, і без картки: журнал під замком не має ні
   проглядати, ні вгадуватись. Затемнений інтерфейс позаду був би
   підказкою, що там щось лишилось, — а не лишилось нічого.

   Кольори числами, а не токенами теми: замок однаковий і в світлій,
   і в темній, і його вигляд не має залежати від того, що людина
   вибрала в налаштуваннях до того. */

.lk-back{
  position:fixed; inset:0; z-index:2147483647;
  display:flex; align-items:center; justify-content:center;
  padding:24px; background:#000;
}

.lk-w{width:100%; max-width:520px}

.lk-note{
  margin:0; font-size:17px; line-height:1.7; color:#f5f5f7;
  white-space:pre-line;
}

.lk-c{display:flex; flex-direction:column; gap:4px; margin-top:28px}
.lk-k{font-size:12px; color:#6e6e73; letter-spacing:.01em}
.lk-a{font-size:16px; color:#2997ff; text-decoration:none; width:fit-content}
.lk-a:hover{text-decoration:underline}

/* Під замком не скролимо нічого. */
html.locked, html.locked body{overflow:hidden}

@media (max-width:560px){
  .lk-note{font-size:16px}
}