.mobile-nav{display:none}
@media(max-width:800px){
 html{scroll-padding-bottom:100px}
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .sidebar{padding-top:calc(16px + env(safe-area-inset-top,0px))}
 .mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:80;justify-content:space-around;gap:3px;background:#fcf9f4f5;border-top:1px solid #ded3e4;backdrop-filter:blur(12px);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))}
 .mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;min-height:48px;text-decoration:none;color:#6c5b76;border-radius:12px;font-size:10px}
 .mobile-nav a>span{font-size:21px;line-height:1}.mobile-nav a.active{background:#eae0f4;color:#654181;font-weight:700}.mobile-nav a:focus-visible{outline:3px solid #ab7fd0}
 input,select,textarea{font-size:16px!important}
 dialog{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);overflow:auto}
 #toast{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
}