body{padding-bottom:108px}html{scroll-padding-bottom:110px}.bottom-menu{position:fixed;z-index:10000;left:50%;bottom:16px;transform:translateX(-50%);width:min(620px,calc(100% - 32px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:8px 10px;background:#fffffffa;border:1px solid #dae7eb;border-radius:22px;box-shadow:0 5px 35px #123f5220;backdrop-filter:blur(18px);box-sizing:border-box}.bottom-menu-item{appearance:none;border:0;border-radius:14px;background:transparent;color:#607780;min-width:0;min-height:60px;padding:6px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;cursor:pointer}.bottom-menu-icon{display:flex;justify-content:center;align-items:center;height:25px;width:34px}.bottom-menu svg{width:23px;height:23px}.bottom-menu-item.is-active{background:#eaf5f8;color:#087fa5}.bottom-menu-item.is-active .bottom-menu-icon{color:#087fa5}.bottom-menu-item:hover{background:#f1f7f8}.bottom-menu-item:focus-visible{outline:2px solid #087fa5;outline-offset:2px}.bottom-menu-item.berth-menu-item.is-active{background:#087fa5;color:white}.bottom-menu-item.berth-menu-item.is-active .bottom-menu-icon{color:white}dialog:has(>.bottom-menu){padding-bottom:112px}dialog:has(>.bottom-menu)::backdrop{backdrop-filter:blur(2px)}@media(max-width:760px){body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.bottom-menu{width:100%;left:0;bottom:0;transform:none;border-radius:18px 18px 0 0;border-bottom:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));gap:3px}.bottom-menu-item{font-size:10px;min-height:57px;gap:4px}.bottom-menu svg{width:22px;height:22px}dialog:has(>.bottom-menu){max-height:calc(100dvh - 28px);padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}}