/* The close control is anchored to the dialog's viewport, outside its scroll flow. */
#modal .close,#modal-discard .close{position:fixed!important;left:var(--modal-close-x)!important;top:var(--modal-close-y)!important;right:auto!important;bottom:auto!important;display:grid!important;place-items:center;width:44px!important;height:44px!important;min-width:44px;min-height:44px;margin:0!important;padding:10px!important;z-index:100!important;border-radius:50%;background:var(--paper);box-shadow:0 1px 5px #18283b12}
#modal .account-dialog-nav{padding-right:48px}
#modal h2{padding-right:42px}
#modal-discard{width:440px;max-width:calc(100vw - 32px);padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}
#modal-discard h2{padding-right:36px;font-size:20px}
#modal-discard p{color:var(--muted)}
.modal-discard-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.modal-discard-actions button{min-height:44px;padding:10px 14px}
@media(max-width:480px){#modal-discard{padding:22px}.modal-discard-actions{flex-direction:column}.modal-discard-actions button{width:100%}}