body:has(.modal.show){overflow:hidden}.modal{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(4px);background-color:#00000080}.modal:not(.show){visibility:hidden}.modal>div{position:relative;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow-y:auto;box-shadow:var(--shadow-lg);transition:var(--transition-default);border-radius:var(--border-radius-md);background-color:var(--color-surface)}.modal:not(.show)>div{transform:translateY(100%)}.modal>div>.head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px;border-bottom:var(--border-default)}.modal>div>.head>h2{font-size:20px;font-weight:700;margin:0}.modal-close{width:32px;height:32px;color:var(--theme-color);display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:var(--border-radius-sm);background-color:var(--color-background)}.modal>div>form{width:100%;display:flex;flex-direction:column;gap:16px;padding:24px}.modal>div>form>button{width:100%;height:44px;color:#fff;font-size:14px;font-weight:600;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;margin-top:4px;box-shadow:var(--shadow-sm);border-radius:var(--border-radius-md);background-color:var(--theme-color)}@media screen and (max-width: 600px){.modal>div{height:100%;max-height:none;margin:0;border-radius:0}}