:root{--kira-inset-top:0px;--kira-inset-bottom:0px;--kira-inset-left:0px;--kira-inset-right:0px}
html[data-kira-mobile]{--kira-top:max(52px,env(safe-area-inset-top,0px),var(--kira-inset-top));--kira-bottom:max(16px,env(safe-area-inset-bottom,0px),var(--kira-inset-bottom));scroll-padding-top:calc(var(--kira-top) + 12px)}
html[data-kira-mobile] body{padding-top:var(--kira-top)!important;padding-bottom:var(--kira-bottom)!important}
html[data-kira-mobile] dialog{max-height:calc(100dvh - var(--kira-top) - var(--kira-bottom) - 24px)}
html[data-kira-mobile] #app-root{height:calc(100vh - var(--kira-top) - var(--kira-bottom));height:calc(100dvh - var(--kira-top) - var(--kira-bottom))}
html[data-kira-mobile] .site-header{top:var(--kira-top)}
@supports not (height:100dvh){html[data-kira-mobile] dialog{max-height:75vh}}