/* ტელეფონის ეკრანისა და უსაფრთხო კიდეების მხარდაჭერა. */
html{min-height:100%;background:#f3f8fc}
body{min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.shell{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.app-tools{padding:18px 8px;border-top:1px solid var(--line);margin-top:20px}
.app-tools h2{font-size:18px}.app-tools p,.app-tools summary,.import-label{font-size:14px}
.app-tools p{color:var(--muted);margin:10px 0}.app-tools button{margin:5px 0;min-height:44px}
.app-tools details{margin-top:15px}.app-tools summary{cursor:pointer;padding:10px 0}
.import-label{display:block;margin:14px 0 8px}.app-tools input{max-width:100%;font-size:16px}
.pronounce-button{min-height:44px}.learn-label{min-height:44px}.learn-label input{width:20px;height:20px}
.tab,.answer,.primary,.secondary{min-height:44px}
@media(min-width:721px){.shell{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}}
@media(min-width:1001px){.shell{padding-left:max(44px,env(safe-area-inset-left));padding-right:max(44px,env(safe-area-inset-right))}}
@media(display-mode:standalone){.topbar{padding-top:16px}.tabs{background:#f5faff}}
@media(prefers-reduced-motion:reduce){button{transition:none}}