.mobile-dock{display:none}
@media(max-width:800px){
 body.has-mobile-dock{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
 .has-mobile-dock>.footer{padding-bottom:28px}.has-mobile-dock>.member-footer{padding-bottom:25px}
 .mobile-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:35;left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));background:#34251ef5;color:#fff6e6;backdrop-filter:blur(16px);border:1px solid #6e5140;border-radius:21px;padding:6px 5px;box-shadow:0 6px 28px #21181230;gap:1px}
 .mobile-dock a,.mobile-dock button{border:0;background:none;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;line-height:1.2;min-height:52px;border-radius:15px;padding:6px 3px;min-width:0;text-decoration:none;cursor:pointer}
 .mobile-dock svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .mobile-dock .dock-book{background:#f9d176;color:#34251e;font-weight:800}.mobile-dock .active{color:#f9d176}.mobile-dock .dock-book.active{color:#34251e}
 .mobile-dock a:focus-visible,.mobile-dock button:focus-visible{outline:2px solid #f9d176;outline-offset:1px}
 body:has(dialog[open]) .mobile-dock{visibility:hidden}
}
@media(max-width:359px){.mobile-dock{left:7px;right:7px}}
@media print{.mobile-dock{display:none!important}body.has-mobile-dock{padding-bottom:0!important}}