body.commitment-popup-locked{position:fixed;width:100%;overflow:hidden}
#commitmentOverlay{position:fixed;inset:0;z-index:59;background:rgba(3,5,12,.78)}
#commitmentOverlay[hidden]{display:none!important}
#commitmentDialog{position:absolute;inset:auto 0 auto;margin:0 auto;top:calc(var(--popup-top,0px) + var(--popup-height,100dvh)/2);transform:translateY(-50%);width:min(560px,calc(100% - 28px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(var(--popup-height,100dvh) - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:0;border:1px solid var(--line2);border-radius:16px;background:var(--panel2);color:var(--text);box-shadow:0 24px 90px #0009;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#commitmentDialog .commitment-wizard{margin:0;border:0;border-radius:0;padding:20px;transform:none;opacity:1}
#commitmentDialog .wizard-heading{flex-wrap:nowrap;align-items:center}
#commitmentDialog .wizard-heading h3{font-size:18px;line-height:1.3}
#commitmentDialog .wizard-heading button{flex-shrink:0}
#commitmentDialog .wizard-actions{position:sticky;bottom:0;background:var(--panel2);padding-bottom:16px;z-index:2}
#commitmentDialog input,#commitmentDialog textarea,#commitmentDialog select{font-size:16px}
#commitmentDialog button{min-height:44px;touch-action:manipulation}
#commitmentDialog :focus-visible{outline:2px solid var(--rank);outline-offset:3px}
#commitmentPopupTitle:focus{outline:none}
@media(max-width:400px){#commitmentDialog .commitment-wizard{padding:16px}#commitmentDialog .commitment-types{grid-template-columns:1fr 1fr}#commitmentDialog .commitment-types button{padding:12px 10px}}