/* Visible viewport: Telegram chrome, display cutouts and software keyboard. */
:root{--app-height:100dvh;--safe-top:0px;--device-top:0px;--content-top:0px;--safe-right:0px;--device-right:0px;--content-right:0px;--safe-bottom:0px;--device-bottom:0px;--content-bottom:0px;--safe-left:0px;--device-left:0px;--content-left:0px;--viewport-top:0px;--edge-top:calc(max(var(--device-top),env(safe-area-inset-top,0px)) + var(--content-top));--edge-right:calc(max(var(--device-right),env(safe-area-inset-right,0px)) + var(--content-right));--edge-bottom:calc(max(var(--device-bottom),env(safe-area-inset-bottom,0px)) + var(--content-bottom));--edge-left:calc(max(var(--device-left),env(safe-area-inset-left,0px)) + var(--content-left));--dialog-height:calc(var(--app-height) - var(--edge-top) - var(--edge-bottom) - 24px)}
dialog, #settings-dialog, #history-dialog, #meeting-dialog, #results-dialog[open]{position:fixed;inset:calc(var(--viewport-top) + var(--edge-top) + 12px) auto auto calc(var(--edge-left) + (100vw - var(--edge-left) - var(--edge-right))/2);transform:translateX(-50%);margin:0;max-width:calc(100vw - var(--edge-left) - var(--edge-right) - 24px);max-height:var(--dialog-height);overflow:auto;scroll-padding-block:24px;overscroll-behavior:contain}
input:not([type=checkbox]):not([type=color]),select{font-size:16px!important;min-width:0;max-width:100%}
button{touch-action:manipulation}
dialog button,dialog select,dialog input:not([type=checkbox]):not([type=file]){min-height:44px}
dialog label{min-width:0}dialog h1,dialog h2{overflow-wrap:anywhere}