/* App layout for Safari, installed iOS web apps, phones and tablets. */
html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--paper);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
.desk,.status{display:none!important}
.app{position:relative!important;left:0!important;transform:none!important;width:100%;max-width:480px;margin:0 auto!important;border:0;border-radius:0;box-shadow:none;min-height:100vh;min-height:100dvh;padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}
header{padding-top:max(24px,calc(env(safe-area-inset-top,0px) + 16px))}
.settings{padding-top:max(26px,calc(env(safe-area-inset-top,0px) + 16px))}
.bottom{position:fixed;left:50%;transform:translateX(-50%);width:100%;max-width:480px;bottom:0!important;margin:0!important;border-radius:0!important;padding:10px max(20px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}
.toast{margin-left:0!important;bottom:calc(110px + env(safe-area-inset-bottom,0px))}
dialog{left:0!important;right:0!important;bottom:var(--keyboard-inset,0px)!important;top:auto!important;width:100%;max-width:480px;margin:0 auto!important;max-height:calc(var(--usable-height,100dvh) - 16px);padding:20px max(20px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));border-radius:24px 24px 0 0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#lookup{height:calc(var(--usable-height,100dvh) * .88);max-height:calc(var(--usable-height,100dvh) - 16px)}
#lookup .sheet-head{position:relative;flex-shrink:0}
input,select,textarea,.search input{font-size:16px!important}
input[type="checkbox"]{min-width:20px;min-height:20px}
.sticky-action{bottom:calc(-1 * max(20px,env(safe-area-inset-bottom,0px)));padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}
#dictionaryContent .collection-row{gap:8px}#dictionaryContent .collection-row>div{min-width:0}#dictionaryContent .collection-row small{max-width:100%;overflow-wrap:anywhere}#dictionaryContent .collection-row button{flex-shrink:0}
.keyboard-open .bottom{visibility:hidden}
#installInstructions{line-height:2;font-size:15px}
#pwaState{font-size:13px;line-height:1.8}
#installGuide ol{padding-left:22px;margin:0}
@media(orientation:landscape) and (max-height:550px){dialog,#lookup{height:auto;max-height:calc(var(--usable-height,100dvh) - 8px)}header{padding-top:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}