/* переменные оформления переехали в /la_skin.css — он подключён выше и общий с профилем движка */
/* Микрофон живого чтеца: боковые волны дышат в том же ритме, что столбики
   эквалайзера нейроголоса. Значок один и тот же на любой системе. */
.la-mic{flex:none;vertical-align:-2px;display:inline-block}
.la-mic .la-mic-w>path{transform-box:fill-box;transform-origin:center;animation:laMicWave 1.9s ease-in-out infinite}
.la-mic .la-mic-w>path:nth-child(2){animation-delay:.3s}
@keyframes laMicWave{0%,100%{transform:scaleY(.4);opacity:.35}50%{transform:scaleY(1);opacity:.9}}
@media(prefers-reduced-motion:reduce){.la-mic .la-mic-w>path{animation:none;opacity:.6}}
.la-story-ic{transform-origin:center;animation:laStoryPulse 1.7s ease-in-out infinite}
@keyframes laStoryPulse{0%,100%{transform:scale(1)}45%{transform:scale(1.18) rotate(-3deg)}70%{transform:scale(.95)}}
.la-meet-ic .la-meet-dot{animation:laMeetBlink 1.5s steps(1) infinite}
@keyframes laMeetBlink{0%,60%{opacity:1}61%,100%{opacity:.2}}
.la-star-ic{transform-origin:center;animation:laStarTwinkle 2.4s ease-in-out infinite;vertical-align:-2px;filter:drop-shadow(0 1px 1px rgba(180,120,0,.35))}
@keyframes laStarTwinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.14) rotate(-6deg)}}
.la-medal-ic{transform-origin:center;animation:laMedalSwing 3s ease-in-out infinite;vertical-align:-2px}
@keyframes laMedalSwing{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
.la-medal-ic .la-medal-star{transform-box:fill-box;transform-origin:center;animation:laMedalShine 1.9s ease-in-out infinite}
@keyframes laMedalShine{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.la-medal-ic,.la-medal-ic .la-medal-star{animation:none}}
.la-audio-ic .la-eq rect{transform-box:fill-box;transform-origin:bottom}
.la-audio-ic .la-eq .b1{animation:laEq1 .85s ease-in-out infinite}
.la-audio-ic .la-eq .b2{animation:laEq2 .85s ease-in-out infinite}
@keyframes laEq1{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
@keyframes laEq2{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.4)}}
@media(prefers-reduced-motion:reduce){.la-story-ic,.la-meet-ic .la-meet-dot,.la-audio-ic .la-eq rect{animation:none}}
/* двухслойные SVG-иконки движка (шапка/меню): акцентный слой задаётся в layout/style.phtml, на книжных страницах его нет — восстанавливаем 1:1 */
svg .icon_main{stroke:var(--brand)}
svg .icon_main_fill{fill:var(--brand)}
*{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%}
body{margin:0;background:var(--bg)!important;color:var(--text);font-family:var(--font)!important;font-size:14.5px;line-height:1.5}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--head);color:var(--text)}
.la-wrap{max-width:1500px;width:100%;margin:0 auto;padding:0 15px}
@media(max-width:1400px){.la-wrap{max-width:100%}}
/* navbar — sunshine 1:1 (значения сняты с эталона WoWonder) */
/* 05.08.2026: шапка не читалась как шапка. Граница была var(--border) = #ededed, а фон страницы
   var(--bg) = #dfe4f5, то есть линия светлее фона и на светлой теме ее просто не видно; тень в
   5 процентов на сиреневом фоне тоже пропадала, шапка выглядела белой полосой поверх содержимого.
   Теперь честная линия по низу и мягкая тень, а при прокрутке тень глубже (класс la-stuck вешает
   скрипт после разметки шапки). Высота не меняется: граница как была 1px, так и осталась. */
.la-hdr{background:linear-gradient(180deg,#fff 0%,#f4f6fc 100%);box-shadow:0 6px 18px rgba(17,20,45,.12);position:sticky;top:0;z-index:500;border-bottom:1px solid rgba(17,20,45,.17);transition:box-shadow .2s}
/* фирменная линия по низу шапки: самый дешевый способ показать край слоя, высоты не добавляет,
   потому что лежит внутри бокса поверх последних двух пикселей подложки */
.la-hdr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#c64d53 0%,#e0894d 42%,#6d5bd0 100%);pointer-events:none}
.la-hdr.la-stuck{box-shadow:0 10px 26px rgba(17,20,45,.19)}
html[data-theme="dark"] .la-hdr{background:linear-gradient(180deg,#232833 0%,#1b1e27 100%);box-shadow:0 6px 18px rgba(0,0,0,.5);border-bottom-color:rgba(255,255,255,.13)}
html[data-theme="dark"] .la-hdr.la-stuck{box-shadow:0 10px 28px rgba(0,0,0,.62)}
.la-hdr .la-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px}
.wow_hdr_innr_left{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.la-logo img{max-width:170px;max-height:30px;display:block}.la-logo .dk{display:none}html[data-theme="dark"] .la-logo .lt{display:none}html[data-theme="dark"] .la-logo .dk{display:block}
.la-leftnav{display:flex;align-items:center;gap:8px;margin:0 0 0 16px;padding:0;list-style:none}
.la-leftnav>li{list-style:none}
#wo_home_btns{display:flex;align-items:center;justify-content:center;height:40px;border-radius:7px;padding:0 12px;font-size:13px;font-family:"Poppins",sans-serif;color:#fff!important;background-color:var(--brand)}
#wo_home_btns:hover{background-color:var(--brand-d)}
#wo_home_btns>svg{width:19px;height:19px;flex:none}
.la-grid{display:flex;align-items:center;justify-content:center;height:33px;width:33px;border-radius:9px;background-color:#f5f5f5;color:#3f4354;font-size:15px}
.la-grid:hover{background-color:rgb(0 0 0 / 8%)}
html[data-theme="dark"] .la-grid{background-color:#222838;color:var(--text)}
.la-appsli{position:relative}.la-grid{border:0}
/* WoWonder-шапка: убрать кнопку «создать» (4-квадрата) рядом с «Главная» — разделы есть в ряду ниже */
.head_name_links{display:none!important}
/* контур строки поиска в шапке (сливалась с фоном в обеих темах) */
#wo_home_search .search-container{border:1px solid #d9d3cc;border-radius:10px}
html[data-theme="dark"] #wo_home_search .search-container{border-color:#39415a}
.la-apps{position:absolute;left:0;top:calc(100% + 12px);background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:14px;display:none;z-index:600;grid-template-columns:repeat(3,118px);gap:10px}
.la-apps.on{display:grid}
.la-apps a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg);border-radius:12px;padding:18px 8px;text-align:center;font-size:12.5px;color:var(--text);min-height:100px;line-height:1.25;font-family:var(--head)}
.la-apps a:hover{background:var(--brand);color:#fff}
.la-apps a .ic{color:var(--brand);display:flex}.la-apps a:hover .ic{color:#fff}
@media(max-width:560px){.la-apps{grid-template-columns:repeat(2,1fr);width:min(88vw,300px)}}
/* Гостевое меню разбито на два смысловых блока, и колонок в нем две: четыре пункта блока
   ложатся ровно 2x2, а в три колонки последний пункт свисал бы отдельной строкой. */
.la-apps-g{grid-template-columns:repeat(2,132px)}
.la-apps .la-appcap{grid-column:1/-1;align-self:end;font-family:var(--head);font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);padding:0 2px}
.la-apps .la-appcap+.la-appcap,.la-apps a+.la-appcap{margin-top:6px}
.la-apps .la-appin{grid-column:1/-1;flex-direction:row;gap:9px;min-height:0;padding:12px 8px;font-weight:700;color:var(--brand)}
.la-apps .la-appin:hover{color:#fff}
@media(max-width:560px){.la-apps-g{grid-template-columns:repeat(2,1fr)}}
/* Выпадашка разделов на узких экранах.
   Что ломалось: меню шире кнопки (до 300px), а кнопка стоит в шапке за логотипом, примерно на
   169-й точке по горизонтали. Привязанное к кнопке (left:0 от неё), меню уезжало правым краем
   за экран уже при ширине 390; при 560 и шире всё помещалось, поэтому на настольном экране
   ничего видно не было.
   Что сделано: точка отсчёта переносится с кнопки на саму шапку. Шапка липкая
   (.la-hdr{position:sticky}), а sticky — позиционированный элемент, то есть служит точкой
   отсчёта и остаётся ею при прокрутке: меню от шапки не отрывается. От неё же меню прижимается
   к правому краю экрана и целиком помещается на любой ширине.
   Почему только .la-hdr: в служебной строке .la-subnav кнопка стоит первой слева, там меню и так
   помещается, а на страницах движка сама строка не позиционирована (body.la-eng .la-subnav
   {position:static}) — перенос точки отсчёта увёл бы меню к началу документа. */
@media(max-width:560px){
  .la-hdr .la-appsli{position:static}
  .la-hdr .la-apps{left:auto;right:12px}
}
#wo_home_search{flex:1 1 auto;display:flex;justify-content:center;min-width:0;margin:0 8px}
.search-container{width:100%;max-width:475px}
.la-search{display:flex;align-items:center;width:100%;height:40px;border-radius:8px;background:#f5f5f5;border:1px solid #e2ddd6;cursor:pointer}
html[data-theme="dark"] .la-search{background:#222838;border-color:#39415a}
.la-search .la-sico{display:flex;align-items:center;margin:0 12px;color:#666;flex:none}
html[data-theme="dark"] .la-search .la-sico{color:#787878}
.la-search .search-input{flex:1;min-width:0;height:40px;border:0;background:0 0;outline:none;color:#777;padding:0 14px 0 0;font-family:"Poppins",sans-serif;font-size:13px;cursor:pointer;pointer-events:none}
html[data-theme="dark"] .la-search .search-input{color:var(--muted)}
#head_menu_rght{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;flex:0 0 auto}
#head_menu_rght>li{list-style:none;display:flex;align-items:center}
.la-themebtn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-mid);border-radius:50%;width:38px;height:38px;cursor:pointer;color:var(--text)}
.la-user{display:flex;align-items:center;background:transparent;border:0;cursor:pointer;padding:4px}
.la-user .user-avatar img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.la-user b{font-family:"Poppins",sans-serif;font-size:14px;margin-left:9px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:500}
.la-user:after{content:"";margin-left:8px;border-top:5px solid var(--muted);border-left:5px solid transparent;border-right:5px solid transparent}
.la-auth{display:flex;gap:8px;align-items:center}
.la-auth a{font-family:"Poppins",sans-serif;font-size:13px;padding:8px 16px;border-radius:8px}.la-auth .reg{background:var(--brand);color:#fff;font-weight:500}.la-auth .log{border:1px solid var(--border-mid)}
@media(max-width:760px){.la-leftnav{margin-left:8px}#wo_home_btns>span{display:none}#wo_home_btns{padding:0 10px}.la-user b{display:none}.la-auth a{padding:7px 11px}.search-container{max-width:none}.la-logo img{max-width:130px}}
/* ночной режим: тёмные модалки/дропдауны движка (раньше оставались светлыми) */
html[data-theme="dark"] .dropdown-menu,html[data-theme="dark"] .modal-content,html[data-theme="dark"] .pop-up-box,html[data-theme="dark"] .notification-list,html[data-theme="dark"] .notifications-dropdown,html[data-theme="dark"] .head_notifications,html[data-theme="dark"] .message-drop,html[data-theme="dark"] .drop-content,html[data-theme="dark"] .search-dropdown-container,html[data-theme="dark"] .create_head_menu,html[data-theme="dark"] .head-drop{background:#1b1e27!important;color:#e7e9ee!important;border-color:#2a3040!important;box-shadow:0 8px 26px rgba(0,0,0,.5)!important}
html[data-theme="dark"] .dropdown-menu a,html[data-theme="dark"] .dropdown-menu li,html[data-theme="dark"] .dropdown-menu span,html[data-theme="dark"] .notification-list a,html[data-theme="dark"] .notification-text,html[data-theme="dark"] .modal-body,html[data-theme="dark"] .search-user-name,html[data-theme="dark"] .modal-content{color:#e7e9ee!important}
html[data-theme="dark"] .dropdown-menu a:hover,html[data-theme="dark"] .notification-list a:hover,html[data-theme="dark"] .dropdown-menu li:hover,html[data-theme="dark"] .search-dropdown-container li:hover{background:#222838!important}
html[data-theme="dark"] .modal-header,html[data-theme="dark"] .modal-footer,html[data-theme="dark"] .notification-list li,html[data-theme="dark"] .dropdown-menu .divider{border-color:#2a3040!important}
html[data-theme="dark"] .modal-content input,html[data-theme="dark"] .modal-content textarea{background:#13151c!important;color:#e7e9ee!important;border-color:#2a3040!important}
/* тёмная тема: пункты меню без белой подложки + карточки create-меню */
html[data-theme="dark"] .dropdown-menu>li>a,html[data-theme="dark"] .dropdown-menu li,html[data-theme="dark"] .dropdown-menu li.active,html[data-theme="dark"] .dropdown-menu li.active>a,html[data-theme="dark"] .dropdown-menu li>a,html[data-theme="dark"] .head-drop li,html[data-theme="dark"] .head-drop li a,html[data-theme="dark"] .head_dropdown li{background:transparent!important;background-color:transparent!important;color:#e7e9ee!important}
html[data-theme="dark"] .dropdown-menu>li>a:hover,html[data-theme="dark"] .dropdown-menu li.active>a,html[data-theme="dark"] .dropdown-menu li>a:hover,html[data-theme="dark"] .head-drop li a:hover{background:#262c3a!important}
html[data-theme="dark"] .create_head_menu li,html[data-theme="dark"] .create_head_menu>li{background:transparent!important;background-color:transparent!important}
html[data-theme="dark"] .create_head_menu a{background:#222838!important;background-color:#222838!important;border-color:#2a3040!important;color:#e7e9ee!important}
html[data-theme="dark"] .create_head_menu a:hover{background:#2a3040!important;background-color:#2a3040!important}
/* тёмная тема: точные классы движковых меню (аккаунт, уведомления, сообщения, create) */
html[data-theme="dark"] .ani-acc-menu,html[data-theme="dark"] .notifications-dropdown,html[data-theme="dark"] .messages-dropdown,html[data-theme="dark"] .request-list,html[data-theme="dark"] .ani-acc-menu *,html[data-theme="dark"] .notifications-dropdown>li{background-color:transparent}
html[data-theme="dark"] .ani-acc-menu,html[data-theme="dark"] .notifications-dropdown,html[data-theme="dark"] .messages-dropdown,html[data-theme="dark"] .request-list{background:#1b1e27!important;background-color:#1b1e27!important;border-color:#2a3040!important}
html[data-theme="dark"] .ani-acc-menu li a,html[data-theme="dark"] .ani-acc-menu li,html[data-theme="dark"] .notifications-dropdown li a,html[data-theme="dark"] .messages-dropdown li a{background:transparent!important;background-color:transparent!important;color:#e7e9ee!important}
html[data-theme="dark"] .ani-acc-menu li a:hover,html[data-theme="dark"] .ani-acc-menu li a:focus,html[data-theme="dark"] .notifications-dropdown li a:hover,html[data-theme="dark"] .messages-dropdown li a:hover{background:#262c3a!important;background-color:#262c3a!important;color:#fff!important}
html[data-theme="dark"] .create_head_menu li a,html[data-theme="dark"] .create_head_menu>li>a{background:#222838!important;background-color:#222838!important;color:#e7e9ee!important;border-color:#2a3040!important}
html[data-theme="dark"] .create_head_menu li a:hover{background:#2a3040!important;background-color:#2a3040!important}
html[data-theme="dark"] .ani-acc-menu hr,html[data-theme="dark"] .create_head_menu hr,html[data-theme="dark"] .notifications-dropdown hr{border-color:#2a3040!important;background:#2a3040!important;opacity:1}
html[data-theme="dark"] .ani-acc-menu li a span,html[data-theme="dark"] .notifications-dropdown .notification-text,html[data-theme="dark"] .messages-dropdown .name{color:#e7e9ee!important}
/* мобильный адаптив (телефоны) */
@media(max-width:600px){.la-hdr .la-wrap{gap:8px;padding:10px 12px}.la-subnav .la-wrap{gap:3px;padding:6px 10px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.la-subnav .la-wrap::-webkit-scrollbar{display:none}.la-subnav a{font-size:12.5px;padding:6px 10px;white-space:nowrap}.la-logo img{max-width:120px}}
@media(max-width:420px){.la-hdr .la-wrap{padding:9px 10px}#head_menu_rght{gap:5px}.la-logo img{max-width:104px}}
.la-body{padding:22px 0 10px}
.btn-brand{background:var(--brand);color:#fff!important;border:none;border-radius:8px;padding:11px 22px;font-weight:500;cursor:pointer;display:inline-block;font-family:var(--font);font-size:14px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14)}
.btn-brand:hover{background:var(--brand-d)}
/* .la-btn стоял в разметке кабинета преподавателя и расписания, а стиля к нему не было
   ни в одном файле: браузер рисовал системную кнопку. Даем вид по образцу .btn-brand. */
.la-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--brand);color:#fff!important;border:none;border-radius:8px;padding:11px 22px;font-family:var(--head);font-size:14px;font-weight:500;line-height:1.25;cursor:pointer;text-decoration:none;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14)}
.la-btn:hover{background:var(--brand-d)}
.la-btn[disabled],.la-btn:disabled{opacity:.55;cursor:default}
.la-foot{border-top:1px solid var(--border);padding:22px 0;color:var(--muted);font-size:13px;text-align:center;margin-top:28px}.la-foot a{color:var(--brand)}
.la-nav a,.la-user b,.la-auth a,.btn-brand{font-family:var(--head)}
/* белая карточка-подложка как на главной (WoWonder card) */
.wo-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--card-pad);margin-bottom:var(--card-gap);border:1px solid var(--border)}
html[data-theme="dark"] .wo-card{border-color:var(--border)}
.la-udrop{position:relative}
.la-um{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);min-width:240px;padding:8px;display:none;z-index:600}
.la-um.on{display:block}
.la-um a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--text)}
.la-um a:hover{background:var(--bg);color:var(--brand)}.la-um a i{width:16px;color:var(--muted)}
.la-srch{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:900;display:none}
.la-srch.on{display:block}
.la-srch-box{max-width:640px;margin:8vh auto 0;background:transparent;box-shadow:none;padding:0 14px;display:flex;flex-direction:column;gap:10px}
.la-srch-box input{width:100%;box-sizing:border-box;border:1px solid var(--border);outline:none;padding:16px 20px;font-size:17px;font-family:var(--font);color:var(--text);background:var(--card);border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.28)}
.la-srch-box input:focus{border-color:var(--brand)}
.la-srch-res{max-height:60vh;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.22)}
.la-srch-res:empty{display:none}
.la-srch-res a{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--border)}
.la-srch-res a:last-child{border-bottom:none}.la-srch-res a:hover{background:var(--bg)}
.la-srch-res .c{flex:0 0 40px;height:58px;border-radius:5px;background:linear-gradient(135deg,#c64d53,#e07a80);overflow:hidden}.la-srch-res .c img{width:100%;height:100%;object-fit:cover}
.la-srch-res .nm{font-weight:600;font-family:var(--head);font-size:15px}.la-srch-res .mt{color:var(--muted);font-size:12px}
.la-srch-empty{padding:22px;color:var(--muted);text-align:center}
/* подсказки на лету: строка достраивания, «Возможно, вы искали», заголовки групп */
.la-srch-res a.sg{padding:9px 18px;font-size:14.5px;color:var(--text)}
.la-srch-res a.sg .ic{flex:0 0 26px;height:26px;border-radius:6px;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.la-srch-res a.sg .ic img{width:100%;height:100%;object-fit:cover}
.la-srch-res a.sg .tx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.la-srch-res a.sg .tx b{font-weight:700}
.la-srch-res a.sg .ty{font-size:11px;color:var(--muted);flex:none;text-transform:lowercase}
.la-srch-res a.sel{background:var(--bg)}
.la-srch-hd{padding:10px 18px 3px;font-size:11px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.4px}
.la-srch-did{padding:11px 18px;font-size:13.5px;color:var(--muted);border-bottom:1px solid var(--border)}
.la-srch-did a{display:inline;padding:0;border-bottom:0;color:var(--brand);font-weight:600}
.la-subnav{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:480}
.la-subnav .la-wrap{display:flex;gap:4px;align-items:center;padding:7px 15px;flex-wrap:wrap}
.la-subnav a{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:8px;font-size:13.5px;font-family:var(--head);color:var(--soft)}
.la-subnav a:hover{background:var(--bg);color:var(--brand)}
.la-more{position:relative;display:inline-flex}
.la-more-b{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:0;border-radius:8px;background:transparent;color:var(--soft);font:inherit;font-size:13.5px;font-family:var(--head);cursor:pointer}
.la-more-b:hover,.la-more.on .la-more-b{background:var(--bg);color:var(--brand)}
.la-more-d{position:absolute;top:calc(100% + 6px);left:0;min-width:210px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:none;z-index:600}
.la-more.on .la-more-d{display:block}
.la-more-d a{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;font-size:13.5px;white-space:nowrap}
.la-subnav .la-more-d a{color:var(--soft)}
.la-more-d a:hover{background:var(--bg);color:var(--brand)}
.sn-hide{display:none}
/* планшет: библиотека уезжает в «Ещё», строка не ломается */
@media(max-width:1080px){
  .la-subnav .sn-lib,.la-subnav .sn-chtecy{display:none}
  .la-more-d .sn-hide{display:flex}
}
/* телефон: прокрутка остаётся, но пунктов уже шесть, а не одиннадцать */
@media(max-width:600px){
  .la-more-d{position:fixed;left:10px;right:10px;top:auto;min-width:0}
}
/* === ЕДИНАЯ БЕЛАЯ ШАПКА: движковый ряд + книжный нав в одной плашке, без фиолетового зазора === */
body.la-eng{padding-top:0}
.header-container{position:relative;z-index:500}
/* движковый навбар: static (не fixed) + белый фон, чтобы не просвечивал фон страницы и не было зазора */
body.la-eng .navbar.navbar-default,body.la-eng .navbar.navbar-fixed-top{position:static!important;background:var(--card)!important;margin:0!important;border:0!important;box-shadow:none!important}
body.la-eng .header-container{background:var(--card);box-shadow:none;position:sticky;top:0}
body.la-eng .header-fixed1000,body.la-eng .header-fixed1200{max-width:1500px;width:100%;padding:0 15px}
body.la-eng .header-fixed1000>.container-fluid{align-items:center;min-height:58px}
body.la-eng #head_menu_rght{display:flex;align-items:center}
body.la-eng .navbar-default .navbar-nav>li>a{display:flex;align-items:center}
/* книжный сабнав: продолжение той же белой шапки, прилеплен вплотную, мягкая тень снизу всей шапки */
body.la-eng .la-subnav{position:static;top:auto;background:var(--card);border-top:1px solid var(--border);border-bottom:none;box-shadow:0 2px 8px rgba(0,0,0,.06)}
/* la-scroll-visible: ползунок горизонтальной прокрутки. Системный на светлом фоне
   почти не виден, и человек не понимает, что полку можно листать. */
.shelf-row,.sh-row,.rd-pills,.h-genres,.cat-row{scrollbar-width:thin;scrollbar-color:rgba(198,77,83,.6) rgba(20,18,28,.10)}
.shelf-row::-webkit-scrollbar,.sh-row::-webkit-scrollbar,.h-genres::-webkit-scrollbar,.cat-row::-webkit-scrollbar{height:11px}
.shelf-row::-webkit-scrollbar-track,.sh-row::-webkit-scrollbar-track,.h-genres::-webkit-scrollbar-track,.cat-row::-webkit-scrollbar-track{background:rgba(20,18,28,.08);border-radius:7px;margin:0 4px}
.shelf-row::-webkit-scrollbar-thumb,.sh-row::-webkit-scrollbar-thumb,.h-genres::-webkit-scrollbar-thumb,.cat-row::-webkit-scrollbar-thumb{background:rgba(198,77,83,.6);border:1px solid rgba(20,18,28,.45);border-radius:7px}
.shelf-row::-webkit-scrollbar-thumb:hover,.sh-row::-webkit-scrollbar-thumb:hover,.h-genres::-webkit-scrollbar-thumb:hover,.cat-row::-webkit-scrollbar-thumb:hover{background:var(--brand)}
.la-age{position:absolute;transform:translate(-50%,-50%);width:13%;aspect-ratio:1;min-width:26px;max-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;letter-spacing:-.03em;background:rgba(255,255,255,.92);color:#16121c;border:1.5px solid rgba(0,0,0,.25);box-shadow:0 1px 5px rgba(0,0,0,.4);z-index:3;pointer-events:none;line-height:1}
/* мобильная адаптация (правило): поля форм не должны переполнять контейнер */
input,select,textarea{box-sizing:border-box;max-width:100%}
.la-wrap{box-sizing:border-box}
/* режим приложения (WebView апки, UA содержит LibAuthorApp): прячем дублирующую обвязку сайта, контент на всю ширину, без наложений шапок/значков */
body.la-app .la-hdr,body.la-app .header-container,body.la-app .la-subnav,body.la-app .la-foot,body.la-app #wo_header,body.la-app .cookie-bar,body.la-app .la-cookie{display:none!important}
body.la-app{padding-top:0!important}
body.la-app .la-wrap{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
body.la-app .ed-write,body.la-app .ed-row2,body.la-app .ed-write .ed-col-text{max-width:100%!important}
body.la-app .ed-ai{flex-basis:100%!important;max-height:none!important}