.ld-narr{flex:none;max-width:190px}
.ld-narr[hidden]{display:none}
/* кнопка выбора озвучки и лист со списком голосов */
.ld-src{flex:none;font-size:15px;line-height:1}
.ld-src[hidden]{display:none}
.ld-srcrow{display:flex;align-items:center;gap:8px;padding:0 18px}
.ld-srcrow.on{background:rgba(198,77,83,.09)}
.ld-srcit{display:flex;align-items:center;gap:11px;flex:1;min-width:0;background:none;border:0;padding:11px 0;
  text-align:left;cursor:pointer;font:inherit;color:var(--text,#272727)}
.ld-srct{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}
.ld-srct b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ld-srct small{font-size:11.5px;color:var(--muted,#8a8594)}
.ld-srcok{color:var(--brand,#c64d53);font-size:15px;flex:none}
.ld-srcgo{font-size:11.5px;color:var(--muted,#8a8594);text-decoration:none;flex:none;
  border-bottom:1px dotted var(--border,#ededed)}
.ld-srcgo:hover{color:var(--brand,#c64d53)}
.ld-narr .la-nb{padding:3px 10px 3px 3px}
.ld-narr .la-nb-av{width:24px;height:24px;font-size:12px}
.ld-narr .la-nb-t b{font-size:12px;max-width:120px}
@media(max-width:900px){.ld-narr{display:none}}
/* Низ дока поднимаем над жестовой полосой Android и полосой home в iOS,
   иначе кнопка «играть» попадает в системную зону и нажатие не проходит. */
.la-dock{position:fixed;left:0;right:0;bottom:0;z-index:9000;background:var(--card);border-top:1px solid var(--border);box-shadow:0 -6px 22px rgba(0,0,0,.10);padding-bottom:env(safe-area-inset-bottom,0px)}
.la-dock[hidden]{display:none}
.ld-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:13px;padding:9px 15px}
.ld-cov{width:44px;height:44px;border-radius:8px;background:var(--bg) center/cover no-repeat;border:1px solid var(--border);flex:none}
.ld-meta{min-width:0;width:210px;flex:none}
.ld-meta b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ld-meta small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ld-ctl{display:flex;align-items:center;gap:6px;flex:none}
.ld-b{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.ld-b:hover{border-color:var(--brand);color:var(--brand)}
.ld-b.main{width:42px;height:42px;background:var(--brand);border-color:var(--brand);color:#fff}
.ld-b.main:hover{color:#fff;opacity:.92}
.ld-prog{flex:1;display:flex;align-items:center;gap:9px;min-width:120px}
.ld-t{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}
.ld-seek{flex:1;height:5px;border-radius:4px;background:var(--bg);border:1px solid var(--border);cursor:pointer;overflow:hidden}
.ld-seek i{display:block;height:100%;width:0;background:var(--brand)}
/* Оглавление книги в плеере */
.ld-toc{margin-right:2px}
.ld-tocwrap{position:fixed;inset:0;background:rgba(10,8,14,.6);z-index:10050;display:flex;align-items:flex-end;justify-content:center}
@media(min-width:700px){.ld-tocwrap{align-items:center;padding:24px}}
.ld-tocbox{background:var(--card,#fff);width:100%;max-width:540px;max-height:78vh;border-radius:16px 16px 0 0;
  display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -10px 40px rgba(0,0,0,.34)}
@media(min-width:700px){.ld-tocbox{border-radius:16px}}
.ld-toch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;
  border-bottom:1px solid var(--border,#ededed);flex:none}
.ld-toch b{font-size:16px;line-height:1.3}
.ld-tocx{background:none;border:0;font-size:25px;line-height:1;color:var(--muted,#8a8594);cursor:pointer;padding:0 4px}
.ld-tocl{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 10px}
.ld-tocsum{color:var(--muted,#8a8594);font-size:12.5px;padding:8px 18px 8px}
.ld-tocit{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:11px 18px;
  text-align:left;cursor:pointer;font:inherit;color:var(--text,#272727)}
.ld-tocit:hover{background:var(--bg,#f5f5fa)}
.ld-tocit.on{background:rgba(198,77,83,.09)}
.ld-tocit .n{color:var(--muted,#8a8594);font-size:12.5px;min-width:22px;font-variant-numeric:tabular-nums}
.ld-tocit .t{flex:1;font-size:14px;line-height:1.4}
.ld-tocit .d{color:var(--muted,#8a8594);font-size:12px;white-space:nowrap}
.ld-go{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--muted);display:flex;align-items:center;justify-content:center;flex:none}
.ld-go:hover{border-color:var(--brand);color:var(--brand)}
.ld-x{font-size:20px;line-height:1;color:var(--muted)}
.ld-fb{display:flex;gap:6px;flex:none}
.ld-fb .ld-b{width:32px;height:32px}
.ld-lk.on{background:#e8f6ee;border-color:#3aa76d;color:#2f8f5b}
.ld-dk.on{background:#fdeced;border-color:#d9636a;color:#c04a52}
.ld-fb .ld-b:disabled{opacity:.5;cursor:default}
.ld-tip{position:fixed;left:50%;transform:translateX(-50%);bottom:78px;z-index:9600;background:#2b2338;color:#fff;
  padding:10px 16px;border-radius:11px;font-size:13.5px;box-shadow:0 8px 26px rgba(0,0,0,.3);max-width:88vw;text-align:center}
.ld-tip a{color:#ffb3b8;font-weight:700;text-decoration:underline}
/* Отступ считаем от реальной высоты дока: она живёт здесь, а компенсация стояла
   числом в _book_brand.php, и на телефоне зазор был ровно в один пиксель. */
body.la-dock-on{padding-bottom:calc(var(--la-dock-h,66px) + 8px)}
@media(max-width:760px){
  .ld-meta{width:auto;flex:1}
  .ld-prog{display:none}
  .ld-in{padding:8px 11px;gap:10px}
  /* Оглавление книги в плеере */
.ld-toc{margin-right:2px}
.ld-tocwrap{position:fixed;inset:0;background:rgba(10,8,14,.6);z-index:10050;display:flex;align-items:flex-end;justify-content:center}
@media(min-width:700px){.ld-tocwrap{align-items:center;padding:24px}}
.ld-tocbox{background:var(--card,#fff);width:100%;max-width:540px;max-height:78vh;border-radius:16px 16px 0 0;
  display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -10px 40px rgba(0,0,0,.34)}
@media(min-width:700px){.ld-tocbox{border-radius:16px}}
.ld-toch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;
  border-bottom:1px solid var(--border,#ededed);flex:none}
.ld-toch b{font-size:16px;line-height:1.3}
.ld-tocx{background:none;border:0;font-size:25px;line-height:1;color:var(--muted,#8a8594);cursor:pointer;padding:0 4px}
.ld-tocl{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 10px}
.ld-tocsum{color:var(--muted,#8a8594);font-size:12.5px;padding:8px 18px 8px}
.ld-tocit{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:11px 18px;
  text-align:left;cursor:pointer;font:inherit;color:var(--text,#272727)}
.ld-tocit:hover{background:var(--bg,#f5f5fa)}
.ld-tocit.on{background:rgba(198,77,83,.09)}
.ld-tocit .n{color:var(--muted,#8a8594);font-size:12.5px;min-width:22px;font-variant-numeric:tabular-nums}
.ld-tocit .t{flex:1;font-size:14px;line-height:1.4}
.ld-tocit .d{color:var(--muted,#8a8594);font-size:12px;white-space:nowrap}
.ld-go{display:none}
  body.la-dock-on{padding-bottom:calc(var(--la-dock-h,62px) + 8px)}
}
