html.rublcom-installed{--pwa-bar-height:68px;--pwa-bg:#fff;--pwa-ink:#252638;--pwa-border:#dedfe8;scroll-padding-bottom:160px}
html.rublcom-installed.dark{--pwa-bg:#18181b;--pwa-ink:#f4f4f5;--pwa-border:#3f3f46}
html.rublcom-installed body{overscroll-behavior-y:contain}
html.rublcom-installed .fi-main{min-width:0;padding-bottom:calc(100px + env(safe-area-inset-bottom))}
html.rublcom-installed .fi-main-ctn,html.rublcom-installed .fi-page{min-width:0}
html.rublcom-installed .fi-topbar{padding-top:env(safe-area-inset-top)}
html.rublcom-installed .fi-main :is(input,select,textarea){scroll-margin-bottom:180px}
html.rublcom-installed .rublcom-pwa-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:center;gap:4px;min-height:var(--pwa-bar-height);padding:6px max(10px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid var(--pwa-border);background:var(--pwa-bg);color:var(--pwa-ink);box-shadow:0 -4px 24px #00000008}
html.rublcom-installed .rublcom-pwa-bar :is(a,button){display:flex;flex:1;max-width:200px;min-height:54px;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:0;border-radius:12px;background:transparent;color:inherit;text-decoration:none;font:600 12px/1.25 system-ui;cursor:pointer}
html.rublcom-installed .rublcom-pwa-bar :is(a,button):hover,html.rublcom-installed .rublcom-pwa-bar [aria-current=page]{background:#6660c915;color:#655fcb}
html.rublcom-installed .rublcom-pwa-bar svg{height:22px;width:22px;stroke:currentColor;fill:none;stroke-width:1.7}
html.rublcom-installed .rublcom-pwa-bar :focus-visible,html.rublcom-installed .rublcom-pwa-scroll-hint button:focus-visible{outline:3px solid #8881dd;outline-offset:2px}
html.rublcom-installed.rublcom-keyboard-open .rublcom-pwa-bar{display:none}
html.rublcom-installed .rublcom-pwa-sheet{width:min(640px,calc(100% - 24px));max-height:80dvh;overflow:auto;margin:auto auto calc(82px + env(safe-area-inset-bottom));padding:22px;border-radius:22px;border:1px solid var(--pwa-border);background:var(--pwa-bg);color:var(--pwa-ink);font:16px/1.5 system-ui;box-shadow:0 12px 70px #0004}
html.rublcom-installed .rublcom-pwa-sheet::backdrop{background:#10132380}
html.rublcom-installed .rublcom-pwa-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
html.rublcom-installed .rublcom-pwa-sheet h2{font-size:22px;font-weight:700}
html.rublcom-installed .rublcom-pwa-sheet h3{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#84849a}
html.rublcom-installed .rublcom-pwa-sheet button{min-height:44px;border-radius:10px;padding:8px 12px;border:1px solid var(--pwa-border);background:transparent;color:inherit;cursor:pointer}
html.rublcom-installed .rublcom-pwa-sheet a{display:block;padding:12px 10px;border-bottom:1px solid var(--pwa-border);color:inherit;text-decoration:none;min-height:48px}
html.rublcom-installed .rublcom-pwa-sheet a[aria-current=page]{color:#7870dd;font-weight:700;background:#6660c910}
html.rublcom-installed .rublcom-pwa-scroller{max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#8a86b7 transparent}
html.rublcom-installed .rublcom-pwa-scroller::-webkit-scrollbar{height:9px}
html.rublcom-installed .rublcom-pwa-scroller::-webkit-scrollbar-thumb{background:#8a86b7;border-radius:8px}
html.rublcom-installed .rublcom-pwa-scroll-hint{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 0;color:#77758c;font:13px/1.3 system-ui}
html.rublcom-installed .rublcom-pwa-scroll-hint[hidden]{display:none}
html.rublcom-installed .rublcom-pwa-scroll-hint button{border:1px solid var(--pwa-border);border-radius:8px;background:var(--pwa-bg);color:var(--pwa-ink);min-width:44px;min-height:36px;cursor:pointer}
html.rublcom-installed .rublcom-pwa-scroll-hint button:disabled{opacity:.3;cursor:default}
html.rublcom-installed .rublcom-pwa-pinned{position:sticky!important;left:0;z-index:2;background:var(--pwa-bg)!important;box-shadow:1px 0 var(--pwa-border);max-width:170px;white-space:normal!important}
html.rublcom-installed .shift-close-footer{bottom:calc(var(--pwa-bar-height) + env(safe-area-inset-bottom));padding-bottom:12px}
html.rublcom-installed :is(.ab-fab,.sa-fabs,.worker-quick){bottom:calc(var(--pwa-bar-height) + env(safe-area-inset-bottom) + 16px)}
html.rublcom-installed:has(.shift-close-footer) .ab-fab{bottom:calc(var(--pwa-bar-height) + env(safe-area-inset-bottom) + 96px)}
html.rublcom-installed .mobile-nav{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:640px){html.rublcom-installed .fi-main{padding-left:12px;padding-right:12px}html.rublcom-installed .fi-header-heading{font-size:1.5rem}html.rublcom-installed .fi-main :is(input,select,textarea){font-size:16px}html.rublcom-installed .fi-modal-window{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}}
@media(prefers-reduced-motion:reduce){html.rublcom-installed *{scroll-behavior:auto!important}}