/* стеклянные шапка и нижняя панель: без тёмной подложки, только блюр */
header{background:transparent!important;box-shadow:none!important}
header::before{content:'';position:absolute;left:0;right:0;top:0;height:100%;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--bg) 22%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:none;mask-image:none}
body.search-full header::before{display:none}
/* шапка лежит поверх контента (как нижняя панель): лента уезжает под неё и просвечивает сквозь блюр */
:root{--gh:46px}
@media(max-width:640px){:root{--gh:66px}}
header{margin-bottom:calc(-1 * var(--gh))}
.carea{padding-top:var(--gh)}
.sidebar,.sidebar.collapsed{padding-top:calc(14px + var(--gh))}
body.ai-full header{margin-bottom:0}
body.ai-full .carea{padding-top:0}
body.ai-full .sidebar{padding-top:14px}
.hpill,.hpill-l,.hpill-r{background:transparent!important;box-shadow:none!important;border:none!important}
.mob-nav{background:transparent!important;box-shadow:none!important}
/* карта: лежит под шапкой и нижней панелью на весь экран, видна сквозь блюр; кнопки сдвинуты, чтобы не прятаться под панели */
body.maps-tab .carea{padding-top:0!important;padding-bottom:0!important}
.maps-wrap:not(.full) .maps-top{top:calc(14px + var(--gh))}
@media(max-width:640px){
  .maps-wrap:not(.full) .maps-fab,.maps-wrap:not(.full) .maps-share{bottom:calc(14px + var(--nav-h,78px))}
  .maps-wrap:not(.full) .maps-card{bottom:calc(72px + var(--nav-h,78px))}
}
/* плашка «Вас видят друзья» слева внизу в одном ряду с кнопками; на очень узких экранах - компактнее */
@media(max-width:380px){
  .maps-share button{padding:0 12px 0 10px;font-size:11.5px;gap:7px}
}
/* проверка IP и домена */
.ipc-wrap{max-width:640px;margin:0 auto;padding:14px 0 28px}
.ipc-title{font-size:19px;font-weight:800;color:var(--text);margin:4px 2px 14px}
.ipc-bar{display:flex;gap:8px}
.ipc-inp{flex:1;min-width:0;height:38px;padding:0 13px;border-radius:12px;border:none!important;outline:none;background:var(--surface2);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;box-shadow:none!important}
.ipc-inp::placeholder{color:var(--text3);font-weight:500}
.ipc-go{height:38px;padding:0 14px;border-radius:12px;border:none;background:var(--accent);color:var(--accent-inv);font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;flex-shrink:0}
.ipc-go:disabled{opacity:.6;cursor:default}
.ipc-my{margin:10px 0 4px;border:none;background:none;color:var(--text2);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:6px 2px;text-decoration:underline;text-decoration-style:dotted}
.ipc-card{margin-top:12px;border-radius:16px;background:var(--surface2);padding:6px 16px 10px}
.ipc-h{font-size:12px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;padding:12px 0 4px}
.ipc-ip{font-size:20px;font-weight:800;color:var(--text);padding:12px 0 2px;word-break:break-all}
.ipc-row{display:flex;gap:12px;justify-content:space-between;padding:8px 0;border-top:1px solid var(--border);font-size:13.5px}
.ipc-row:first-of-type{border-top:none}
.ipc-k{color:var(--text3);font-weight:600;flex-shrink:0;max-width:45%}
.ipc-v{color:var(--text);font-weight:700;text-align:right;word-break:break-word;min-width:0}
.ipc-note,.ipc-err{margin-top:12px;font-size:13.5px;font-weight:600;color:var(--text3);padding:0 2px}
.ipc-err{color:var(--red)}
/* полностью чёрная тема: экран загрузки карты тоже чёрный */
html[data-theme=dark][data-dark-style=black] .maps-wrap,html[data-theme=dark][data-dark-style=black] .maps-state{background:#000}
.mob-nav::before{height:calc(68px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 22%,transparent);-webkit-mask-image:none;mask-image:none}
#mnMoreDot{border-color:var(--bg)}
/* значок «Главная» - логотип Lowsoft; при обновлении рисуется как на экране загрузки */
.lg-ico{fill:none}
.lg-draw{stroke-dasharray:1 1;stroke-dashoffset:0}
.lg-spin .lg-draw{animation:lgDraw 1.8s cubic-bezier(.5,.05,.2,1) infinite}
@keyframes lgDraw{0%{stroke-dashoffset:1}65%{stroke-dashoffset:0}82%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.posts-refresh-banner svg.lg-ico{animation:none;stroke:none;width:16px;height:16px}
@media(prefers-reduced-motion:reduce){.lg-spin .lg-draw{animation:none}}
/* блюр нижней панели не гаснет и не мигает при открытии меню «Все разделы» */
body.mob-more-open .mob-nav::before{display:block!important}
#mobMore .mob-nav-btn svg,.mob-nav-btn svg,.mob-more-ic svg{overflow:visible}
#mobMore .mob-nav-btn svg{width:26px;height:26px;padding:13px}
/* свайп вниз = обновить (Друзья / Wallet / Почта) */
#ptrInd{position:fixed;left:50%;top:calc(var(--gh,46px) + 4px);width:38px;height:38px;margin-left:-19px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.2);color:var(--text);display:flex;align-items:center;justify-content:center;z-index:260;opacity:0;pointer-events:none;transform:translateY(-60px);will-change:transform,opacity}
#ptrInd.snap{transition:transform .28s cubic-bezier(.3,.8,.3,1),opacity .2s}
#ptrInd svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#ptrInd.ready{background:var(--accent);color:var(--accent-inv);border-color:var(--accent)}
#ptrInd.spin svg{animation:ptrSpin .8s linear infinite}
@keyframes ptrSpin{to{transform:rotate(360deg)}}
/* «Все разделы»: кнопки в стиле сайта, блюр фона, вылет из синей кнопки */
#mobMore{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important;visibility:hidden;transition:visibility 0s .6s!important}
#mobMore.show{visibility:visible;transition:visibility 0s!important}
#mobMore::before{content:'';position:fixed;inset:0;z-index:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease .1s;pointer-events:none}
#mobMore.show::before{opacity:1;transition:opacity .2s ease}
#mobMore .mob-more-dome{z-index:1;background:none!important;box-shadow:none!important;border:none!important;transform:none!important;opacity:1!important;transition:none!important}
#mobMore .mob-nav-btn{transform:translate(var(--dx,0px),var(--dy,0px)) scale(.15);opacity:0;transition:transform .42s cubic-bezier(.5,0,.75,.4) var(--dl,0ms),opacity .3s ease var(--dl,0ms)!important;will-change:transform,opacity}
#mobMore.show .mob-nav-btn{transform:none;opacity:1;transition:transform .55s cubic-bezier(.2,1.25,.4,1) var(--dl,0ms),opacity .25s ease var(--dl,0ms)!important}
#mobMore.mm-measure .mob-nav-btn{transition:none!important}
#mobMore .mob-nav-btn svg{background:var(--surface)!important;border:1px solid var(--border);box-shadow:0 6px 18px rgba(0,0,0,.18)}
#mobMore .mob-nav-btn.active svg{background:var(--accent)!important;color:var(--accent-inv);border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){ #mobMore .mob-nav-btn,#mobMore.show .mob-nav-btn{transition:opacity .2s!important;transform:none}}
/* блюр только под кнопками (ИИ-чат, страница Plus), выше - не заходит */
.dm-bottom::before{top:auto;bottom:0;height:10px;-webkit-mask-image:none;mask-image:none}
.plus-buy-wrap::before{top:100%;bottom:auto;height:14px;-webkit-mask-image:linear-gradient(to top,#000 60%,transparent);mask-image:linear-gradient(to top,#000 60%,transparent)}
@media(max-width:640px){.plus-buy-wrap::before{top:100%;bottom:auto;height:calc(14px + var(--nav-h,0px));-webkit-mask-image:linear-gradient(to top,#000 72%,transparent);mask-image:linear-gradient(to top,#000 72%,transparent)}}
/* поиск: надпись «Поиск» и три точки с лёгкой анимацией */
.swrap{--sf-pl:36px;--sf-fs:13px}
@media(max-width:640px){.hpill .swrap{--sf-pl:34px;--sf-fs:14px}}
body.search-full .swrap{--sf-pl:calc(var(--sf-side) + 36px);--sf-fs:13.5px}
.sf-ph{display:none;position:absolute;left:var(--sf-pl);top:50%;transform:translateY(-50%);font:500 var(--sf-fs)/1 'Geologica',sans-serif;color:var(--text3);pointer-events:none;white-space:nowrap;z-index:1;transition:opacity .18s ease}
#lsSrchField:placeholder-shown~.sf-ph{display:block}
#lsSrchField.sf-closing~.sf-ph{opacity:0}
.sf-ph i{font-style:normal;display:inline-block;animation:sfDot 1.6s ease-in-out infinite}
.sf-ph i:nth-child(2){animation-delay:.2s}
.sf-ph i:nth-child(3){animation-delay:.4s}
@keyframes sfDot{0%,65%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-1.5px)}}
@media(prefers-reduced-motion:reduce){.sf-ph i{animation:none;opacity:.7}}