:root{-webkit-text-size-adjust:100%;text-size-adjust:100%;--dialog-max-height: calc(var(--app-viewport-height, 100dvh) - var(--dialog-top-inset) - var(--dialog-bottom-inset))}.app-shell{top:var(--app-viewport-top, 0px);height:var(--app-viewport-height, 100dvh)}:root[data-app-keyboard]{--safe-bottom: 0px;--app-top-inset: max(8px, calc(var(--safe-top) - var(--app-viewport-top, 0px)));--dialog-top-inset: max(16px, calc(var(--safe-top) - var(--app-viewport-top, 0px)))}.photo-position-modal,.gender-confirm-modal,.survey-join-modal,.payment-dialog__overlay,.user-sheet-overlay{top:var(--app-viewport-top, 0px);bottom:auto;height:var(--app-viewport-height, 100dvh);min-height:0}.payment-dialog{max-height:min(calc(var(--app-viewport-height, 100dvh) - var(--dialog-top-inset)),720px)}.user-sheet-overlay{position:fixed;left:0;right:0;z-index:260;display:flex;align-items:flex-end;justify-content:center;padding:var(--dialog-top-inset) var(--safe-right) 0 var(--safe-left);background:#2d2c278c}.user-sheet{width:min(100%,480px);min-height:0;max-height:100%;overflow-y:auto;scroll-padding-block:20px max(20px,var(--safe-bottom));overscroll-behavior:contain;padding:20px 16px max(20px,var(--safe-bottom));background:var(--bg);border:2px solid var(--ink);border-radius:8px 8px 0 0;overflow-wrap:anywhere}.user-sheet--center{text-align:center}.user-sheet button{min-height:44px}.user-sheet button>svg{flex-shrink:0}.user-sheet button>.adaptive-text{flex:1}.chat-head-v2,.match-profile-topbar{column-gap:8px}.chat-scroll{min-height:0}.chat-composer{flex-shrink:0}.chat-composer input{min-width:0;height:44px}.chat-send-btn{min-width:44px;min-height:44px}.app-shell .lang-picker-dropdown{max-height:var(--picker-max-height, 320px);overflow-y:auto;overscroll-behavior:contain}.app-shell .lang-picker[data-dropdown-side=above] .lang-picker-dropdown{top:auto;bottom:100%;border-top:2px solid var(--ink);border-bottom:none;border-radius:4px 4px 0 0}.app-shell .lang-picker[data-dropdown-side=above] .lang-picker-btn--open{border-radius:0 0 4px 4px;border-top-color:var(--bg);border-bottom-color:var(--ink)}@media (pointer: coarse){.app-shell :is(input,textarea,select){font-size:max(16px,1em)}}@media (min-width: 700px){.payment-dialog{max-height:min(calc(var(--app-viewport-height, 100dvh) - max(20px,var(--safe-top)) - max(20px,var(--safe-bottom))),720px)}}