/* CR023 host measurements complement CSS env() in both Safari and Telegram. */
:root{--safe-top:max(env(safe-area-inset-top,0px),var(--groove-safe-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--groove-safe-bottom,0px));--safe-left:max(env(safe-area-inset-left,0px),var(--groove-safe-left,0px));--safe-right:max(env(safe-area-inset-right,0px),var(--groove-safe-right,0px))}
.app{padding:calc(12px + var(--safe-top)) max(16px,var(--safe-right)) calc(28px + var(--safe-bottom)) max(16px,var(--safe-left))}
.bottom-sheet{bottom:var(--groove-keyboard-bottom,0px);max-height:min(870px,calc(var(--groove-viewport-height,100dvh) - var(--safe-top) - 12px));padding-bottom:calc(20px + var(--safe-bottom));padding-left:max(18px,var(--safe-left));padding-right:max(18px,var(--safe-right));-webkit-overflow-scrolling:touch}