/* Две корзины записи урока, «Прошлые уроки без записи», «Записи» на строке урока и ход заливки (22.10.2026, слова Лираз): в самом низу файла. Файл взят из
   lesson-start.337222b.css (в main не уходил; удалён как мёртвый).
   «Начать урок» и «Дочитали до стр.» на экране курса (21.10.2026); зал курса: кнопка на плашке, лист, тонкая строка «Идёт урок» с «Закончить урок» (22.10.2026). Свои классы ls-* (кнопки, форма, поля) по образцу courses.*.css: чужой раздел классов не делит.
   Старые андроиды (Chromium 99): только старые селекторы и единицы. Кнопки в одну строку, 360 px без горизонтальной прокрутки. */
.ls{margin:0 0 12px}
.ls-startbtn{white-space:nowrap}
.ls-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.ls-num input{max-width:9em}
.ls-link input{unicode-bidi:plaintext;text-align:start}
.ls-hint{text-align:start;margin:8px 2px 0}
.ls .ls-h-sub{margin:14px 0 8px}
.ls-lesson{padding:12px 14px;margin:0 0 10px;border:1px solid var(--line);border-radius:16px;background:var(--glass);display:flex;flex-direction:column;gap:10px}
.ls-lh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.ls-lh b{font-weight:600;color:var(--ink)}
.ls-day{color:var(--ink-faint);font-size:calc(12.5px * var(--fs,1))}
.ls-zoom{align-self:flex-start;white-space:nowrap;text-decoration:none}
.ls-mark{display:flex;align-items:flex-end;gap:10px;min-width:0}
.ls-page{flex:1 1 auto;min-width:0}
.ls-page input{max-width:9em}
.ls-markbtn{flex:0 0 auto;white-space:nowrap;padding:0 14px}
.ls-host{margin:0;font-size:calc(12.5px * var(--fs,1));color:var(--ink-dim)}
.ls-done{margin:0;font-size:calc(12.5px * var(--fs,1));color:var(--gold-text)}
.ls-msg{margin:0}
.ls-digest{display:flex;align-items:center;gap:8px;margin:0;font-size:calc(12.5px * var(--fs,1));line-height:1.45;color:var(--ink-dim)}
.ls-digest .ls-ic{flex:0 0 auto;color:var(--gold-text)}
[dir="rtl"] .ls-lh,[dir="rtl"] .ls-mark{direction:rtl}
@media (max-width:359px){.ls-mark{flex-wrap:wrap}.ls-markbtn{width:100%}}

.ls-ic{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ls-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;
  font-size:calc(14px * var(--fs,1));font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap}
.ls-btn[disabled]{cursor:default;opacity:.6}
.ls-btn-gold{background:var(--gold-fill);color:var(--on-gold);border:0}
.ls-btn-line{border:1px solid rgba(var(--gold-rgb),.45);background:transparent;color:var(--gold-text)}
.ls-btn-wide{width:100%}
.ls-form{margin:0 0 12px;padding:14px 15px;border:1px solid rgba(var(--gold-rgb),.4);border-radius:16px;background:var(--glass)}
.ls-form .ls-h{margin-top:0}
.ls-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:calc(11.5px * var(--fs,1));color:var(--ink-faint)}
.ls-field input{width:100%;min-width:0;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:12px;
  background:var(--glass2);color:var(--ink);font-size:16px;font-family:inherit}
.ls-note{margin:6px 4px 0;font-size:calc(11.5px * var(--fs,1));line-height:1.5;color:var(--ink-faint)}
.ls-form-msg{min-height:1.2em;margin:8px 4px 0;font-size:calc(12.5px * var(--fs,1));line-height:1.45;color:var(--gold-text)}
.ls-form-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ls-h{margin:0 0 8px;font-size:calc(15px * var(--fs,1));font-weight:700;color:var(--ink)}
.ls-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;
  font-size:calc(10px * var(--fs,1));font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-text);border:1px solid rgba(var(--gold-rgb),.4)}
.ls-badge.ls-live{background:var(--live);color:var(--on-live);border-color:transparent}
.ls-badge .ls-ic{width:14px;height:14px}

.ls-notebtn{align-self:flex-start;white-space:nowrap}
.ls-noteform{display:flex;flex-direction:column;gap:10px;min-width:0}
.ls-field textarea{width:100%;min-width:0;min-height:180px;max-height:50vh;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--glass2);
  color:var(--ink);font-size:16px;line-height:1.45;font-family:inherit;resize:vertical;overflow:auto}

/* Зал курса (22.10.2026). Кнопка на плашке — в строке плашки между «в курс» и стрелкой дня; лист — общий .as-sheet, форма та же, что на экране курса;
   «Закончить урок» — под данными карточки «Идёт урок». Кнопки в одну строку; логические отступы — под иврит. */
.ls-plate-start{flex:0 0 auto;align-self:center;min-height:40px;padding:0 14px;gap:6px;font-size:calc(13px * var(--fs,1));margin-inline-start:2px;margin-inline-end:8px}
.ls-plate-start span{white-space:nowrap}
.as-sheet.ls-sheet{align-items:flex-start;justify-content:center;padding:max(10px,env(safe-area-inset-top)) 12px 0;box-sizing:border-box;overflow:auto}
html[data-kind="desktop"] .as-sheet.ls-sheet{align-items:center;padding-top:0}
.ls-sheet .ls-card{max-width:460px;border-radius:20px;padding-bottom:0;box-shadow:0 14px 44px var(--scrim);background:linear-gradient(var(--bar),var(--bar)),var(--bg0)}
.ls-sheet .ls-form{margin:0;padding:0;border:0;background:none}
.ls-sheet-h{font-size:calc(15px * var(--fs,1));font-weight:700;color:var(--ink)}
.ls-x{display:grid;place-items:center}
.ls-x .ls-ic{width:20px;height:20px}

/* Кнопка «Закончить урок» в тонкой строке идущего урока (22.10.2026, слова Лираз): endLine() в lesson-start.*.js. Саму строку рисует и стилизует
   раздел «Курсы» (courses-live.*.css, courses.*.js: liveLine), здесь — только то, что принадлежит этому модулю: кнопка и вопрос. Телефон — значок «стоп» без слов
   (имя в aria-label и title), иначе рядом с «Войти в Zoom» названию урока не остаётся места. Вопрос «Закончить урок?» встаёт на место названия: строка не растёт. */
.ls-end-line{flex:0 0 auto;min-height:40px;padding:0 12px;gap:6px;font-size:calc(13px * var(--fs,1))}
.ls-end-t{white-space:nowrap}
.ls-end-line:focus-visible,.ls-endbtn:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.ls-endask-line{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}
.ls-endask-line .ls-endq{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--ink);font-size:calc(13px * var(--fs,1))}
.ls-endbtn{flex:0 0 auto;min-height:40px;padding:0 12px;font-size:calc(13px * var(--fs,1))}
@media (max-width:599px){
  .ls-end-line{width:40px;padding:0}
  .ls-end-line .ls-end-t{display:none}
}
@media (max-width:380px){
  .ls-end-line{width:36px;min-width:36px}
  .ls-end-line .ls-ic{width:16px;height:16px}
  .ls-endbtn{padding:0 10px;font-size:calc(12px * var(--fs,1))}
  .ls-endask-line .ls-endq{font-size:calc(12.5px * var(--fs,1))}
}

/* Две корзины записи урока (22.10.2026). Крупная корзина — нажать или бросить файл; в строке прошлого урока — таблетка в одно нажатие. Ограды везде min-width:0 (360 px без
   горизонтальной прокрутки), кнопки в одну строку, логические отступы — под иврит. Поле выбора файла спрятано в самой корзине (label): выбор открывается без скрипта. */
.ls-bins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0}
.ls-bin-wrap{display:flex;flex-direction:column;gap:6px;min-width:0}
.ls-bin{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;box-sizing:border-box;cursor:pointer;
  border:1.5px dashed rgba(var(--gold-rgb),.55);background:var(--glass);color:var(--ink);text-align:center;font-family:inherit}
.ls-bin-big{min-height:124px;padding:14px 10px;border-radius:16px}
.ls-bin-in{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;opacity:0}
.ls-bin:focus-within{outline:2px solid var(--violet);outline-offset:2px}
.ls-bin.is-over{border-style:solid;background:rgba(var(--gold-rgb),.16)}
.ls-bin.is-staged,.ls-bin.is-uploading,.ls-bin.is-queued,.ls-bin.is-wait,.ls-bin.is-saving{border-style:solid}
.ls-bin.is-have{border-style:solid;border-color:rgba(var(--live-rgb),.6)}
.ls-bin.is-error{border-style:solid;border-color:rgba(var(--danger-rgb),.7)}
.ls-bin-ic{display:grid;place-items:center}
.ls-bin-ic .ls-ic{width:30px;height:30px;color:var(--gold-text)}
.ls-bin.is-have .ls-bin-ic .ls-ic{color:var(--live)}
.ls-bin.is-error .ls-bin-ic .ls-ic{color:var(--danger-text)}
.ls-bin-t{font-size:calc(14px * var(--fs,1));font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.ls-bin-h{max-width:100%;font-size:calc(11.5px * var(--fs,1));line-height:1.35;color:var(--ink-faint);overflow-wrap:anywhere}
.ls-bin.is-error .ls-bin-h{color:var(--danger-text)}
.ls-bin-h2{color:var(--gold-text)}
.ls-bin-act{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ls-bin-b{flex:0 0 auto;min-height:40px;padding:0 12px;gap:6px;font-size:calc(13px * var(--fs,1))}
.ls-bin-msg{flex:1 1 100%;margin:0;font-size:calc(12px * var(--fs,1));line-height:1.4;color:var(--danger-text);text-align:start}
.ls-pg{display:block;width:100%;height:6px;border:0;border-radius:999px;background:var(--glass2);-webkit-appearance:none;appearance:none;overflow:hidden}
.ls-pg::-webkit-progress-bar{background:var(--glass2);border-radius:999px}
.ls-pg::-webkit-progress-value{background:var(--gold-fill);border-radius:999px}
.ls-pg::-moz-progress-bar{background:var(--gold-fill);border-radius:999px}
.ls-hidnote{display:flex;align-items:center;gap:8px;margin:10px 2px 0;text-align:start}
.ls-hidnote .ls-ic{flex:0 0 auto;width:16px;height:16px;color:var(--gold-text)}
.ls-leave{margin:8px 2px 0;text-align:start}
.ls-sheet .ls-hint{text-align:start}

/* Прошлые уроки без записи — сверху листа; строка: «Урок N · дата» и две таблетки. */
.ls-past{margin:0 0 12px;padding:0 0 4px;border-bottom:1px solid var(--line)}
.ls-past-h{margin:2px 2px 6px;font-size:calc(11px * var(--fs,1));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-text);text-align:start}
.ls-prow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 0;border-top:1px solid var(--line)}
.ls-past-h + .ls-prow{border-top:0}
.ls-prow-t{flex:1 1 96px;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:start}
.ls-prow-t b{font-weight:700;font-size:calc(14px * var(--fs,1));color:var(--ink)}
.ls-pills{display:flex;flex-wrap:wrap;gap:8px;flex:0 1 auto;min-width:0}
.ls-pills .ls-bin-wrap{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}
.ls-bin-sm{flex-direction:row;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border-style:solid;white-space:nowrap}
.ls-bin-sm .ls-bin-ic .ls-ic{width:18px;height:18px}
.ls-bin-sm .ls-bin-t{font-size:calc(13px * var(--fs,1));overflow:hidden;text-overflow:ellipsis}
.ls-bin-sm.is-over{background:rgba(var(--gold-rgb),.2)}
.ls-bin-sm.is-have{cursor:default}
.ls-hidrow{flex:1 1 100%;display:flex;align-items:center;gap:8px;min-width:0;margin:2px 0 0}
.ls-hidrow > .ls-ic{flex:0 0 auto;width:16px;height:16px;color:var(--gold-text)}
.ls-hidrow > span{flex:1 1 auto;min-width:0;font-size:calc(12px * var(--fs,1));line-height:1.35;color:var(--ink-dim);text-align:start}
.ls-openbtn{flex:0 0 auto;min-height:40px;padding:0 14px;gap:6px;font-size:calc(13px * var(--fs,1))}

/* «Записи» на тонкой строке идущего урока: тот же значок-кнопка, что «Закончить урок» (.ls-end-line): на телефоне без слов, имя в aria-label. */
.ls-rec-line .ls-ic{width:18px;height:18px}

/* Ход заливки на плашке курса: одна строка — значок, «Загружается 45%», какой урок и вид, справа «Стоп»; тонкая полоска ниже. Стоит в потоке под строкой курса. */
.ls-up{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;box-sizing:border-box;padding:6px 10px 8px;padding-inline-start:14px;border-top:1px solid var(--line);
  font-size:calc(13px * var(--fs,1));color:var(--ink)}
.ls-up > .ls-ic{flex:0 0 auto;color:var(--gold-text)}
.ls-up-t{flex:0 0 auto;font-weight:700;white-space:nowrap}
.ls-up-n{flex:1 1 60px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(12px * var(--fs,1));color:var(--ink-dim)}
.ls-up-acts{display:flex;flex:0 0 auto;gap:6px;margin-inline-start:auto}
.ls-up .ls-bin-b{min-height:36px;padding:0 10px}
.ls-up .ls-pg-line{flex:1 1 100%;height:3px}
.ls-up-err,.ls-up-err > .ls-ic{color:var(--danger-text)}
.ls-up-done > .ls-ic{color:var(--live)}
@media (max-width:480px){
  .ls-up-n{display:none}
  .ls-up-acts{margin-inline-start:auto}
  .ls-bins{gap:8px}
  .ls-bin-big{padding:12px 6px}
}
@media (max-width:380px){
  .ls-bin-t{font-size:calc(13px * var(--fs,1))}
  .ls-bin-sm{padding:0 10px}
}

/* Лист длиннее экрана (прошлые уроки, две корзины, поля): «Начать» и «Отмена» стоят внизу листа и не уезжают — всегда на виду. Карточка листа без нижнего поля,
   поле у самой полосы кнопок. */
.ls-sheet .ls-form-act{position:sticky;bottom:0;z-index:2;margin:0;padding:10px 0 16px;background:linear-gradient(var(--bar),var(--bar)),var(--bg0)}
.ls-sheet .ls-bins:last-child,.ls-sheet [data-ls-slot="rec"]{padding-bottom:16px}
/* Лист выше обычного (по умолчанию общий .as-card режет на 70% высоты): прошлые уроки, корзины и поля помещаются без прокрутки, где экран позволяет. */
.as-sheet.ls-sheet .ls-card{max-height:90vh}