.modal-root{position:relative;z-index:200}.modal-backdrop{position:fixed;inset:0;background:#1a1918b8;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal-scroll{position:fixed;inset:0;z-index:10;overflow-y:auto;scrollbar-width:none}.modal-scroll::-webkit-scrollbar{display:none}.modal-center{display:flex;min-height:100%;align-items:center;justify-content:center;padding:2rem 1rem}.modal-panel{position:relative;width:100%;max-width:28rem;background:var(--body-bg);border:1px solid var(--subtle);box-shadow:0 2px 4px #1a19180a,0 8px 24px #1a191824,0 32px 64px #1a19181a}.modal-panel--lg{max-width:54rem}.modal-panel--xl{max-width:82rem}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;border-bottom:1px solid var(--subtle)}.modal-title{font-family:var(--font-sans);font-size:.44rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.modal-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:1px solid transparent;background:none;color:var(--muted);cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s}.modal-close:hover{color:var(--dark);border-color:var(--subtle)}.modal-body{padding:1rem .9rem 1.1rem}.modal-body--flush{padding:0}.modal-backdrop-enter{transition:opacity .22s ease}.modal-backdrop-leave{transition:opacity .16s ease}.modal-backdrop-from{opacity:0}.modal-backdrop-to{opacity:1}.modal-panel-enter{transition:opacity .22s ease,transform .22s ease}.modal-panel-leave{transition:opacity .16s ease,transform .16s ease}.modal-panel-from{opacity:0;transform:translateY(8px)}.modal-panel-to{opacity:1;transform:translateY(0)}